.non-page{background:var(--bg);color:var(--fg)}
.non-main{max-width:1024px;margin:0 auto;padding:32px 24px 48px;container-type:inline-size;overflow-wrap:anywhere}
.non-page .site-brand{flex:0 1 auto;min-width:0;line-height:1.2}
.non-page .site-menu-toggle{flex-shrink:0;width:44px;height:44px}
.non-heading{margin-bottom:32px}
.non-eyebrow{font:12px var(--font-mono);letter-spacing:.08em;margin:0 0 18px}
.non-heading h1{font-family:var(--font-display);font-size:clamp(40px,6vw,72px);font-weight:800;letter-spacing:-.055em;line-height:1;margin:0 0 16px}
.non-heading h1 span{color:var(--fg-muted)}
.non-subtitle{font-size:18px;max-width:640px;line-height:1.5;margin:0}
.non-playing .non-heading{margin-bottom:20px}
.non-playing .non-heading h1{font-size:32px;margin:0}
.non-playing .non-heading .non-eyebrow,.non-playing .non-subtitle{display:none}
.non-intro{display:grid;grid-template-columns:1.2fr 1fr;background:var(--bg-raised);border:1px solid var(--fg);box-shadow:6px 6px 0 var(--fg);margin-bottom:40px}
.non-intro-copy{padding:32px}
.non-intro h2{font-size:28px;line-height:1.15;letter-spacing:-.03em;margin:0 0 16px}
.non-intro p{margin:0 0 20px}
.non-intro-art{background:var(--fg);color:var(--bg-raised);padding:32px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--fg)}
.non-path{display:flex;align-items:center;gap:10px;font:24px var(--font-mono);margin:24px 0}
.non-path span{display:grid;place-items:center;width:44px;height:44px;border:1px dashed var(--bg)}
.non-path span:last-child{background:var(--c-signal-red);color:var(--fg);border-style:solid}
.non-intro-art strong{font-family:var(--font-display);font-size:28px;line-height:1.2;color:var(--c-citron)}
.non-intro-art p{font-size:14px;margin:14px 0 0}
.non-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid var(--fg);background:var(--accent);color:var(--fg);font:700 16px var(--font-body);cursor:pointer;text-decoration:none;line-height:1.3;box-shadow:3px 3px 0 var(--fg);gap:8px}
.non-button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--fg)}
.non-button:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--fg)}
.non-button:disabled{cursor:default;box-shadow:none;transform:none;background:var(--bg-sunken)}
.non-button--secondary{background:var(--bg-raised)}
.non-page :focus-visible{outline:3px solid var(--accent-text);outline-offset:4px}
.non-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-block:1px dashed var(--line-strong);padding:16px 0;margin-bottom:24px}
.non-score{font:700 26px var(--font-mono);white-space:nowrap}
.non-record{font:14px var(--font-mono);text-align:right}
.non-target{background:var(--c-citron);padding:12px 16px;border-left:3px solid var(--fg);margin:0 0 20px;overflow-wrap:anywhere;font-size:16px}
.non-round-label{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:14px var(--font-mono);margin:0 0 12px}
.non-question{font-size:clamp(22px,3.3vw,32px);line-height:1.2;letter-spacing:-.025em;margin:0 0 12px;max-width:800px}
.non-contract{font-size:16px;line-height:1.45;margin:0 0 16px}
.non-profile{font-size:14px;line-height:1.5;border:1px dashed var(--line-strong);padding:12px 16px;margin:0 0 20px}
.non-offers{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.non-offer{min-width:0;display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--fg);padding:20px;position:relative}
.non-offer h3{display:flex;align-items:center;gap:10px;font:600 16px var(--font-body);margin:0 0 20px}
.non-letter{font:700 18px var(--font-mono);border:1px solid var(--fg);width:32px;height:32px;display:inline-grid;place-items:center}
.non-ral{font:700 clamp(26px,4vw,40px) var(--font-mono);letter-spacing:-.055em;white-space:nowrap;margin:0}
.non-ral-label{font-size:14px;margin:0 0 18px;color:var(--fg-muted)}
.non-fields{display:grid;gap:10px;margin:0 0 20px;font-size:16px;line-height:1.4}
.non-fields div{border-top:1px dashed var(--line);padding-top:10px}
.non-fields dt{font-size:14px;color:var(--fg-muted)}
.non-fields dd{margin:3px 0 0;font-weight:600}
.non-offer>.non-button{width:100%;margin-top:auto}
.non-offer--winner{border:2px solid var(--fg);padding:19px;box-shadow:4px 4px 0 var(--c-citron)}
.non-choice{font-size:14px;font-weight:700;padding:10px 12px;background:var(--bg-sunken);margin:0 0 14px;min-height:42px}
.non-offer--winner .non-choice{background:var(--c-citron)}
.non-choice--wrong{border-left:3px solid var(--err-text)}
.non-chain{margin:0;font-size:14px}
.non-chain div{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px dashed var(--line)}
.non-chain dt{max-width:60%;line-height:1.4}
.non-chain dd{margin:0;font-family:var(--font-mono);text-align:right;white-space:nowrap}
.non-chain .non-net{font-weight:700;border-bottom:1px solid var(--fg)}
.non-available{margin:18px 0 0;font-size:14px}
.non-available strong{display:block;font:700 clamp(22px,3vw,32px) var(--font-mono);letter-spacing:-.04em;margin:4px 0;white-space:nowrap}
.non-benefit{font-size:14px;border-top:1px dashed var(--line-strong);padding-top:12px;margin:12px 0 0}
.non-feedback{border:1px solid var(--fg);padding:24px;margin:24px 0 20px;background:var(--c-citron);scroll-margin-top:90px}
.non-feedback--end{background:var(--bg-raised);border-top:5px solid var(--c-signal-red)}
.non-feedback h2{font-size:28px;line-height:1.2;margin:0 0 12px}
.non-feedback p{margin:8px 0;font-size:16px}
.non-feedback .non-badge{font:700 14px var(--font-mono)}
.non-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px;align-items:center}
.non-detail{margin:20px 0;border:1px dashed var(--line-strong);padding:0 16px}
.non-page summary{cursor:pointer;min-height:48px;padding:14px 0;font-weight:600;font-size:16px}
.non-detail>div{padding-bottom:16px}
.non-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}
.non-table th,.non-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px 8px;overflow-wrap:anywhere}
.non-table th:first-child{width:32%}
.non-table p{margin:6px 0;line-height:1.5}
.non-table strong{font-family:var(--font-mono);font-size:14px}
.non-table a{display:inline-block;min-height:44px}
.non-notes{border-top:1px dashed var(--line-strong);padding-top:20px;margin-top:36px;color:var(--fg-muted);font-size:14px;line-height:1.6}
.non-notes p{margin:0 0 12px}
.non-notice{padding:12px 16px;border:1px solid var(--line-strong);font-size:14px;background:var(--bg-raised);margin-bottom:20px}
.non-share-status{font-size:14px;overflow-wrap:anywhere;margin-top:16px}
.non-share-field{display:block;width:100%;min-height:84px;margin-top:10px;font-size:16px;padding:10px;background:var(--bg-raised);color:var(--fg);border:1px solid var(--fg)}
.non-result{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:40px;align-items:center;margin:0 0 36px;padding:28px;border:1px solid var(--fg);background:var(--bg-raised);box-shadow:5px 5px 0 var(--fg);scroll-margin-top:88px}
.non-receipt{min-width:0;background:#1E1C2B;color:#F7F6F1;font:700 28px var(--font-mono)}
.non-receipt img{display:block;width:100%;height:auto;aspect-ratio:4/5}
.non-result-copy{min-width:0}.non-result-copy h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em;line-height:1.1;margin:0 0 16px}
.non-result-copy>p{font-size:16px;margin:12px 0}.non-result-copy .non-eyebrow{font:12px var(--font-mono);margin:0 0 16px}
.non-result-copy .non-badge{font:700 14px var(--font-mono)}
.non-result-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.non-result-actions .non-button{flex:1 1 120px}
.non-result-copy .non-share-hint,.non-share-options p{font-size:14px;line-height:1.5}
.non-share-dialog{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--fg);background:var(--bg-raised);color:var(--fg);box-shadow:6px 6px 0 var(--fg);overflow:auto;overscroll-behavior:contain;margin:auto}
.non-share-dialog::backdrop{background:rgb(30 28 43 / .7)}
.non-page:has(.non-share-dialog[open]){overflow:hidden}
.non-dialog-heading{display:flex;gap:16px;align-items:start;justify-content:space-between}.non-dialog-heading h2{font-size:26px;line-height:1.15;margin:4px 0 0}
.non-dialog-close{flex:none;width:44px;height:44px;font:28px var(--font-body);border:1px solid var(--fg);background:var(--bg-raised);color:var(--fg);cursor:pointer}
.non-share-dialog p{font-size:14px;line-height:1.5;margin:14px 0}
.non-social-preview{display:block;color:var(--fg);text-decoration:none;border:1px solid var(--fg);margin:16px 0 20px;background:var(--bg)}
.non-social-preview img{display:block;width:100%;height:auto;aspect-ratio:1200/630}
.non-social-preview>span{display:block;padding:12px 14px}.non-social-preview strong{font-size:16px;line-height:1.3}.non-social-preview small{display:block;font:12px var(--font-mono);margin-top:6px}
.non-social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.non-social-buttons .non-button{justify-content:space-between;min-width:0}
.non-social-buttons [data-share-destination="linkedin"]{background:var(--accent)}
.non-dialog-extras{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0;flex-wrap:wrap}
.non-dialog-extras .non-button{font-size:14px}.non-download-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--fg)}
.non-landing{max-width:760px;padding:36px 24px;margin:auto}.non-landing-brand{display:inline-block;color:var(--fg);font:800 24px var(--font-display);margin-bottom:36px}
.non-landing h1{font-size:clamp(32px,6vw,56px);line-height:1.1;letter-spacing:-.04em;margin:0 0 24px}
.non-landing img{display:block;width:100%;height:auto;border:1px solid var(--fg)}.non-landing p{font-size:18px;line-height:1.5;margin:24px 0}
.non-landing .non-landing-note{font-size:14px;color:var(--fg-muted)}.non-landing>.non-button{width:100%}
.non-page [hidden]{display:none!important}
.non-reveal{animation:non-reveal 450ms ease-out}
@keyframes non-reveal{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){
  .non-main{padding:24px 16px 32px}.non-heading{margin-bottom:24px}.non-heading h1{font-size:42px}.non-subtitle{font-size:16px}
  .non-playing .non-heading h1{font-size:26px}.non-playing .non-heading{margin-bottom:16px}
  .non-intro{grid-template-columns:1fr}.non-intro-copy{padding:24px}.non-intro-art{padding:20px 24px;border-top:1px solid var(--fg);border-left:0}.non-path{margin:16px 0}
  .non-toolbar{margin-bottom:20px;padding:12px 0;gap:8px}.non-score{font-size:22px}.non-record{font-size:14px;max-width:48%}
  .non-offers{gap:12px}.non-offer{padding:14px 10px}.non-offer--winner{padding:13px 9px}.non-offer h3{font-size:14px;margin-bottom:14px;gap:6px}.non-letter{width:26px;height:26px;font-size:16px}
  .non-ral{font-size:26px}.non-ral-label{margin-bottom:14px}.non-fields{font-size:14px;gap:8px;margin-bottom:16px}.non-fields div{padding-top:8px}
  .non-button{padding:12px;font-size:16px}.non-question{font-size:24px}.non-contract{font-size:14px}.non-profile{padding:10px 12px}
  .non-chain div{display:block}.non-chain dt{max-width:none}.non-chain dd{margin-top:2px;text-align:left}.non-available strong{font-size:20px}.non-choice{padding:8px 6px;min-height:60px}
  .non-feedback{padding:20px 16px}.non-feedback h2{font-size:24px}.non-actions .non-button{flex:1 1 160px}.non-table th,.non-table td{padding:10px 4px}.non-detail{padding:0 10px}
  .non-result{grid-template-columns:1fr;gap:20px;padding:20px 16px;scroll-margin-top:76px}
  .non-receipt{width:100%;max-width:260px;margin:auto}.non-result-copy h2{font-size:28px}
  .non-result-copy .non-eyebrow{display:none}.non-result-copy>p{margin:8px 0}.non-result-actions{margin-top:16px}
  .non-share-dialog{padding:18px}.non-dialog-heading h2{font-size:23px}.non-landing{padding:24px 16px}
}
@media(max-width:350px){.non-offers{grid-template-columns:1fr}.non-heading h1{font-size:36px}}
@media(max-width:620px) and (max-height:740px){.non-receipt{max-width:200px}.non-result{gap:16px;padding:16px}.non-result-copy h2{font-size:26px;margin-bottom:12px}}
@container(max-width:300px){
  .non-offers{grid-template-columns:1fr}.non-toolbar{flex-wrap:wrap}.non-record{max-width:none;text-align:left}
  .non-intro-copy,.non-intro-art{padding:16px}.non-path{gap:4px;font-size:18px}.non-path span{width:32px;height:36px}
  .non-actions .non-button{flex-basis:100%;min-width:0}.non-table,.non-table tbody,.non-table tr,.non-table th,.non-table td{display:block;width:100%}
  .non-result{grid-template-columns:1fr;gap:16px;padding:12px}.non-result-actions .non-button{flex-basis:100%;min-width:0}
  .non-table thead{display:none}.non-table td:nth-child(2)::before{content:'Offerta A';display:block;font-weight:700}
  .non-table td:nth-child(3)::before{content:'Offerta B';display:block;font-weight:700}.non-table th:first-child{width:100%}
}
@media(max-width:300px){.non-social-buttons{grid-template-columns:1fr}.non-share-dialog{padding:12px}.non-dialog-heading h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.non-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}