@charset "utf-8";
:root{--bg:#FFFFFF;--surface:#F5F8F6;--ink:#102018;--muted:#56675D;--line:#DCE6DF;--primary:#0F9D58;--secondary:#F4B400;--accent:#DB4437;--ink-2:#2A3A31;--line-2:#C3D2C8;--p-ink:#0D874C;--p-deep:#0A6B3B;--p-50:#E9F6EF;--p-100:#D2EDDF;--s-ink:#7A5200;--s-ico:#B07C00;--s-50:#FEF6DC;--s-100:#FBE7A6;--a-ink:#B3362B;--a-50:#FCEDEB;--a-100:#F7D3CF;--grid-ink:rgba(86,103,93,.075);--f-disp:"Outfit",system-ui,sans-serif;--f-mono:"DM Mono",ui-monospace,Menlo,monospace;--fs-2xs:.75rem;--fs-xs:.8125rem;--fs-sm:clamp(.84rem,.8rem + .15vw,.9rem);--fs-base:clamp(.9375rem,.9rem + .12vw,1rem);--fs-md:clamp(1rem,.95rem + .22vw,1.0625rem);--fs-lg:clamp(1.125rem,1.02rem + .42vw,1.375rem);--fs-xl:clamp(1.375rem,1.15rem + .85vw,1.875rem);--fs-2xl:clamp(1.75rem,1.3rem + 1.8vw,2.75rem);--fs-3xl:clamp(2.25rem,1.45rem + 3.1vw,3.875rem);--fs-num:clamp(2.5rem,1.9rem + 2.3vw,3.625rem);--lh:1.75;--measure:68ch;--r-sheet:10px;--r-card:8px;--r-btn:8px;--sh-sheet:0 1px 0 var(--line),0 12px 32px rgba(16,32,24,.06);--sh-card:0 1px 0 var(--line),0 8px 22px rgba(16,32,24,.05);--sh-pop:0 2px 0 rgba(16,32,24,.03),0 22px 48px rgba(16,32,24,.14);--header-h:64px;--pad-l:30px;--pad-r:20px;--hole-r:3.5px;--sheet-gap:24px;--ease:cubic-bezier(.22,.8,.24,1);--ease-spring:cubic-bezier(.34,1.45,.5,1)}
@media (min-width: 720px){
:root{--pad-l:54px;--pad-r:40px;--hole-r:4.5px;--sheet-gap:36px}
}
@media (min-width: 1040px){
:root{--pad-l:72px;--pad-r:56px;--hole-r:5.5px;--sheet-gap:48px}
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 18px);color-scheme:light}
body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--f-mono);font-size:var(--fs-base);line-height:var(--lh);font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,h4{font-weight:700;line-height:1.12;letter-spacing:-.012em;margin:0;text-wrap:balance;color:var(--ink)}
p{margin:0 0 1em;text-wrap:pretty}
ul,ol{margin:0}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:var(--p-deep);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;transition:.2s}
a:hover{color:var(--ink);text-decoration-thickness:2px}
strong,b{font-weight:500}
button{font:inherit;color:inherit}
::selection{background:var(--p-100);color:var(--ink)}
:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:4px}
[hidden]{display:none !important}
[tabindex="-1"]:focus{outline:none}
mark{background:none;color:inherit}
abbr[title]{text-decoration:none}
code{font-family:var(--f-mono);font-size:.92em;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:.05em .35em}
h1,h2,h3,h4,.skip,.brand,.topbar__link,.toc-panel__title,.toc-list__t,.shead__num,.more-link,.gauge__verdict strong,.score__name,.reader__t,.sigquote p,.tabpanel__q p,.cp__t,.step__n,.pullquote p,.rule__q,.zone__name,.prep-item__t,.prep-card__count,.log__r,.kpi__val,.kpi__unit,.review__pull,.review__ini,.review__name,.gcard__link,.qa__q,.contact__mail,.msg-item__t,.footer__mail,.footer__top,.prose blockquote,.approach__label,.nf__code{font-family:var(--f-disp)}
.toc-list,.ticks,.chips,.cp,.steps,.zone__tokens,.mx-tray__list,.mx-notes__list,.prep-list,.kpis,.gcards,.qa-list,.msg-list,.footer__list,.network-links,.crumbs ol,.toc ol,.nf__links{list-style:none;margin:0;padding:0}
.tabnum,.toc-toggle__page,.toc-list__n,.toc-list__p,.sheet__pg,.shead__num,.cp__code,.step__n,.token__n,.prep-item__n,.prep-card__count b,.kpi__val,.qa__n,.footer__list .n{font-variant-numeric:tabular-nums}
.reader__ico,.tabpanel__q-ico,.clause__ico,.status__ico,.box,.tip__ico,.review__ini{display:grid;place-items:center}
.author-card__label,.callout__label,.contact__mailbox .mono-label,.cover__kicker,.figure__cap b,.footer__title,.gauge__verdict small,.gtab,.idcard__band small,.log td[data-label]::before,.log th,.mono-label,.mx__axis-label,.nf__lines b,.prose h2::before,.review__src,.rule__label,.sheet__run,.sheet__foot,.status__cases li b,.status__name small,.step__out b,.step__top,.tabpanel__q small,.tagnum,.tip b,.toc-panel__title span,.toc__title{font-family:var(--f-mono);font-size:var(--fs-2xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-80px;z-index:100;padding:12px 18px;background:var(--ink);color:#fff;border-radius:var(--r-btn);font-weight:600;text-decoration:none}
.skip:focus{top:12px;color:#fff}
.i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.i--ok{color:var(--primary)}
.i--warn{color:var(--s-ico)}
.i--risk{color:var(--accent)}
.i--muted{color:var(--muted)}
.mono-label{font-family:var(--f-mono);color:var(--muted)}
.topbar{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--line)}
.topbar__inner{position:relative;max-width:1192px;height:var(--header-h);margin:0 auto;padding:0 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:0;color:var(--ink);text-decoration:none;font-weight:700;font-size:1.0625rem;letter-spacing:-.01em;white-space:nowrap}
.brand:hover{color:var(--ink)}
.brand__mark{width:34px;height:34px;flex:none;transition:transform .35s var(--ease-spring)}
.brand:hover .brand__mark{transform:rotate(-6deg)}
.brand__name{overflow:hidden;text-overflow:ellipsis}
.brand__sub{color:var(--muted);font-weight:500}
.topbar__toc{justify-self:end}
.toc-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 12px 0 12px;border:1px solid var(--line);border-radius:var(--r-btn);background:var(--bg);color:var(--ink);font:500 var(--fs-sm)/1 var(--f-mono);cursor:pointer;transition:.2s}
.toc-toggle:hover{border-color:var(--line-2);background:var(--surface)}
.toc-toggle[aria-expanded="true"]{border-color:var(--primary);background:var(--p-50);box-shadow:0 0 0 3px var(--p-50)}
.toc-toggle__page{padding-left:10px;border-left:1px solid var(--line);color:var(--muted);font-size:var(--fs-2xs)}
body:not(.is-home) .toc-toggle__page{display:none}
.toc-toggle__chev{width:16px;height:16px;transition:transform .3s var(--ease)}
.toc-toggle[aria-expanded="true"] .toc-toggle__chev{transform:rotate(180deg)}
.topbar__links{display:none}
.topbar__link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:var(--r-btn);color:var(--ink);text-decoration:none;font-weight:600}
.topbar__link:hover{background:var(--surface);color:var(--p-deep)}
.topbar__link[aria-current="page"]{color:var(--p-deep);box-shadow:inset 0 -2px 0 var(--primary);border-radius:0}
@media (max-width: 400px){
.brand__sub{display:none}
.toc-toggle__page{display:none}
}
@media (min-width: 900px){
.topbar__inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.topbar__toc{justify-self:center}
.topbar__links{display:flex;justify-self:end;align-items:center;gap:6px}
}
.progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;pointer-events:none;overflow:hidden}
.progress__bar{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#2DB673);transform-origin:0 50%;transform:scaleX(var(--p,0));transition:transform .15s linear}
.toc-panel{display:none}
.toc-panel.is-open{display:block;animation:panelIn .26s var(--ease)}
.toc-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.toc-panel__title{margin:0;font-weight:700;font-size:1.125rem}
.toc-panel__title span{display:block;font:500 var(--fs-2xs)/1.4 var(--f-mono);color:var(--muted)}
.toc-close{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--r-btn);background:var(--bg);cursor:pointer}
.toc-close:hover{background:var(--surface)}
.toc-list a{display:grid;grid-template-columns:2.4em minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:6px 8px;border-radius:6px;color:var(--ink);text-decoration:none}
.toc-list a:hover{background:var(--surface);color:var(--ink)}
.toc-list__n{color:var(--muted);font-size:var(--fs-2xs)}
.toc-list__t{display:flex;align-items:baseline;gap:8px;min-width:0;font-weight:500;font-size:1rem;line-height:1.3}
.toc-list__t::after{content:"";flex:1 1 24px;min-width:16px;border-bottom:1px dotted var(--line-2);transform:translateY(-3px)}
.toc-list__p{color:var(--muted);font-size:var(--fs-2xs);white-space:nowrap}
.toc-list__s{grid-column:2 / -1;justify-self:start;margin-top:-2px;font-size:11px;line-height:1.4;padding:1px 8px;border-radius:999px;color:var(--muted);background:var(--surface)}
.toc-list__s[data-state="cours"]{background:var(--s-50);color:var(--s-ink)}
.toc-list__s[data-state="lue"]{background:var(--p-50);color:var(--p-deep)}
.toc-list a[aria-current="true"]{background:var(--p-50)}
.toc-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);font-size:var(--fs-2xs);color:var(--muted)}
.toc-legend__label{margin-right:4px}
.toc-panel__extra{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.toc-panel__mail{flex-basis:100%;font-size:var(--fs-sm)}
@media (min-width: 900px){
.toc-panel{position:absolute;top:calc(100% + 10px);left:50%;width:min(580px,calc(100vw - 32px));max-height:calc(100vh - var(--header-h) - 40px);overflow:auto;transform:translateX(-50%);padding:18px 20px 18px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sheet);box-shadow:var(--sh-pop)}
.toc-panel.is-open{animation-name:panelDrop}
.toc-list{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}
.toc-list a{grid-template-columns:2.2em minmax(0,1fr) auto}
.toc-panel__extra{display:none}
}
@media (max-width: 899.98px){
.toc-panel{position:fixed;inset:0;z-index:70;overflow:auto;overscroll-behavior:contain;padding:12px 16px 32px;background:var(--bg)}
.toc-panel .toc-list a{min-height:52px}
body.toc-open{overflow:hidden}
}
.page{padding:12px 12px 0}
@media (min-width: 720px){
.page{padding:32px 24px 0}
}
@media (min-width: 1040px){
.page{padding:48px 32px 0}
}
.sheet{position:relative;max-width:1160px;margin:0 auto var(--sheet-gap);padding:0 var(--pad-r) 0 var(--pad-l);background-color:var(--bg);border:1px solid var(--line);border-radius:var(--r-sheet);box-shadow:var(--sh-sheet);scroll-margin-top:calc(var(--header-h) + 14px)}
.sheet::before{content:"";position:absolute;top:0;bottom:0;left:0;width:calc(var(--pad-l) * .62);pointer-events:none;background-image:radial-gradient(circle at 50% 50%,var(--surface) 0 var(--hole-r),#C9D6CD calc(var(--hole-r) + .4px) calc(var(--hole-r) + 1.3px),transparent calc(var(--hole-r) + 1.9px));background-size:100% 44px;background-position:0 30px;background-repeat:repeat-y}
@media (min-width: 1040px){
.sheet::after{content:"";position:absolute;top:96px;bottom:96px;right:16px;width:10px;pointer-events:none;background-image:repeating-linear-gradient(to bottom,var(--line-2) 0 1px,transparent 1px 40px),repeating-linear-gradient(to bottom,var(--line) 0 1px,transparent 1px 8px);background-size:10px 100%,5px 100%;background-position:right top,right top;background-repeat:no-repeat}
}
.sheet__run,.sheet__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;min-height:50px;padding:10px 0;color:var(--muted)}
.sheet__run{border-bottom:1px solid var(--line)}
.sheet__foot{border-top:1px solid var(--line)}
.sheet__run b,.sheet__foot b{color:var(--ink);font-weight:500}
.sheet__pg{text-transform:none;letter-spacing:.02em}
.sheet__run .dot,.sheet__foot .dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--primary);vertical-align:1px}
.sheet__body{padding:clamp(30px,5.4vw,72px) 0}
@media (max-width: 719.98px){
.sheet__run,.sheet__foot{font-size:11px;letter-spacing:.04em;min-height:46px;column-gap:10px}
.idcard__band small{display:none}
}
.shead{display:grid;gap:10px 28px;margin-bottom:clamp(28px,4vw,48px)}
.shead__label{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tagnum{display:inline-flex;align-items:center;gap:10px;color:var(--p-deep)}
.tagnum::before{content:"";width:18px;height:2px;background:var(--primary)}
.shead__num{font-weight:800;font-size:clamp(2.6rem,1.6rem + 3.2vw,5rem);line-height:.9;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.4px var(--line-2)}
.shead__title{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.022em;max-width:24ch}
.shead__lede{margin:16px 0 0;max-width:var(--measure);font-size:var(--fs-md);color:var(--ink-2)}
@media (min-width: 900px){
.shead{grid-template-columns:minmax(0,3fr) minmax(0,9fr)}
.shead__label{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px}
.shead--split{grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,4fr);align-items:end}
.shead--split .shead__lede{margin:0}
.shead--center{grid-template-columns:1fr;justify-items:center;text-align:center}
.shead--center .shead__label{flex-direction:row;align-items:center}
.shead--center .shead__title{margin-inline:auto}
.shead--center .shead__lede{margin-inline:auto}
}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border:1.5px solid transparent;border-radius:var(--r-btn);font:600 1rem/1.2 var(--f-disp);letter-spacing:-.005em;text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .25s var(--ease),box-shadow .25s}
.btn .i{width:18px;height:18px}
.btn:hover{transform:translateY(-1px);text-decoration:none}
.btn:active{transform:translateY(0)}
.btn--primary{background:var(--p-ink);color:#fff;box-shadow:0 1px 0 rgba(16,32,24,.14),inset 0 -2px 0 rgba(0,0,0,.12)}
.btn--primary:hover{background:var(--p-deep);color:#fff;box-shadow:0 8px 18px rgba(13,135,76,.22)}
.btn--ghost{background:var(--bg);color:var(--ink);border-color:var(--ink)}
.btn--ghost:hover{background:var(--p-50);border-color:var(--p-deep);color:var(--p-deep)}
.btn--quiet{background:var(--surface);color:var(--ink);border-color:var(--line)}
.btn--quiet:hover{border-color:var(--line-2);color:var(--ink)}
.btn--sm{min-height:44px;padding:8px 16px;font-size:.9375rem}
.pill{display:inline-flex;align-items:center;gap:7px;padding:2px 10px 2px 8px;border:1px solid transparent;border-radius:999px;background:var(--surface);color:var(--muted);font:500 var(--fs-2xs)/1.6 var(--f-mono);letter-spacing:.01em;white-space:nowrap}
.pill::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--pc,currentColor)}
.pill--ok{--pc:var(--primary);background:var(--p-50);color:var(--p-deep)}
.pill--warn{--pc:var(--secondary);background:var(--s-50);color:var(--s-ink)}
.pill--risk{--pc:var(--accent);background:var(--a-50);color:var(--a-ink)}
.pill--neutral{--pc:var(--line-2);background:var(--bg);border-color:var(--line)}
.kv{margin:0;padding:0;font-size:var(--fs-sm);border-top:1px solid var(--line)}
.kv > div{display:grid;grid-template-columns:9.5ch minmax(0,1fr);gap:12px;padding:10px 2px;border-bottom:1px dashed var(--line)}
.kv dt{color:var(--muted)}
.kv dt::after{content:"\00a0:"}
.kv dd{margin:0;color:var(--ink);font-weight:500}
.ticks{display:grid;gap:10px}
.ticks li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start}
.ticks .i{margin-top:3px;color:var(--primary)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 9px;border:1px solid var(--line);border-radius:999px;background:var(--bg);font-size:var(--fs-xs);line-height:1.5}
.chip .i{width:16px;height:16px;color:var(--primary)}
.figure{margin:0}
.figure__img{width:100%;border-radius:var(--r-card);object-fit:cover;background-color:var(--surface);background-image:repeating-linear-gradient(135deg,transparent 0 10px,rgba(86,103,93,.07) 10px 11px);border:1px solid var(--line)}
.figure__cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:10px;font-size:var(--fs-xs);color:var(--muted);line-height:1.55}
.figure__cap b{color:var(--ink)}
.more-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:600;font-size:1.0625rem;color:var(--p-deep);text-decoration:none}
.more-link span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.24em;text-decoration-color:var(--p-100);transition:text-decoration-color .2s}
.more-link .i{transition:transform .25s var(--ease)}
.more-link:hover{color:var(--ink)}
.more-link:hover span{text-decoration-color:var(--primary)}
.more-link:hover .i{transform:translateX(4px)}
.illus{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-2xs);color:var(--muted);line-height:1.5}
.illus .i{width:16px;height:16px}
.draw path,.draw polyline{stroke-dasharray:26;stroke-dashoffset:26;transition:stroke-dashoffset .7s var(--ease) var(--d,0s)}
.is-in .draw path,.is-in .draw polyline,.is-in.draw path{stroke-dashoffset:0}
html:not(.js) .draw path,html:not(.js) .draw polyline{stroke-dashoffset:0}
.sheet--cover{background-image:linear-gradient(var(--grid-ink) 1px,transparent 1px),linear-gradient(90deg,var(--grid-ink) 1px,transparent 1px);background-size:8px 8px;background-position:-1px -1px}
.cover{display:grid;gap:36px}
.cover__kicker{display:inline-flex;align-items:center;gap:10px;padding:5px 12px 5px 8px;border:1px solid var(--p-100);border-radius:999px;background:var(--bg);color:var(--p-deep)}
.cover__kicker .i{width:16px;height:16px;color:var(--primary)}
.cover__title{margin:22px 0 22px;max-width:15ch;font-size:var(--fs-3xl);font-weight:800;line-height:1.03;letter-spacing:-.034em}
.mk{--mk:var(--p-100);background-image:linear-gradient(transparent 60%,var(--mk) 60%,var(--mk) 90%,transparent 90%);background-repeat:no-repeat;background-size:100% 100%;padding:0 .04em;transition:background-size .9s var(--ease) var(--d,0s)}
.mk--warn{--mk:var(--s-100)}
.mk--risk{--mk:var(--a-100)}
.js .cover__title .mk{background-size:0% 100%}
.js .cover__title.is-live .mk{background-size:100% 100%}
.cover__lede{max-width:54ch;font-size:var(--fs-md);color:var(--ink-2)}
.cover__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.cover__meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:26px 0 0;padding:0;list-style:none;font-size:var(--fs-2xs);color:var(--muted);letter-spacing:.04em}
.cover__meta li{display:inline-flex;align-items:center;gap:8px}
.cover__meta .i{width:15px;height:15px;color:var(--primary)}
@media (min-width: 1040px){
.cover{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
}
.gauge-card{position:relative;padding:18px 18px 18px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-card)}
.gauge-card__head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.gauge{width:100%;max-width:400px;height:auto;margin:6px auto 0;overflow:visible}
.gauge__track{fill:none;stroke:var(--surface);stroke-width:34}
.gauge__zone{fill:none;stroke-width:20}
.gauge__ticks{stroke:var(--line-2);stroke-width:2;stroke-linecap:round}
.gauge__label{font:500 11px var(--f-mono);fill:var(--muted);letter-spacing:.04em}
.gauge__needle{transform-box:view-box;transform-origin:160px 170px;transform:rotate(60deg)}
.js .gauge__needle{transform:rotate(-86deg)}
.js .gauge-card.is-live .gauge__needle{animation:needle 2.2s var(--ease) .3s forwards}
.gauge__verdict{margin:4px 0 0;text-align:center}
.gauge__verdict small{display:block;font:500 var(--fs-2xs)/1.5 var(--f-mono);color:var(--muted)}
.gauge__verdict strong{display:inline-flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;color:var(--p-deep)}
.gauge__verdict .i{width:24px;height:24px;color:var(--primary)}
.js .gauge__verdict{opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease) 2.1s,transform .5s var(--ease) 2.1s}
.js .gauge-card.is-live .gauge__verdict{opacity:1;transform:none}
.scores{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.score{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg)}
.score__name{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9375rem}
.score__name .i{width:18px;height:18px}
.score__bar{grid-column:1/-1;display:block;height:4px;border-radius:2px;background:var(--surface);overflow:hidden}
.score__bar span{display:block;height:100%;width:var(--w);background:var(--c);border-radius:2px;transform-origin:0 50%;transition:transform 1s var(--ease) 1.2s}
.js .score__bar span{transform:scaleX(0)}
.js .gauge-card.is-live .score__bar span{transform:scaleX(1)}
.gauge-card .illus{margin-top:12px}
.cover__figure{margin-top:clamp(32px,4vw,48px)}
.cover__figure .figure__img{aspect-ratio:3 / 2;border-radius:12px}
@media (min-width: 720px){
.cover__figure .figure__img{aspect-ratio:16 / 6}
}
.abstract{display:grid;gap:14px 28px;margin-top:clamp(32px,4vw,48px);padding:clamp(22px,3vw,32px);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card)}
@media (max-width: 719.98px){
.abstract{padding:18px 16px}
}
.abstract__text{margin:0;font-size:var(--fs-md);max-width:72ch}
.abstract>.tagnum,.rule__label{align-self:start}
.readers{display:grid;gap:10px;margin:8px 0 0;padding:0;list-style:none}
.reader{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px 12px;padding:14px 14px 14px 12px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);transition:border-color .2s,background-color .2s,transform .25s var(--ease);align-content:start}
.reader:hover{border-color:var(--p-100);background:var(--p-50);transform:translateY(-2px)}
.reader__ico{grid-row:span 2;width:32px;height:32px;border-radius:8px;background:var(--bg);border:1px solid var(--line)}
.reader__ico .i{width:18px;height:18px}
.reader__t{font-weight:600;font-size:1.0625rem;line-height:1.3}
.reader a{color:var(--ink-2);text-decoration:none;font-size:var(--fs-sm);line-height:1.6}
.reader a::after{content:"";position:absolute;inset:0;border-radius:var(--r-card)}
.reader a:hover{color:var(--ink)}
.reader:focus-within{outline:3px solid var(--primary);outline-offset:2px}
.reader a:focus-visible{outline:none}
@media (min-width: 900px){
.abstract{grid-template-columns:minmax(0,3fr) minmax(0,9fr)}
.readers{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}
}
.auditor{display:grid;gap:40px}
.idcard{position:relative;width:min(100%,400px);margin:18px auto 0}
.idcard__photo{position:relative;padding:8px 8px 0;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:0 14px 34px rgba(16,32,24,.12),0 1px 0 var(--line);transform:rotate(-1.5deg);transition:transform .6s var(--ease-spring),box-shadow .4s}
.idcard:hover .idcard__photo{transform:rotate(0deg);box-shadow:0 18px 40px rgba(16,32,24,.14),0 1px 0 var(--line)}
.idcard__photo img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;background:#1C2A22}
.idcard__clip{position:absolute;top:-26px;left:34px;z-index:2;width:26px;height:74px;transform:rotate(-8deg);filter:drop-shadow(0 2px 1px rgba(16,32,24,.25))}
.idcard__band{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 6px 12px;font-size:var(--fs-sm);font-weight:500}
.idcard__band span{display:inline-flex;align-items:center;gap:8px}
.idcard__band .i{color:var(--primary)}
.idcard__band small{color:var(--muted)}
.idcard .kv{margin-top:26px}
.auditor__text > p{max-width:var(--measure)}
.auditor__sub{margin:30px 0 14px;font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:10px}
.auditor__sub::before{content:"";width:10px;height:10px;border:2px solid var(--primary);border-radius:3px}
.sigquote{position:relative;margin:32px 0 0;padding:22px 24px 20px 26px;border-left:3px solid var(--primary);border-radius:0 var(--r-card) var(--r-card) 0;background:var(--p-50)}
.sigquote p{margin:0 0 8px;font-weight:600;font-size:var(--fs-xl);line-height:1.25;letter-spacing:-.01em}
.sigquote cite{font-style:normal;font-size:var(--fs-xs);color:var(--muted)}
@media (min-width: 900px){
.auditor{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.idcard{margin:26px 0 0}
}
@media (min-width: 900px) and (min-height: 820px){
.idcard{position:sticky;top:calc(var(--header-h) + 44px)}
}
.tabs__list{display:none}
.js .tabs__list{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:26px}
.tab{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-btn);background:var(--bg);color:var(--muted);font:600 1rem/1.2 var(--f-disp);cursor:pointer;transition:.2s}
.tab:hover{color:var(--ink);background:var(--surface)}
.tab__n{padding:3px 6px;border:1px solid var(--line);border-radius:4px;font:500 var(--fs-2xs)/1 var(--f-mono);color:var(--muted);transition:.2s}
.tab[aria-selected="true"]{color:var(--ink);background:var(--p-50);border-color:var(--p-100)}
.tab[aria-selected="true"] .tab__n{background:var(--p-deep);border-color:var(--p-deep);color:#fff}
.tabs__ink{display:none}
@media (min-width: 900px){
.js .tabs__list{flex-wrap:nowrap;gap:4px;border-bottom:1px solid var(--line)}
.tab{border:0;border-radius:var(--r-btn) var(--r-btn) 0 0;padding:12px 16px 14px}
.tab[aria-selected="true"]{background:transparent}
.tabs__ink{display:block;position:absolute;left:0;bottom:-1px;height:3px;width:var(--w,0);transform:translateX(var(--x,0));background:var(--primary);border-radius:3px 3px 0 0;transition:transform .45s var(--ease),width .45s var(--ease)}
}
.tabpanel{outline:none}
.tabpanel + .tabpanel{margin-top:40px}
.js .tabpanel + .tabpanel{margin-top:0}
.tabpanel.is-entering{animation:fadeUp .45s var(--ease)}
.tabpanel__title{font-size:var(--fs-lg);margin-bottom:12px}
.js .tabpanel__title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tabpanel__q{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:center;padding:16px 18px;margin-bottom:6px;border-radius:var(--r-card);background:var(--surface);border:1px solid var(--line)}
.tabpanel__q-ico{width:40px;height:40px;border-radius:10px;background:var(--bg);border:1px solid var(--line);color:var(--p-deep)}
.tabpanel__q small{display:block;font:500 var(--fs-2xs)/1.5 var(--f-mono);color:var(--muted)}
.tabpanel__q p{margin:0;font-weight:600;font-size:var(--fs-lg);line-height:1.3}
.cp li{display:grid;grid-template-columns:4.6ch minmax(0,1fr);gap:4px 14px;padding:16px 4px;border-bottom:1px solid var(--line)}
.cp__code{font-size:var(--fs-2xs);color:var(--muted);padding-top:4px}
.cp__t{margin:0 0 4px;font-weight:600;font-size:1.0625rem;line-height:1.35}
.cp__d{margin:0;font-size:var(--fs-sm);line-height:1.7;color:var(--ink-2);max-width:72ch}
.cp .pill{grid-column:2;justify-self:start;margin-top:6px}
.tabs__note{margin:18px 0 0}
@media (min-width: 720px){
.cp li{grid-template-columns:5ch minmax(0,1fr) 9.5rem;gap:4px 22px;align-items:start}
.cp .pill{grid-column:3;grid-row:1;justify-self:end;margin-top:2px}
}
.steps{position:relative;display:grid;gap:22px}
.step{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px 18px 16px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-card)}
.step__top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted)}
.step__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.step__n{font-weight:800;font-size:2.75rem;line-height:1;letter-spacing:-.03em;color:var(--ink)}
.step__check{width:38px;height:38px}
.step__check circle{fill:var(--p-50);stroke:var(--p-100);stroke-width:2}
.step__check path{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.step .draw path{transition-delay:calc(var(--d,0s) + .35s)}
.step h3{font-size:1.3125rem}
.step p{margin:0;font-size:var(--fs-sm);line-height:1.65;color:var(--ink-2)}
.step__out{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;margin-top:auto;padding-top:12px;border-top:1px dashed var(--line);font-size:var(--fs-2xs);line-height:1.5;color:var(--muted)}
.step__out .i{width:18px;height:18px;color:var(--p-deep)}
.step__out b{display:block;color:var(--ink)}
.step:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:-16px;width:10px;height:10px;margin-left:-5px;border-right:2px solid var(--line-2);border-bottom:2px solid var(--line-2);transform:rotate(45deg)}
@media (min-width: 640px){
.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.step:not(:last-child)::after{display:none}
}
@media (min-width: 900px){
.steps{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width: 1100px){
.steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.step{padding:14px 14px 14px}
.step p{font-size:.8125rem;line-height:1.62}
.step{min-height:100%}
.step:not(:last-child)::after{display:block;left:auto;bottom:auto;right:-14px;top:74px;margin:0;border-bottom:0;border-top:2px solid var(--line-2)}
.step:nth-child(even){margin-top:26px}
}
.pullquote{display:grid;gap:10px;margin:clamp(36px,5vw,56px) 0 0;padding:clamp(22px,3vw,34px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.pullquote p{margin:0 auto;max-width:30ch;font-weight:600;font-size:var(--fs-xl);line-height:1.28;letter-spacing:-.012em}
.pullquote p::before{content:"«\00a0";color:var(--primary)}
.pullquote p::after{content:"\00a0»";color:var(--primary)}
.pullquote cite{font-style:normal;font-size:var(--fs-xs);color:var(--muted)}
.clauses{display:grid;gap:0;margin:clamp(28px,4vw,40px) 0 0;padding:0;list-style:none}
.clause{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 14px;padding:16px 0;border-bottom:1px dashed var(--line);align-content:start}
.clause__ico{grid-row:span 2;width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--p-deep)}
.clause h3{font-size:1.0625rem;font-weight:600;padding-top:2px}
.clause p{margin:0;font-size:var(--fs-sm);color:var(--ink-2);line-height:1.65}
@media (min-width: 900px){
.clauses{grid-template-columns:repeat(4,minmax(0,1fr))}
.clause{grid-template-columns:1fr;padding:4px 22px 4px;border-bottom:0;border-left:1px solid var(--line)}
.clause:first-child{border-left:0;padding-left:0}
.clause__ico{grid-row:auto;margin-bottom:8px}
}
.status-grid{display:grid;gap:16px}
.status{--c:var(--primary);--ci:var(--primary);--t:var(--p-50);--tt:var(--p-100);--ink-c:var(--p-deep);display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-top:4px solid var(--c);border-radius:var(--r-card);box-shadow:var(--sh-card)}
.status--warn{--c:var(--secondary);--ci:var(--s-ico);--t:var(--s-50);--tt:var(--s-100);--ink-c:var(--s-ink)}
.status--risk{--c:var(--accent);--ci:var(--accent);--t:var(--a-50);--tt:var(--a-100);--ink-c:var(--a-ink)}
.status__head{display:flex;align-items:center;gap:14px;padding:20px 20px 0}
.status__ico{flex:none;width:52px;height:52px;border-radius:14px;background:var(--t);color:var(--ci)}
.status__ico .i{width:28px;height:28px}
.status__name{font-size:1.5rem}
.status__name small{display:block;margin-bottom:2px;font:500 var(--fs-2xs)/1.4 var(--f-mono);color:var(--ink-c)}
.status__rule{margin:0;padding:14px 20px 0;font-size:var(--fs-sm);line-height:1.7;color:var(--ink-2)}
.status__toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:calc(100% - 40px);min-height:46px;margin:18px 20px 20px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--r-btn);background:var(--surface);font:500 var(--fs-sm)/1.3 var(--f-mono);text-align:left;cursor:pointer;transition:.2s}
.status__toggle:hover{border-color:var(--line-2)}
.status__toggle .i{width:18px;height:18px;transition:transform .3s var(--ease)}
.status__toggle[aria-expanded="true"]{background:var(--t);border-color:var(--tt);color:var(--ink-c)}
.status__toggle[aria-expanded="true"] .i{transform:rotate(45deg)}
html:not(.js) .status__toggle{display:none}
.status__cases{margin:0;padding:0 20px 20px;list-style:none;display:grid;gap:12px}
html:not(.js) .status__cases{padding-top:18px}
.status__cases li{padding:14px 14px 14px 16px;border-radius:var(--r-card);background:var(--t);border-left:3px solid var(--c);font-size:var(--fs-sm);line-height:1.65}
.status__cases li b{display:block;margin-bottom:4px;color:var(--ink-c)}
.status__cases.is-entering{animation:fadeUp .4s var(--ease)}
@media (min-width: 900px){
.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px}
}
.rule{position:relative;display:grid;gap:18px 28px;margin-top:clamp(32px,4vw,48px);padding:clamp(22px,3vw,34px);border:1px solid var(--a-100);border-radius:var(--r-card);background:linear-gradient(100deg,var(--a-50) 0%,rgba(252,237,235,.25) 55%,var(--bg) 100%)}
.rule__label{display:flex;align-items:center;gap:10px;color:var(--a-ink)}
.rule__label .i{color:var(--accent)}
.rule__q{margin:0 0 14px;padding-left:18px;border-left:3px solid var(--accent);font-weight:700;font-size:var(--fs-xl);line-height:1.24;letter-spacing:-.012em}
.rule__body p{max-width:var(--measure)}
.rule__body p:last-child{margin-bottom:0}
@media (min-width: 900px){
.rule{grid-template-columns:minmax(0,3fr) minmax(0,9fr)}
}
.mx-wrap{display:grid;gap:24px;grid-template-areas:"tray" "matrix" "note" "img"}
.mx-matrix{grid-area:matrix}
@media (min-width: 1040px){
.mx-matrix{position:sticky;top:calc(var(--header-h) + 24px)}
}
.mx-side-tray{grid-area:tray}
.mx-notes{grid-area:note}
.mx-img{grid-area:img}
@media (min-width: 1040px){
.mx-wrap{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"matrix tray" "matrix note" "matrix img";grid-template-rows:auto auto 1fr;gap:20px 40px;align-items:start}
}
.mx{display:grid;grid-template-columns:26px minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(150px,auto) minmax(150px,auto) auto;gap:8px}
.mx__y{grid-column:1;grid-row:1 / 3;display:flex;flex-direction:column;align-items:center;gap:6px}
.mx__x{grid-column:2 / 4;grid-row:3;display:flex;align-items:center;gap:6px;min-height:26px}
.mx__line{flex:1;background:var(--ink)}
.mx__y .mx__line{width:1.5px}
.mx__x .mx__line{height:1.5px}
.mx__arrow{flex:none;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mx__y .mx__arrow{width:14px;height:9px;margin-bottom:-6px}
.mx__x .mx__arrow{width:9px;height:14px;margin-left:-6px}
.mx__axis-label{color:var(--ink);white-space:nowrap}
.mx__y .mx__axis-label{writing-mode:vertical-rl;transform:rotate(180deg)}
.mx__end{font-size:11px;color:var(--muted);white-space:nowrap}
.mx__y .mx__end{writing-mode:vertical-rl;transform:rotate(180deg)}
.zone--quick{grid-column:2;grid-row:1}
.zone--major{grid-column:3;grid-row:1}
.zone--plan{grid-column:2;grid-row:2}
.zone--drop{grid-column:3;grid-row:2}
.zone{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:var(--r-card)}
.zone--quick{background:var(--p-50);border-color:var(--p-100)}
.zone--major{background:var(--s-50);border-color:var(--s-100)}
.zone--plan{background:var(--surface)}
.zone--drop{background:repeating-linear-gradient(135deg,var(--bg) 0 9px,#F1F5F2 9px 10px);border-style:dashed;border-color:var(--line-2)}
.zone__h{display:grid;gap:0}
.zone__name{font-weight:700;font-size:1rem;line-height:1.2}
.zone__axis{font-size:11px;color:var(--muted);line-height:1.5}
.zone__tokens{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;min-height:44px}
.token-li{display:flex;max-width:100%}
.token{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:44px;padding:6px 10px;border:1px solid var(--line-2);border-radius:var(--r-btn);background:var(--bg);color:var(--ink);font:500 var(--fs-xs)/1.35 var(--f-mono);text-align:left;cursor:pointer;box-shadow:0 1px 0 rgba(16,32,24,.06);transition:.2s}
.token:hover{border-color:var(--primary)}
.token__n{flex:none;font-size:10.5px;color:var(--muted)}
.token[aria-expanded="true"]{border-color:var(--primary);background:var(--p-50);box-shadow:0 0 0 3px var(--p-100)}
.mx-side-tray{display:none;padding:16px;border:1.5px dashed var(--line-2);border-radius:var(--r-card);background:var(--bg)}
.js .mx-side-tray{display:block}
.mx-tray__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.mx-tray__list{display:flex;flex-wrap:wrap;gap:6px;min-height:44px}
.mx-tray__list:empty{display:none}
.mx-tray__empty{margin:0;font-size:var(--fs-xs);color:var(--muted)}
.mx-tray__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.mx-notes{position:relative;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg);box-shadow:var(--sh-card)}
@media (min-width: 1040px){
.js .mx-notes::before{content:"";position:absolute;left:-8px;top:32px;width:14px;height:14px;background:var(--bg);border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
}
.mx-notes__ph{display:none;margin:0;font-size:var(--fs-sm);color:var(--muted)}
.js .mx-notes__ph{display:flex;gap:10px;align-items:flex-start}
.mx-notes__list{display:grid;gap:18px}
.js .mx-notes__list{gap:0}
.mx-note__t{margin:10px 0 6px !important;font-family:var(--f-disp);font-size:1.125rem;line-height:1.3;color:var(--ink) !important}
.mx-note__t b{font-weight:600}
.mx-note p{margin:0;font-size:var(--fs-sm);line-height:1.7;color:var(--ink-2)}
.mx-note.is-entering{animation:fadeUp .35s var(--ease)}
.mx-img .figure__img{aspect-ratio:3 / 2}
.mx-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}
@media (max-width: 520px){
.mx{grid-template-columns:20px minmax(0,1fr) minmax(0,1fr);gap:6px}
.zone{padding:9px}
.zone__name{font-size:.9375rem}
.token{padding:6px 8px;font-size:12px}
.token__n{display:none}
}
.prep{display:grid;gap:28px}
.prep-list{border-top:1px solid var(--line)}
.prep-item label{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:2px 16px;padding:16px 10px;border-bottom:1px solid var(--line);cursor:pointer;transition:background-color .2s;align-content:start}
.prep-item label:hover{background:var(--surface)}
.prep-item input,.msg-item input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.box{grid-row:span 2;width:26px;height:26px;margin-top:1px;border:1.5px dashed var(--line-2);border-radius:6px;background:var(--bg);transition:background-color .25s,border-color .25s,transform .25s var(--ease-spring)}
.box svg{width:18px;height:18px}
.box path{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .35s var(--ease) .08s}
input:checked + .box{border-style:solid;border-color:var(--primary);background:var(--primary);transform:scale(1.04)}
input:checked + .box path{stroke-dashoffset:0}
input:focus-visible + .box{outline:3px solid var(--primary);outline-offset:2px}
.prep-item__t{font-weight:600;font-size:1.0625rem;line-height:1.35}
.prep-item__d{grid-column:2 / 4;font-size:var(--fs-sm);line-height:1.65;color:var(--muted)}
.prep-item__n{font-size:var(--fs-2xs);color:var(--muted);padding-top:3px}
input:checked ~ .prep-item__t{color:var(--p-deep)}
.prep-card{padding:clamp(20px,2.6vw,28px);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-sheet)}
.prep-card__count{display:flex;align-items:baseline;gap:10px;margin:10px 0 4px}
.prep-card__count b{font-size:var(--fs-num);font-weight:800;line-height:1;letter-spacing:-.03em}
.prep-card__count span{font-weight:600;font-size:1.125rem;color:var(--muted)}
.pbar{position:relative;height:12px;margin:14px 0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);overflow:hidden}
.pbar span{display:block;height:100%;width:calc(var(--v,0) * 10%);border-radius:999px;background:linear-gradient(90deg,var(--primary),#2DB673);transition:width .55s var(--ease)}
.pbar::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),rgba(255,255,255,.9) calc(10% - 2px) 10%)}
.prep-card__status{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:var(--fs-sm)}
.tip{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:16px;border:1px solid var(--s-100);border-radius:var(--r-card);background:var(--s-50)}
.tip__ico{width:36px;height:36px;border-radius:50%;background:var(--bg);color:var(--s-ink)}
.tip p{margin:0;font-size:var(--fs-sm);line-height:1.65}
.tip b{display:block;color:var(--s-ink);margin-bottom:2px}
.prep-card__actions{display:grid;gap:6px;margin-top:18px}
.prep-card__actions .btn{justify-self:start}
@media (min-width: 960px){
.prep{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
.prep-card{position:sticky;top:calc(var(--header-h) + 24px)}
}
.log-wrap{border-top:1.5px solid var(--ink)}
.log{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.log caption{caption-side:bottom;padding-top:14px;text-align:left;font-size:var(--fs-2xs);color:var(--muted)}
.log th{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line-2);font:500 var(--fs-2xs)/1.4 var(--f-mono);color:var(--muted)}
.log td{padding:18px 16px;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.65}
.log__v{white-space:nowrap}
.log__v span{display:inline-flex;align-items:center;gap:10px;font-weight:500}
.log__v small{display:block;margin:4px 0 0 32px;font-size:11px;color:var(--muted)}
.log__ck{width:22px;height:22px;flex:none}
.log__ck circle{fill:none;stroke:var(--p-100);stroke-width:2}
.log__ck path{fill:none;stroke:var(--primary);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.log__r{font-size:1.0625rem;font-weight:500;line-height:1.45;color:var(--ink)}
.log__a{color:var(--ink-2)}
.log tr.is-current td{background:var(--p-50)}
.log tr.is-current .log__v .pill{margin:8px 0 0 32px}
.js .log tbody tr.reveal{transform:none}
@media (max-width: 759.98px){
.log thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.log,.log tbody,.log tr,.log td{display:block;width:100%}
.log tr{padding:14px 0;border-bottom:1px solid var(--line)}
.log tr.is-current{background:var(--p-50);padding-inline:12px;border-radius:var(--r-card)}
.log tr.is-current td{background:none}
.log td{padding:4px 0;border:0}
.log caption{display:block;padding-top:12px}
.log td[data-label]::before{content:attr(data-label);display:block;margin:6px 0 2px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.log__v small{margin-left:32px}
}
@media (min-width: 760px){
.log th:nth-child(1){width:19%}
.log th:nth-child(2){width:40%}
}
.kpis{display:grid;gap:14px}
.kpi{position:relative;display:flex;flex-direction:column;padding:18px 20px 18px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-card);overflow:hidden}
.kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);transform-origin:50% 100%;transition:transform .9s var(--ease) .2s}
.js .kpi.reveal::before{transform:scaleY(0)}
.js .kpi.reveal.is-in::before{transform:scaleY(1)}
.kpi__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.kpi__gauge{width:58px;height:34px}
.kpi__gauge .trk{fill:none;stroke:var(--surface);stroke-width:6;stroke-linecap:round}
.kpi__gauge .val{fill:none;stroke:var(--primary);stroke-width:6;stroke-linecap:round;stroke-dasharray:73;stroke-dashoffset:0;transition:stroke-dashoffset 1.6s var(--ease) .15s}
.js .kpi.reveal .kpi__gauge .val{stroke-dashoffset:73}
.js .kpi.reveal.is-in .kpi__gauge .val{stroke-dashoffset:0}
.kpi__gauge .pin{fill:var(--ink)}
.kpi__pre{margin:12px 0 2px;font-size:var(--fs-xs);color:var(--muted);line-height:1.4;min-height:1.4em}
.kpi__val{display:block;font-weight:800;font-size:var(--fs-num);line-height:1.02;letter-spacing:-.03em;color:var(--ink);margin:0}
.kpi__val--word{font-size:clamp(2.1rem,1.6rem + 1.8vw,3rem)}
.kpi__unit{margin:4px 0 0;font-weight:600;font-size:1.0625rem;line-height:1.35}
.kpi__desc{margin:14px 0 0;padding-top:12px;border-top:1px dashed var(--line);font-size:var(--fs-sm);color:var(--muted);line-height:1.6}
.kpis-note{margin:22px 0 0;text-align:center}
@media (min-width: 640px){
.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width: 1040px){
.kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
}
.sheet--reviews{overflow:hidden}
.stamp{position:absolute;top:210px;right:-34px;width:clamp(150px,14vw,196px);height:auto;color:var(--primary);opacity:.14;transform:rotate(-14deg);pointer-events:none}
@media (max-width: 719.98px){
.stamp{display:none}
}
.stamp text{font-family:var(--f-mono);font-weight:500;fill:currentColor}
.reviews{position:relative;display:grid;gap:20px}
@media (min-width: 900px){
.sheet--reviews .shead__lede{max-width:50ch}
}
.review{position:relative;padding:clamp(20px,2.6vw,28px);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:0 1px 0 var(--line),0 14px 30px rgba(16,32,24,.07);margin:0}
.review__src{display:flex;align-items:flex-start;flex-wrap:nowrap;gap:8px 10px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px dashed var(--line);color:var(--p-deep)}
.review__src .i{color:var(--primary)}
.review__src span:first-of-type{flex:1 1 auto;min-width:0}
.review__src span:last-child{margin-left:auto;color:var(--muted);white-space:nowrap}
.review__pull{margin:0 0 18px;font-weight:600;font-size:var(--fs-lg);line-height:1.35;letter-spacing:-.008em}
.review blockquote{margin:0}
.review blockquote p{margin:0;font-size:var(--fs-sm);line-height:1.85;color:var(--ink-2)}
.review mark{background-image:linear-gradient(transparent 6%,var(--p-100) 6%,var(--p-100) 94%,transparent 94%);color:var(--ink);padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.review__who{display:flex;align-items:center;gap:12px;margin-top:20px}
.review__ini{flex:none;width:46px;height:46px;border-radius:50%;background:var(--surface);border:1px solid var(--line);font-weight:700;letter-spacing:.02em;color:var(--p-deep)}
.review__name{display:block;font-weight:700;font-size:1.0625rem;line-height:1.3;font-style:normal}
.review__role{display:block;font-size:var(--fs-xs);color:var(--muted);line-height:1.5}
.reviews-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:28px}
@media (min-width: 960px){
.reviews{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px;align-items:start}
.review--b{margin-top:72px;transform:rotate(.6deg)}
.review--a{transform:rotate(-.4deg)}
}
.gcards{display:grid;gap:22px}
.gcard{--tab-bg:var(--p-deep);--tab-ink:#fff;position:relative;display:flex;flex-direction:column;height:100%;padding:12px 12px 18px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card) 0 var(--r-card) var(--r-card);box-shadow:var(--sh-card);transition:transform .35s var(--ease),box-shadow .35s}
.gcard--pendant{--tab-bg:var(--secondary);--tab-ink:var(--ink)}
.gcard--apres{--tab-bg:var(--a-ink);--tab-ink:#fff}
.gcard::before{content:"";position:absolute;top:-1px;right:-1px;z-index:3;width:26px;height:26px;background:linear-gradient(225deg,var(--bg) 50%,#E2EAE5 50%);border-bottom-left-radius:5px;box-shadow:-2px 2px 4px rgba(16,32,24,.1);transition:width .3s var(--ease),height .3s var(--ease)}
.gcard:hover{transform:translateY(-4px);box-shadow:0 1px 0 var(--line),0 18px 36px rgba(16,32,24,.1)}
.gcard:hover::before{width:36px;height:36px}
.gcard:focus-within{outline:3px solid var(--primary);outline-offset:3px}
.gcard__media{position:relative;margin:0}
.gcard__media img{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:6px;background-color:var(--surface);background-image:repeating-linear-gradient(135deg,transparent 0 10px,rgba(86,103,93,.07) 10px 11px)}
.gtab{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 10px;border-radius:6px 6px 6px 0;background:var(--tab-bg,var(--p-deep));color:var(--tab-ink,#fff);font:500 var(--fs-2xs)/1.6 var(--f-mono)}
.gtab::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.75}
.gcard__media .gtab{position:absolute;left:10px;top:10px;box-shadow:0 2px 8px rgba(16,32,24,.18)}
.gcard__body{display:flex;flex-direction:column;flex:1;padding:16px 8px 0}
.gcard__meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 10px;padding:0;list-style:none;font-size:var(--fs-2xs);color:var(--muted)}
.gcard__meta li{display:inline-flex;align-items:center;gap:6px}
.gcard__meta .i{width:14px;height:14px}
.gcard__title{margin:0 0 10px;font-size:1.25rem;font-weight:600;line-height:1.28;letter-spacing:-.01em}
.gcard__lede{margin:0 0 16px;font-size:var(--fs-sm);line-height:1.65;color:var(--ink-2)}
.gcard__link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:var(--p-deep);text-decoration:none;line-height:1.3}
.gcard__link::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit}
.gcard__link:focus-visible{outline:none}
.gcard__link .i{transition:transform .25s var(--ease)}
.gcard:hover .gcard__link .i{transform:translateX(4px)}
.gcard__foot{display:flex;justify-content:space-between;margin:14px 8px 0;padding-top:10px;border-top:1px dashed var(--line);font-size:11px;color:var(--muted);letter-spacing:.04em}
@media (min-width: 720px){
.gcards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width: 1040px){
.gcards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
}
.guides-all{display:flex;justify-content:flex-end}
@media (min-width: 900px){
.shead--guides{grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr);align-items:end}
}
@media (min-width: 900px){
.shead--split .guides-all{align-self:end}
}
.faq{display:grid;gap:28px}
.faq__aside .shead{margin-bottom:18px;grid-template-columns:1fr}
.faq__aside .shead__label{flex-direction:row;align-items:center}
.faq__count{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:var(--fs-sm)}
.faq__ask{padding:16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);font-size:var(--fs-sm);line-height:1.65}
.faq__ask p{margin:0}
.qa-list{border-top:1px solid var(--line)}
.qa{border-bottom:1px solid var(--line)}
.qa summary{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:14px;min-height:60px;padding:16px 4px;list-style:none;cursor:pointer;border-radius:6px;transition:background-color .2s}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{background:var(--surface)}
.qa__n{display:none;font-size:var(--fs-2xs);color:var(--muted)}
.qa__q{font-weight:600;font-size:1.125rem;line-height:1.35}
.qa summary:hover .qa__q{color:var(--p-deep)}
.qa__ico{width:30px;height:30px}
.qa__ico circle{fill:var(--bg);stroke:var(--line-2);stroke-width:1.6;stroke-dasharray:3 3;transition:.2s}
.qa__ico path{fill:none;stroke:var(--primary);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .45s var(--ease) .05s}
.qa[open] .qa__ico circle{fill:var(--p-50);stroke:var(--primary);stroke-dasharray:none}
.qa[open] .qa__ico path{stroke-dashoffset:0}
.qa__a{padding:0 4px 22px;color:var(--ink-2);max-width:72ch}
.qa__a p{margin:0}
.qa[open] .qa__a{animation:fadeUp .4s var(--ease)}
@media (min-width: 720px){
.qa summary{grid-template-columns:4.5ch minmax(0,1fr) 32px}
.qa__n{display:block}
.qa__a{padding-left:calc(4.5ch + 18px)}
}
@media (min-width: 960px){
.faq{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}
.faq__aside{position:sticky;top:calc(var(--header-h) + 24px)}
.faq__aside .shead__label{flex-direction:column;align-items:flex-start}
}
.sheet--contact{background-image:radial-gradient(circle at 100% 0%,var(--p-50) 0,rgba(233,246,239,0) 46%)}
.contact__mailbox{margin:0 0 clamp(28px,4vw,44px);padding:clamp(22px,3.4vw,40px);border:1px solid var(--p-100);border-radius:var(--r-card);background:var(--bg);box-shadow:var(--sh-card)}
.contact__mailbox .mono-label{display:flex;align-items:center;gap:10px}
.contact__mailbox .mono-label .i{color:var(--primary)}
.contact__mail{display:inline-block;margin:12px 0 22px;padding-bottom:6px;font-weight:700;font-size:clamp(1.2rem,.2rem + 4.55vw,4rem);line-height:1.12;letter-spacing:-.025em;color:var(--ink);text-decoration:none;overflow-wrap:anywhere;background-image:linear-gradient(var(--primary),var(--primary));background-repeat:no-repeat;background-position:0 100%;background-size:100% 3px;transition:background-size .3s var(--ease),color .2s}
.contact__mail:hover{color:var(--p-deep);background-size:100% 6px}
.contact__btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.copy-btn .ck{display:none;width:18px;height:18px}
.copy-btn .ck path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .4s var(--ease)}
.copy-btn.is-done{border-color:var(--p-deep);color:var(--p-deep);background:var(--p-50)}
.copy-btn.is-done .ck{display:block}
.copy-btn.is-done .ck path{stroke-dashoffset:0}
.copy-btn.is-done .i-copy{display:none}
.contact__live{min-height:1.6em;margin:10px 0 0;font-size:var(--fs-xs);color:var(--p-deep)}
.contact__grid{display:grid;gap:28px}
.msg-list{display:grid;gap:10px}
.msg-item label{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 14px;height:100%;padding:16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg);cursor:pointer;transition:.2s;align-content:start}
.msg-item label:hover{border-color:var(--line-2)}
.msg-item input:checked ~ .msg-item__t{color:var(--p-deep)}
.msg-item__t{font-weight:600;font-size:1.0625rem;line-height:1.35}
.msg-item__d{grid-column:2;font-size:var(--fs-sm);color:var(--muted);line-height:1.6}
.contact__kv .kv > div{grid-template-columns:7.5ch minmax(0,1fr)}
@media (min-width: 900px){
.msg-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.contact__kv .kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
}
.footer{margin-top:calc(var(--sheet-gap) * .5);background:var(--bg);border-top:1px solid var(--line)}
.footer__inner{max-width:1192px;margin:0 auto;padding:clamp(40px,6vw,64px) 20px 28px}
.footer__grid{display:grid;gap:34px}
.footer__brand{display:grid;gap:14px;align-content:start}
.footer__about{margin:0;max-width:46ch;font-size:var(--fs-sm);color:var(--ink-2);line-height:1.7}
.footer__mail{font-weight:600;font-size:1.125rem;overflow-wrap:anywhere}
.footer__title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:500 var(--fs-2xs)/1.4 var(--f-mono);color:var(--muted)}
.footer__title::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--primary)}
.footer__list{display:grid;gap:2px}
.footer__list a,.network-links a{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:4px 0;color:var(--ink);text-decoration:none;font-size:var(--fs-sm);line-height:1.4}
.footer__list a:hover,.network-links a:hover{color:var(--p-deep);text-decoration:underline;text-decoration-color:var(--primary)}
.footer__list .n{color:var(--muted);font-size:11px;min-width:2ch}
.network-links{display:grid;gap:2px}
.network-links a::before{content:"";flex:none;width:9px;height:9px;border:1.5px solid var(--primary);border-radius:50%;transition:background-color .2s}
.network-links a:hover::before{background:var(--primary)}
.footer__social{margin-top:18px}
.footer__legal{display:grid;gap:10px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:var(--fs-xs);line-height:1.65;color:var(--muted)}
.footer__legal p{margin:0;max-width:110ch}
.footer__end{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px}
.footer__top{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ink);text-decoration:none;font-weight:600}
.footer__top .i{transform:rotate(-90deg)}
@media (min-width: 720px){
.footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width: 1040px){
.footer__grid{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:40px}
}
.crumbs{padding-top:18px;font-size:var(--fs-xs);color:var(--muted)}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0}
.crumbs li{display:inline-flex;align-items:center}
.crumbs li + li::before{content:"";width:6px;height:6px;margin:0 10px;border-top:1.5px solid var(--line-2);border-right:1.5px solid var(--line-2);transform:rotate(45deg)}
.crumbs a{color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;min-height:32px}
.crumbs a:hover{color:var(--p-deep);text-decoration:underline}
.crumbs [aria-current="page"]{color:var(--ink)}
.mag-head{display:grid;gap:18px 28px;padding:clamp(24px,4vw,44px) 0 clamp(20px,3vw,32px)}
.mag-head__title{font-size:var(--fs-3xl);font-weight:800;line-height:1.04;letter-spacing:-.032em;max-width:18ch}
.mag-head__lede{margin:0;font-size:var(--fs-md);color:var(--ink-2);max-width:60ch}
.mag-intro{display:grid;gap:20px 28px;margin-bottom:clamp(32px,4vw,48px);padding:clamp(20px,3vw,30px);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface)}
.mag-intro p{max-width:var(--measure)}
.mag-intro p:last-child{margin-bottom:0}
@media (min-width: 900px){
.mag-head{grid-template-columns:minmax(0,3fr) minmax(0,9fr)}
.mag-intro{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
}
.sheet--article .sheet__body{padding-top:8px}
.article-head{max-width:880px;padding-top:clamp(20px,3vw,36px)}
.article-head .gtab{--tab-bg:var(--p-deep)}
.article-head--pendant .gtab{--tab-bg:var(--secondary);--tab-ink:var(--ink)}
.article-head--apres .gtab{--tab-bg:var(--a-ink)}
.article-head__title{margin:18px 0 16px;font-size:clamp(2rem,1.3rem + 2.6vw,3.25rem);font-weight:800;line-height:1.06;letter-spacing:-.028em}
.article-head__lede{margin:0;max-width:64ch;font-size:var(--fs-md);color:var(--ink-2)}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin:22px 0 0;padding:14px 0 0;list-style:none;border-top:1px dashed var(--line);font-size:var(--fs-xs);color:var(--muted)}
.article-meta li{display:inline-flex;align-items:center;gap:8px}
.article-meta .i{width:16px;height:16px;color:var(--p-deep)}
.article-meta a{color:var(--ink)}
.article-cover{margin:clamp(24px,3.4vw,40px) 0 0}
.article-cover .figure__img{aspect-ratio:16 / 9}
.article-layout{display:grid;gap:28px;padding-top:clamp(28px,4vw,48px)}
.article-toc{min-width:0}
.toc{padding:16px 16px 12px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface)}
.toc__title{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:500 var(--fs-2xs)/1.4 var(--f-mono);color:var(--muted)}
.toc__title::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--primary)}
.toc ol{counter-reset:toc;border-left:1px solid var(--line-2)}
.toc li{counter-increment:toc}
.toc a{display:grid;grid-template-columns:2.4ch minmax(0,1fr);gap:8px;margin-left:-1px;padding:7px 0 7px 14px;border-left:2px solid transparent;color:var(--muted);text-decoration:none;font-size:var(--fs-xs);line-height:1.5;transition:.2s}
.toc a::before{content:counter(toc,decimal-leading-zero);font-size:11px;color:var(--line-2);padding-top:1px;transition:color .2s}
.toc a:hover{color:var(--ink)}
.toc a.is-active,.toc a[aria-current="true"]{color:var(--ink);border-left-color:var(--primary);font-weight:500}
.toc a.is-active::before,.toc a[aria-current="true"]::before{color:var(--p-deep)}
@media (min-width: 1040px){
.article-layout{grid-template-columns:250px minmax(0,1fr);gap:56px}
.article-toc{position:sticky;top:calc(var(--header-h) + 24px);align-self:start;max-height:calc(100vh - var(--header-h) - 48px);overflow:auto}
.toc{background:var(--bg)}
}
.prose{min-width:0;max-width:var(--measure);font-size:var(--fs-base);line-height:1.8;counter-reset:h2}
.prose > :first-child{margin-top:0}
.prose h2{counter-increment:h2;margin:2.4em 0 .75em;padding-top:20px;border-top:1px solid var(--line);font-size:var(--fs-xl);font-weight:700;letter-spacing:-.018em;scroll-margin-top:calc(var(--header-h) + 20px)}
.prose h2::before{content:"Section " counter(h2,decimal-leading-zero);display:block;margin-bottom:8px;font:500 var(--fs-2xs)/1.4 var(--f-mono);color:var(--p-deep)}
.prose h3{margin:1.9em 0 .55em;font-size:var(--fs-lg);font-weight:600;scroll-margin-top:calc(var(--header-h) + 20px)}
.prose p{margin:0 0 1.15em}
.prose ul,.prose ol{margin:0 0 1.3em;padding-left:1.4em}
.prose li{margin:.4em 0;padding-left:.2em}
.prose ul > li::marker{color:var(--primary)}
.prose ol > li::marker{color:var(--p-deep);font-weight:500}
.prose strong{color:var(--ink)}
.prose blockquote{margin:1.8em 0;padding:4px 0 4px 22px;border-left:3px solid var(--primary);font-weight:500;font-size:var(--fs-lg);line-height:1.45;color:var(--ink)}
.prose blockquote p{margin:0 0 .5em}
.prose blockquote cite{display:block;font:400 var(--fs-xs)/1.5 var(--f-mono);color:var(--muted);font-style:normal}
.table-wrap{margin:1.8em 0;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg)}
.prose table{width:100%;min-width:560px;border-collapse:collapse;font-size:var(--fs-sm);line-height:1.6}
.prose th{padding:12px 14px;text-align:left;vertical-align:bottom;background:var(--surface);border-bottom:1px solid var(--line-2);font-weight:500;font-size:var(--fs-xs);letter-spacing:.03em}
.prose td{padding:12px 14px;vertical-align:top;border-bottom:1px solid var(--line)}
.prose tr:last-child td{border-bottom:0}
.prose caption{caption-side:bottom;padding:10px 14px;text-align:left;font-size:var(--fs-2xs);color:var(--muted);border-top:1px solid var(--line)}
.prose td .pill{white-space:normal}
@media (max-width: 719.98px){
.table-wrap--stack{overflow:visible;border:0;border-radius:0;background:none}
.table-wrap--stack table{min-width:0}
.table-wrap--stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.table-wrap--stack table,.table-wrap--stack tbody,.table-wrap--stack tr,.table-wrap--stack td,.table-wrap--stack caption{display:block;width:100%}
.table-wrap--stack caption{padding:0 0 12px;border:0}
.table-wrap--stack tr{margin:0 0 12px;padding:4px 16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg);box-shadow:var(--sh-card)}
.table-wrap--stack td{padding:10px 0;border-bottom:1px dashed var(--line)}
.table-wrap--stack tr td:last-child{border-bottom:0}
.table-wrap--stack td::before{content:attr(data-label);display:block;margin-bottom:2px;font:500 11px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
}
.checklist{list-style:none;padding-left:0 !important}
.checklist li{position:relative;padding-left:36px !important;margin:.7em 0}
.checklist li::before{content:"";position:absolute;left:0;top:.28em;width:22px;height:22px;border-radius:6px;background:var(--primary)}
.checklist li::after{content:"";position:absolute;left:8px;top:calc(.28em + 4px);width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.callout{margin:1.9em 0;padding:18px 20px;border:1px solid;border-radius:var(--r-card)}
.callout > :last-child{margin-bottom:0}
.callout__label{display:flex;align-items:center;gap:8px;margin:0 0 6px !important;font:500 var(--fs-2xs)/1.5 var(--f-mono)}
.callout__label::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.callout--conseil{background:var(--p-50);border-color:var(--p-100)}
.callout--conseil .callout__label{color:var(--p-deep)}
.callout--retenir{background:var(--s-50);border-color:var(--s-100)}
.callout--retenir .callout__label{color:var(--s-ink)}
.callout--erreur{background:var(--a-50);border-color:var(--a-100)}
.callout--erreur .callout__label{color:var(--a-ink)}
.approach{position:relative;margin:2.2em 0;padding:24px 24px 22px;border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:0 var(--r-card) var(--r-card) 0;background-color:var(--bg);background-image:linear-gradient(var(--grid-ink) 1px,transparent 1px),linear-gradient(90deg,var(--grid-ink) 1px,transparent 1px);background-size:8px 8px}
.approach > :last-child{margin-bottom:0}
.approach__label{display:flex;align-items:center;gap:10px;margin:0 0 12px !important;font-weight:700;font-size:1.1875rem;line-height:1.3;color:var(--ink)}
.approach__label svg{width:28px;height:28px;flex:none}
.approach p,.approach li{background:rgba(255,255,255,.82)}
.author-card{display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px 22px;align-items:start;margin-top:clamp(32px,4vw,48px);padding:clamp(18px,2.6vw,28px);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface)}
.author-card__photo{width:84px;height:84px;object-fit:cover;padding:4px;background:var(--bg);border:1px solid var(--line);border-radius:8px;transform:rotate(-1.5deg);box-shadow:0 6px 14px rgba(16,32,24,.1)}
.author-card__label{margin:0 0 4px;font:500 var(--fs-2xs)/1.4 var(--f-mono);color:var(--p-deep)}
.author-card__name{margin:0 0 8px;font-size:1.25rem}
.author-card p{font-size:var(--fs-sm);line-height:1.7;max-width:70ch}
.author-card__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
@media (min-width: 720px){
.author-card{grid-template-columns:120px minmax(0,1fr)}
.author-card__photo{width:120px;height:120px}
}
.article-faq{margin-top:2.4em}
.article-faq .qa summary{grid-template-columns:minmax(0,1fr) 32px}
.article-faq .qa__n{display:none}
.article-faq .qa__a{padding-left:4px}
.related{margin-top:clamp(32px,4vw,48px);padding-top:clamp(24px,3vw,36px);border-top:1px solid var(--line)}
.related__title{margin:0 0 20px;font-size:var(--fs-xl)}
@media (min-width: 720px){
.gcards--two{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width: 1040px){
.gcards--two{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.nf{display:grid;gap:28px}
.nf__code{font-weight:800;font-size:clamp(4.5rem,3rem + 7vw,9rem);line-height:.85;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px var(--accent);margin:10px 0 0}
.nf__title{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.025em;max-width:20ch;margin:14px 0 14px}
.nf__lede{max-width:60ch;font-size:var(--fs-md);color:var(--ink-2)}
.nf__lines{margin:8px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.nf__lines li{display:grid;grid-template-columns:15ch minmax(0,1fr);gap:4px 16px;padding:14px 0;border-bottom:1px dashed var(--line);font-size:var(--fs-sm)}
.nf__lines b{color:var(--muted);padding-top:3px}
.nf__links{display:grid;gap:10px}
@media (min-width: 900px){
.nf{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}
}
.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease) var(--d,0s),transform .7s var(--ease) var(--d,0s)}
.js .reveal.is-in{opacity:1;transform:none}
@keyframes needle{0%{transform:rotate(-86deg)}52%{transform:rotate(74deg)}70%{transform:rotate(53deg)}85%{transform:rotate(63deg)}100%{transform:rotate(60deg)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes panelDrop{from{opacity:0;transform:translate(-50%, -6px)}to{opacity:1;transform:translate(-50%, 0)}}
@keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;animation-delay:0s !important;transition-duration:.01ms !important;transition-delay:0s !important}
.js .reveal{opacity:1;transform:none}
.js .gauge__needle,.js .gauge-card.is-live .gauge__needle{animation:none;transform:rotate(60deg)}
.js .gauge__verdict{opacity:1;transform:none}
.js .cover__title .mk{background-size:100% 100%}
.js .score__bar span{transform:none}
.draw path,.draw polyline{stroke-dashoffset:0}
.js .kpi.reveal .kpi__gauge .val{stroke-dashoffset:0}
.js .kpi.reveal::before{transform:none}
.idcard__photo,.idcard:hover .idcard__photo{transform:rotate(-1.5deg)}
.btn:hover,.gcard:hover,.reader:hover{transform:none}
}
