:root{--spn-color-primary:#2d3a8c;--spn-color-primary-dark:#1e2864;--spn-color-primary-light:#e8ebfa;--spn-color-accent:#ffb400;--spn-color-accent-soft:#fff4d6;--spn-color-text:#1a1d2e;--spn-color-text-muted:#5a6376;--spn-color-text-subtle:#8a91a3;--spn-color-bg:#ffffff;--spn-color-bg-soft:#f7f8fb;--spn-color-bg-card:#ffffff;--spn-color-border:#e1e4ed;--spn-color-border-strong:#c5cbd9;--spn-color-success:#2f8a4a;--spn-color-warning:#d97706;--spn-color-danger:#c0392b;--spn-badge-strategie:#6b46c1;--spn-badge-technique:#0e7490;--spn-badge-mesure:#047857;--spn-badge-outil:#b45309;--spn-badge-concept:#475569;--spn-space-1:0.25rem;--spn-space-2:0.5rem;--spn-space-3:0.75rem;--spn-space-4:1rem;--spn-space-5:1.25rem;--spn-space-6:1.5rem;--spn-space-8:2rem;--spn-space-10:2.5rem;--spn-space-12:3rem;--spn-space-16:4rem;--spn-radius-sm:0.375rem;--spn-radius-md:0.625rem;--spn-radius-lg:1rem;--spn-radius-pill:9999px;--spn-shadow-sm:0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.06);--spn-shadow-md:0 4px 12px rgba(15, 23, 42, 0.08);--spn-shadow-lg:0 10px 30px rgba(15, 23, 42, 0.12);--spn-ease:cubic-bezier(0.25, 0.46, 0.45, 0.94);--spn-trans-fast:150ms var(--spn-ease);--spn-trans:250ms var(--spn-ease);--spn-trans-slow:350ms var(--spn-ease);--spn-font-display:inherit;--spn-font-body:inherit;--spn-container-max:1200px;--spn-container-pad:clamp(1rem, 4vw, 2rem);--spn-content-narrow:780px}@media (prefers-reduced-motion:reduce){:root{--spn-trans-fast:0ms;--spn-trans:0ms;--spn-trans-slow:0ms}}.spn-main{color:var(--spn-color-text);font-family:var(--spn-font-body);line-height:1.6;background:var(--spn-color-bg-soft);padding-block:clamp(2rem, 5vw, 4rem)}.spn-container{max-width:var(--spn-container-max);margin-inline:auto;padding-inline:var(--spn-container-pad)}.spn-main a{color:var(--spn-color-primary);text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px;transition:color var(--spn-trans-fast)}.spn-main a:hover{color:var(--spn-color-primary-dark)}.spn-empty{background:var(--spn-color-bg);border:1px dashed var(--spn-color-border);border-radius:var(--spn-radius-md);padding:var(--spn-space-8);text-align:center;color:var(--spn-color-text-muted)}.spn-btn{display:inline-flex;align-items:center;gap:var(--spn-space-2);background:var(--spn-color-primary);color:#fff;padding:var(--spn-space-3) var(--spn-space-5);border-radius:var(--spn-radius-md);font-weight:600;text-decoration:none;transition:background var(--spn-trans-fast)}.spn-btn:hover{background:var(--spn-color-primary-dark);color:#fff}.spn-archive__header{text-align:center;margin-bottom:var(--spn-space-12)}.spn-archive__title{font-size:clamp(1.875rem, 4vw, 2.75rem);font-weight:800;color:var(--spn-color-primary);margin:0 0 var(--spn-space-4);line-height:1.15}.spn-archive__intro{max-width:var(--spn-content-narrow);margin-inline:auto;color:var(--spn-color-text-muted);font-size:1.0625rem}.spn-cat-grid{display:grid;gap:var(--spn-space-6);grid-template-columns:repeat(auto-fill,minmax(min(100%, 18rem),1fr))}.spn-cat-card{background:var(--spn-color-bg-card);border-radius:var(--spn-radius-lg);overflow:hidden;box-shadow:var(--spn-shadow-sm);transition:transform var(--spn-trans),box-shadow var(--spn-trans);border:1px solid var(--spn-color-border)}.spn-cat-card:hover{transform:translateY(-3px);box-shadow:var(--spn-shadow-lg);border-color:var(--spn-color-primary-light)}.spn-cat-card__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.spn-cat-card__media{aspect-ratio:16 / 9;background-color:var(--spn-color-primary);background-size:cover;background-position:center}.spn-cat-card__body{padding:var(--spn-space-6);display:flex;flex-direction:column;gap:var(--spn-space-3);flex:1}.spn-cat-card__title{font-size:1.375rem;font-weight:700;color:var(--spn-color-text);margin:0;line-height:1.25}.spn-cat-card__excerpt{color:var(--spn-color-text-muted);margin:0;font-size:.9375rem}.spn-cat-card__count{color:var(--spn-color-text-subtle);font-size:.875rem;font-weight:500;margin:0}.spn-cat-card__cta{margin-top:auto;color:var(--spn-color-primary);font-weight:600;font-size:.9375rem}.spn-tax-header{margin-bottom:var(--spn-space-10)}.spn-tax-header__back{margin:0 0 var(--spn-space-4);font-size:.9375rem}.spn-tax-header__back a{text-decoration:none;color:var(--spn-color-text-muted)}.spn-tax-header__back a:hover{color:var(--spn-color-primary)}.spn-tax-header__parent{margin:0 0 var(--spn-space-2);font-size:.875rem;color:var(--spn-color-text-subtle);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.spn-tax-header__parent a{text-decoration:none}.spn-tax-header__title{font-size:clamp(1.75rem, 4vw, 2.5rem);font-weight:800;margin:0 0 var(--spn-space-4);color:var(--spn-color-primary);line-height:1.15}.spn-tax-header__desc{max-width:var(--spn-content-narrow);color:var(--spn-color-text-muted)}.spn-accordion{display:flex;flex-direction:column;gap:var(--spn-space-3)}.spn-accordion__item{background:var(--spn-color-bg);border:1px solid var(--spn-color-border);border-radius:var(--spn-radius-md);overflow:hidden;transition:border-color var(--spn-trans-fast),box-shadow var(--spn-trans-fast)}.spn-accordion__item:has(.spn-accordion__trigger[aria-expanded="true"]){border-color:var(--spn-color-primary-light);box-shadow:var(--spn-shadow-md)}.spn-accordion__heading{margin:0}.spn-accordion__trigger{display:flex;align-items:center;gap:var(--spn-space-4);width:100%;padding:var(--spn-space-5) var(--spn-space-6);background:#fff0;border:0;cursor:pointer;text-align:left;font:inherit;color:var(--spn-color-text);transition:background var(--spn-trans-fast)}.spn-accordion__trigger:hover{background:var(--spn-color-bg-soft)}.spn-accordion__trigger:focus-visible{outline:2px solid var(--spn-color-primary);outline-offset:-2px}.spn-accordion__label{flex:1;font-size:1.125rem;font-weight:700}.spn-accordion__count{color:var(--spn-color-text-muted);font-size:.875rem;font-weight:500;white-space:nowrap}.spn-accordion__chevron{width:1.25rem;height:1.25rem;flex-shrink:0;border-right:2px solid var(--spn-color-text-muted);border-bottom:2px solid var(--spn-color-text-muted);transform:rotate(45deg);transform-origin:60% 60%;transition:transform var(--spn-trans);margin-right:.25rem}.spn-accordion__trigger[aria-expanded="true"] .spn-accordion__chevron{transform:rotate(-135deg)}.spn-accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--spn-trans-slow)}.spn-accordion__panel[data-open="true"]{grid-template-rows:1fr}.spn-accordion__panel-inner{overflow:hidden;min-height:0}.spn-accordion__panel[data-open="true"] .spn-accordion__panel-inner{padding:0 var(--spn-space-6) var(--spn-space-6)}.spn-accordion__desc{color:var(--spn-color-text-muted);margin:0 0 var(--spn-space-5);font-size:.9375rem}.spn-accordion__more{margin:var(--spn-space-5) 0 0;text-align:right;font-size:.9375rem}.spn-notions-grid{display:grid;gap:var(--spn-space-5);grid-template-columns:1fr}@media (min-width:640px){.spn-notions-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:980px){.spn-notions-grid{grid-template-columns:repeat(3,1fr)}}.spn-notions-grid--small{grid-template-columns:repeat(auto-fill,minmax(min(100%, 16rem),1fr))}.spn-card{background:var(--spn-color-bg-card);border:1px solid var(--spn-color-border);border-radius:var(--spn-radius-lg);overflow:hidden;transition:transform var(--spn-trans),box-shadow var(--spn-trans),border-color var(--spn-trans);display:flex}.spn-card:hover{transform:translateY(-2px);box-shadow:var(--spn-shadow-md);border-color:var(--spn-color-primary-light)}.spn-card__link{display:flex;flex-direction:column;color:inherit;text-decoration:none;width:100%}.spn-card__link:focus-visible{outline:2px solid var(--spn-color-primary);outline-offset:2px;border-radius:var(--spn-radius-lg)}.spn-card__media{aspect-ratio:16 / 9;background-color:var(--spn-color-primary-light);background-size:cover;background-position:center}.spn-card__body{padding:var(--spn-space-5);display:flex;flex-direction:column;gap:var(--spn-space-3);flex:1}.spn-card__title{font-size:1.125rem;font-weight:700;margin:0;line-height:1.3;color:var(--spn-color-text)}.spn-card__excerpt{font-size:.9375rem;color:var(--spn-color-text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.spn-card__cta{margin-top:auto;color:var(--spn-color-primary);font-weight:600;font-size:.875rem}.spn-badges{display:flex;flex-wrap:wrap;gap:var(--spn-space-2);list-style:none;padding:0;margin:0}.spn-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;border-radius:var(--spn-radius-pill);background:var(--spn-color-bg-soft);color:var(--spn-color-text-muted);border:1px solid var(--spn-color-border);line-height:1.4}.spn-badge--type{color:#fff;border:0}.spn-badge--strategie{background:var(--spn-badge-strategie)}.spn-badge--technique{background:var(--spn-badge-technique)}.spn-badge--mesure{background:var(--spn-badge-mesure)}.spn-badge--outil{background:var(--spn-badge-outil)}.spn-badge--concept{background:var(--spn-badge-concept)}.spn-badge--niveau-debutant{color:var(--spn-color-success);border-color:currentColor;background:#eafbef}.spn-badge--niveau-intermediaire{color:var(--spn-color-warning);border-color:currentColor;background:#fff3e0}.spn-badge--niveau-avance{color:var(--spn-color-danger);border-color:currentColor;background:#fde9e7}.spn-badge--statut-toujours-utilise{color:var(--spn-color-success);border-color:currentColor;background:#eafbef}.spn-badge--statut-en-transformation{color:var(--spn-color-warning);border-color:currentColor;background:#fff3e0}.spn-badge--statut-obsolete{color:var(--spn-color-text-subtle);border-color:currentColor;background:var(--spn-color-bg-soft)}.spn-breadcrumb{margin-bottom:var(--spn-space-6);font-size:.875rem}.spn-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spn-space-2);list-style:none;padding:0;margin:0;color:var(--spn-color-text-muted)}.spn-breadcrumb__item a{color:var(--spn-color-text-muted);text-decoration:none}.spn-breadcrumb__item a:hover{color:var(--spn-color-primary);text-decoration:underline}.spn-breadcrumb__item--current{color:var(--spn-color-text);font-weight:600}.spn-breadcrumb__sep{color:var(--spn-color-text-subtle)}.spn-notion__header{background:var(--spn-color-bg);border-radius:var(--spn-radius-lg);padding:clamp(1.5rem, 3vw, 2.5rem);margin-bottom:var(--spn-space-8);border:1px solid var(--spn-color-border);box-shadow:var(--spn-shadow-sm)}.spn-notion__title{font-size:clamp(2rem, 5vw, 3rem);font-weight:800;margin:0 0 var(--spn-space-3);color:var(--spn-color-primary);line-height:1.1}.spn-notion__synonymes{color:var(--spn-color-text-muted);font-style:italic;margin:0 0 var(--spn-space-4);font-size:.9375rem}.spn-notion__synonymes-label{font-style:normal;font-weight:600;color:var(--spn-color-text-subtle);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;margin-right:var(--spn-space-2)}.spn-section{background:var(--spn-color-bg);border-radius:var(--spn-radius-lg);padding:clamp(1.5rem, 3vw, 2.5rem);margin-bottom:var(--spn-space-6);border:1px solid var(--spn-color-border)}.spn-section__title{display:flex;align-items:center;gap:var(--spn-space-3);font-size:1.5rem;font-weight:700;margin:0 0 var(--spn-space-5);color:var(--spn-color-primary);line-height:1.2}.spn-section__subtitle{font-size:1.125rem;font-weight:700;margin:var(--spn-space-6) 0 var(--spn-space-3);color:var(--spn-color-text)}.spn-section__icon{font-size:1.5rem;line-height:1}.spn-lead{font-size:1.25rem;font-weight:500;color:var(--spn-color-text);margin:0;line-height:1.5}.spn-prose{font-size:1rem;color:var(--spn-color-text)}.spn-prose>*+*{margin-top:var(--spn-space-3)}.spn-prose ul,.spn-prose ol{padding-left:1.5rem}.spn-prose li+li{margin-top:var(--spn-space-1)}.spn-competence-box{background:var(--spn-color-primary-light);border-left:4px solid var(--spn-color-primary);border-radius:var(--spn-radius-sm);padding:var(--spn-space-5) var(--spn-space-6);font-weight:500;color:var(--spn-color-primary-dark)}.spn-competence-box p{margin:0}.spn-situations-grid{display:grid;gap:var(--spn-space-5);grid-template-columns:1fr}@media (min-width:880px){.spn-situations-grid{grid-template-columns:repeat(2,1fr)}}.spn-situation{background:var(--spn-color-bg-soft);border:1px solid var(--spn-color-border);border-radius:var(--spn-radius-md);padding:var(--spn-space-5);display:flex;flex-direction:column;gap:var(--spn-space-4)}.spn-situation__header{display:flex;align-items:center;gap:var(--spn-space-3)}.spn-situation__num{width:2rem;height:2rem;border-radius:var(--spn-radius-pill);background:var(--spn-color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.spn-situation__title{font-size:1.0625rem;font-weight:700;margin:0}.spn-situation__block p{margin:0}.spn-situation__label{margin:0 0 var(--spn-space-1);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--spn-color-text-subtle)}.spn-situation__block--result{background:var(--spn-color-bg);border-radius:var(--spn-radius-sm);padding:var(--spn-space-3) var(--spn-space-4);border-left:3px solid var(--spn-color-accent);margin-top:auto}.spn-section--memorisation{background:linear-gradient(135deg,var(--spn-color-accent-soft) 0%,#fffbed 100%);border-color:#f0d97a}.spn-section--memorisation .spn-section__title{color:#8a5a00}.spn-memo-block{margin-bottom:var(--spn-space-5)}.spn-memo-block__label{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8a5a00;margin:0 0 var(--spn-space-2)}.spn-memo-quote{background:#fff;border-left:5px solid var(--spn-color-accent);padding:var(--spn-space-5) var(--spn-space-6);border-radius:var(--spn-radius-md);margin:var(--spn-space-5) 0;font-size:1.25rem;font-style:italic;color:var(--spn-color-text);box-shadow:var(--spn-shadow-sm)}.spn-memo-quote p{margin:0}.spn-pieges-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spn-space-4)}.spn-piege{background:var(--spn-color-bg-soft);border-radius:var(--spn-radius-md);padding:var(--spn-space-4) var(--spn-space-5);border-left:4px solid var(--spn-color-danger)}.spn-piege p{margin:0}.spn-piege__solution{margin-top:var(--spn-space-2)!important}.spn-piege__label{font-weight:700;color:var(--spn-color-danger);text-transform:uppercase;font-size:.75rem;letter-spacing:.04em;margin-right:var(--spn-space-2)}.spn-piege__label--ok{color:var(--spn-color-success)}.spn-confusions{margin-top:var(--spn-space-6)}.spn-date-apparition{color:var(--spn-color-text-muted);margin:0 0 var(--spn-space-4);font-size:.9375rem}.spn-ressources-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spn-space-3)}.spn-ressource{background:var(--spn-color-bg-soft);border-radius:var(--spn-radius-md);padding:var(--spn-space-4);display:grid;grid-template-columns:auto 1fr;gap:var(--spn-space-2) var(--spn-space-4);align-items:start}.spn-ressource__type{grid-row:span 2;background:var(--spn-color-primary);color:#fff;padding:.25rem .625rem;border-radius:var(--spn-radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;align-self:center}.spn-ressource__link{font-weight:600;text-decoration:none}.spn-ressource__link::after{content:" ↗";opacity:.6;font-size:.875em}.spn-ressource__desc{grid-column:2;font-size:.9375rem;color:var(--spn-color-text-muted);margin:0}.spn-maillage-group{margin-bottom:var(--spn-space-6)}.spn-maillage-group:last-child{margin-bottom:0}.spn-maillage-group__title{font-size:1.0625rem;font-weight:700;margin:0 0 var(--spn-space-4);color:var(--spn-color-text);display:flex;align-items:center;gap:var(--spn-space-2)}.spn-notion__footer{margin-top:var(--spn-space-8)}.spn-nav-pn{display:grid;grid-template-columns:1fr 1fr;gap:var(--spn-space-4)}.spn-nav-pn__link{background:var(--spn-color-bg);border:1px solid var(--spn-color-border);border-radius:var(--spn-radius-md);padding:var(--spn-space-4) var(--spn-space-5);display:flex;flex-direction:column;gap:var(--spn-space-1);text-decoration:none;color:var(--spn-color-text);transition:border-color var(--spn-trans-fast),box-shadow var(--spn-trans-fast)}.spn-nav-pn__link:hover{border-color:var(--spn-color-primary);box-shadow:var(--spn-shadow-sm)}.spn-nav-pn__next{text-align:right}.spn-nav-pn__label{color:var(--spn-color-text-subtle);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.spn-nav-pn__title{font-weight:700;color:var(--spn-color-primary)}@media (max-width:600px){.spn-nav-pn{grid-template-columns:1fr}.spn-nav-pn__next{text-align:left}}.spn-accordion__panel[hidden]{display:none}.spn-archive-accordion .spn-archive__header{text-align:center;margin-bottom:var(--spn-space-6)}.spn-accordion{display:flex;flex-direction:column;gap:var(--spn-space-3);max-width:920px;margin:0 auto}.spn-accordion__cat{background:var(--spn-color-bg);border:1px solid var(--spn-color-border);border-radius:var(--spn-radius-md);overflow:hidden;transition:border-color var(--spn-trans-fast),box-shadow var(--spn-trans-fast)}.spn-accordion__cat[open]{border-color:var(--spn-color-primary);box-shadow:var(--spn-shadow-sm)}.spn-accordion__cat.is-empty .spn-accordion__cat-count{color:var(--spn-color-text-subtle);font-style:italic}.spn-accordion__cat-header{display:flex;align-items:center;gap:var(--spn-space-3);padding:var(--spn-space-4) var(--spn-space-5);cursor:pointer;user-select:none;list-style:none;font-family:inherit}.spn-accordion__cat-header::-webkit-details-marker{display:none}.spn-accordion__cat-header::marker{display:none}.spn-accordion__cat-header:hover{background:var(--spn-color-bg-alt,#fafafa)}.spn-accordion__cat-title{font-size:1.25rem;font-weight:700;color:var(--spn-color-text);margin:0;flex:1;letter-spacing:-.01em}.spn-accordion__cat-count{font-size:.85rem;font-weight:600;color:var(--spn-color-primary);background:var(--spn-color-primary-soft,#f0f6ff);padding:4px 12px;border-radius:999px;white-space:nowrap}.spn-accordion__chevron{display:inline-flex;color:var(--spn-color-text-subtle);transition:transform var(--spn-trans-fast)}.spn-accordion__cat[open]>.spn-accordion__cat-header .spn-accordion__chevron{transform:rotate(180deg);color:var(--spn-color-primary)}.spn-accordion__cat-body{padding:var(--spn-space-2) var(--spn-space-5) var(--spn-space-5);border-top:1px solid var(--spn-color-border)}.spn-accordion__sub{background:var(--spn-color-bg-alt,#fafafa);border:1px solid var(--spn-color-border);border-radius:var(--spn-radius-sm,6px);margin:var(--spn-space-2) 0;overflow:hidden}.spn-accordion__sub.is-empty .spn-accordion__sub-count{color:var(--spn-color-text-subtle);font-style:italic}.spn-accordion__sub.is-empty .spn-accordion__sub-title{color:var(--spn-color-text-subtle)}.spn-accordion__sub-header{display:flex;align-items:center;gap:var(--spn-space-2);padding:var(--spn-space-2) var(--spn-space-4);cursor:pointer;user-select:none;list-style:none;font-family:inherit}.spn-accordion__sub-header::-webkit-details-marker{display:none}.spn-accordion__sub-header::marker{display:none}.spn-accordion__sub-header:hover{background:rgb(0 0 0 / .03)}.spn-accordion__sub-title{font-size:1rem;font-weight:600;color:var(--spn-color-text);margin:0;flex:1}.spn-accordion__sub-count{font-size:.78rem;color:var(--spn-color-text-subtle);white-space:nowrap}.spn-accordion__chevron--sub{width:16px;height:16px}.spn-accordion__sub[open]>.spn-accordion__sub-header .spn-accordion__chevron--sub{transform:rotate(180deg);color:var(--spn-color-primary)}.spn-accordion__sub-body{padding:var(--spn-space-2) var(--spn-space-4) var(--spn-space-4);border-top:1px solid var(--spn-color-border)}.spn-accordion__notions{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spn-space-2)}.spn-accordion__notions li a{display:block;padding:8px 12px;border-radius:var(--spn-radius-sm,6px);background:var(--spn-color-bg);border:1px solid var(--spn-color-border);color:var(--spn-color-text);text-decoration:none;font-size:.9rem;transition:all var(--spn-trans-fast)}.spn-accordion__notions li a:hover{border-color:var(--spn-color-primary);color:var(--spn-color-primary);transform:translateX(2px)}.spn-accordion__lazy{display:flex;flex-direction:column;gap:var(--spn-space-3);color:var(--spn-color-text)}.spn-accordion__lazy p{margin:0;color:var(--spn-color-text-subtle)}.spn-accordion__lazy.is-loading{opacity:.78}.spn-accordion__fallback-link{align-self:flex-start;color:var(--spn-color-primary);font-weight:700;text-decoration:none}.spn-accordion__fallback-link:hover{text-decoration:underline}.spn-accordion__load-more{align-self:flex-start;border:0;border-radius:999px;background:var(--spn-color-primary);color:#fff;cursor:pointer;font:inherit;font-size:.9rem;font-weight:700;margin-top:var(--spn-space-3);padding:10px 16px;transition:transform var(--spn-trans-fast),box-shadow var(--spn-trans-fast)}.spn-accordion__load-more:hover{box-shadow:var(--spn-shadow-sm);transform:translateY(-1px)}.spn-accordion__coming-soon{color:var(--spn-color-text-subtle);font-style:italic;margin:0;padding:var(--spn-space-3) 0;text-align:center}@media (prefers-reduced-motion:no-preference){.spn-accordion__cat[open] .spn-accordion__cat-body,.spn-accordion__sub[open] .spn-accordion__sub-body{animation:spnFadeIn 0.25s ease}@keyframes spnFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:600px){.spn-accordion__cat-header{padding:var(--spn-space-3) var(--spn-space-4)}.spn-accordion__cat-title{font-size:1.1rem}.spn-accordion__cat-count{font-size:.75rem;padding:3px 9px}.spn-accordion__notions{grid-template-columns:1fr}}@media (max-width:980px){.spn-accordion{max-width:100%}.spn-accordion__cat-header{padding:var(--spn-space-3) var(--spn-space-4)}.spn-accordion__cat-title{font-size:1.15rem}.spn-accordion__notions{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:600px){.spn-accordion__cat,.spn-accordion__sub{border-radius:6px}.spn-accordion__cat-header,.spn-accordion__sub-header{padding:14px 14px;min-height:48px}.spn-accordion__notions li a{padding:12px 14px;min-height:44px;display:flex;align-items:center}.spn-accordion__cat-count,.spn-accordion__sub-count{font-size:.7rem}}@media (max-width:380px){.spn-archive-accordion .spn-archive__title{font-size:1.5rem}.spn-accordion__cat-title{font-size:1rem}.spn-accordion__sub-title{font-size:.95rem}.spn-accordion__cat-count,.spn-accordion__sub-count{padding:2px 7px}}.spn-archive-accordion,.spn-accordion,.spn-accordion__cat,.spn-accordion__cat-body,.spn-accordion__sub,.spn-accordion__sub-body{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.spn-accordion__notions li a{overflow:hidden;text-overflow:ellipsis}