:root{--avorio:#f4efe6;--avorio-deep:#eae2d3;--card:#fffdf7;--nero:#17130e;--ink:#26201a;--ink-soft:#6d6156;--rosso:#b3252a;--rosso-bright:#d5342f;--bronzo:#9a7b4f;--giallo:#f2c200;--hairline:#26201a24;--hairline-strong:#26201a66;--radius-lg:20px;--radius:14px;--radius-sm:9px;--shadow-card:0 1px 2px #19120a0d, 0 8px 24px -14px #19120a33;--shadow-float:0 2px 6px #19120a14, 0 20px 44px -18px #19120a4d;--serif:"Bodoni Moda", Georgia, serif;--sans:"IBM Plex Sans", "Helvetica Neue", sans-serif;--mono:"IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--avorio);color:var(--ink);font-family:var(--sans);min-height:100dvh}body:before{content:"";z-index:-1;background:radial-gradient(120% 55% at 50% 0,#fffdf7e6,#fffdf700 70%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='0.05'/></svg>");position:fixed;inset:0}::selection{background:var(--rosso);color:var(--avorio)}:focus-visible{outline:2px solid var(--rosso);outline-offset:2px}.site-top{z-index:100;position:sticky;top:0}.env-banner{background:var(--giallo);color:var(--nero);font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;text-align:center;padding:7px 12px 6px;font-size:11px}.site-header{padding:12px clamp(16px,4.5vw,64px);padding-left:max(clamp(16px, 4.5vw, 64px), env(safe-area-inset-left));padding-right:max(clamp(16px, 4.5vw, 64px), env(safe-area-inset-right));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#17130eeb;border-bottom:1px solid #f4efe61f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.site-header .brand{font-family:var(--serif);color:var(--avorio);letter-spacing:.01em;font-size:clamp(19px,4.6vw,25px);font-weight:600;text-decoration:none}.site-header .brand em{color:var(--rosso-bright);font-style:italic}.site-header nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.site-header nav a,.site-header nav button{min-height:38px;font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#f4efe6c7;cursor:pointer;background:0 0;border:1px solid #f4efe638;border-radius:999px;align-items:center;padding:8px 15px;font-size:11px;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.site-header nav a:hover,.site-header nav button:hover{color:var(--avorio);border-color:var(--rosso-bright);background:#d5342f29}.site-header nav a:active,.site-header nav button:active{transform:translateY(1px)}.page{max-width:1100px;padding:clamp(26px,5vh,60px) clamp(18px,4.5vw,64px) 96px;padding-left:max(clamp(18px, 4.5vw, 64px), env(safe-area-inset-left));padding-right:max(clamp(18px, 4.5vw, 64px), env(safe-area-inset-right));margin:0 auto}.kicker{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--rosso);align-items:center;gap:10px;margin-bottom:14px;font-size:11px;display:flex}.kicker:before{content:"";background:var(--rosso);flex:none;width:22px;height:1.5px}h1.display{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;margin-bottom:18px;font-size:clamp(32px,8.5vw,54px);font-weight:600;line-height:1.04}h1.display em{color:var(--rosso);font-style:italic}.lede{color:var(--ink-soft);max-width:60ch;font-size:16px;font-weight:300;line-height:1.65}@media (prefers-reduced-motion:no-preference){@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.page>*{animation:.55s cubic-bezier(.19,.73,.22,1) backwards rise}.page>:first-child{animation-delay:40ms}.page>:nth-child(2){animation-delay:.1s}.page>:nth-child(3){animation-delay:.16s}.page>:nth-child(4){animation-delay:.22s}.page>:nth-child(5){animation-delay:.28s}.page>:nth-child(6){animation-delay:.34s}.page>:nth-child(7){animation-delay:.4s}.page>:nth-child(n+8){animation-delay:.46s}}.hero .display{font-size:clamp(38px,11vw,72px)}.hero-actions{margin-top:34px}.hero-plate{border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);background:var(--card);max-width:620px;box-shadow:var(--shadow-card);grid-template-columns:repeat(2,1fr);margin-top:56px;display:grid;overflow:hidden}.hero-plate>div{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);border-top:1px solid var(--hairline);border-left:1px solid var(--hairline);padding:12px 16px;font-size:10px}.hero-plate>div:nth-child(-n+2){border-top:none}.hero-plate>div:nth-child(odd){border-left:none}.hero-plate b{color:var(--ink);letter-spacing:.06em;margin-top:3px;font-size:12.5px;font-weight:500;display:block}@media (min-width:700px){.hero-plate{grid-template-columns:repeat(4,1fr)}.hero-plate>div{border-top:none}.hero-plate>div:nth-child(odd){border-left:1px solid var(--hairline)}.hero-plate>div:first-child{border-left:none}}.btn{min-height:48px;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;background:var(--nero);color:var(--avorio);cursor:pointer;box-shadow:var(--shadow-card);border:none;border-radius:999px;justify-content:center;align-items:center;padding:13px 28px;font-size:12px;text-decoration:none;transition:background .15s,transform .12s,box-shadow .15s;display:inline-flex}.btn:hover{background:var(--rosso);box-shadow:var(--shadow-float)}.btn:active{transform:translateY(1px)scale(.99)}.btn.block{width:100%}.btn:disabled{opacity:.6;cursor:default}.field{margin-bottom:16px}.field label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:7px;font-size:11px;display:block}.field input,.field textarea{width:100%;font-family:var(--sans);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);background:var(--avorio);color:var(--ink);padding:13px 14px;font-size:16px}.field textarea{resize:vertical;line-height:1.55}.field input:focus,.field textarea:focus{outline:2px solid var(--rosso);outline-offset:1px}.error-box{border-left:3px solid var(--rosso);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#b3252a12;margin-bottom:18px;padding:12px 14px;font-size:14px;line-height:1.5}.hint-box{color:var(--ink-soft);border-radius:var(--radius-sm);background:#eae2d38c;margin-top:22px;padding:13px 15px;font-size:12.5px;line-height:1.7}.hint-box code{font-family:var(--mono);color:var(--ink);font-size:11.5px}.form-note{color:var(--ink-soft);margin-top:12px;font-size:12.5px;line-height:1.5}.login-card{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--card);max-width:440px;box-shadow:var(--shadow-float);margin:3vh auto 0;padding:clamp(24px,6vw,40px)}.login-card h1{font-family:var(--serif);margin-bottom:6px;font-size:clamp(26px,7vw,30px)}.login-card .sub{color:var(--ink-soft);margin-bottom:24px;font-size:14px;line-height:1.5}.cat-group{margin-top:38px}.cat-group>h2{font-family:var(--serif);border-bottom:1.5px solid var(--hairline-strong);margin-bottom:12px;padding-bottom:10px;font-size:clamp(22px,5.5vw,27px)}.card-list{gap:10px;list-style:none;display:grid}.card-row{background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius);min-height:58px;box-shadow:var(--shadow-card);color:var(--ink);flex-wrap:wrap;align-items:center;gap:6px 14px;padding:15px 18px;text-decoration:none;display:flex;position:relative}a.card-row{padding-right:44px;transition:transform .15s,border-color .15s,box-shadow .15s}a.card-row:hover{box-shadow:var(--shadow-float);border-color:#b3252a66;transform:translateY(-1px)}a.card-row:hover .chev{color:var(--rosso);transform:translate(3px,-50%)}a.card-row:active{transform:scale(.985)}.card-row .catno{font-family:var(--mono);letter-spacing:.08em;color:var(--rosso);white-space:nowrap;border:1px solid #b3252a66;border-radius:999px;flex:none;padding:4px 10px;font-size:11px}.card-row .card-main{font-size:16px;font-weight:500;line-height:1.35}.card-row .card-meta{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-soft);text-align:right;white-space:nowrap;margin-left:auto;font-size:11px}.card-row .chev{color:var(--ink-soft);font-size:17px;line-height:1;transition:transform .15s,color .15s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.badge{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--hairline-strong);vertical-align:2px;white-space:nowrap;border-radius:999px;margin-left:9px;padding:3px 9px;font-size:10px;display:inline-block}.tavola-frame{border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);cursor:grab;touch-action:none;height:min(68dvh,640px);box-shadow:var(--shadow-card);background:#fbf8f1;margin:24px 0;position:relative;overflow:hidden}.tavola-frame:active{cursor:grabbing}.tavola-layer{transform-origin:0 0;width:max-content;height:max-content;position:absolute;top:0;left:0}.tavola-frame img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;display:block}.hotspot{transform:translate(-50%, -50%) scale(calc(1 / var(--tv-scale,1)));color:#0000;cursor:pointer;width:56px;height:56px;font-family:var(--mono);background:#b3252a0a;border:2.5px solid #b3252a59;border-radius:50%;padding:0;font-size:0;position:absolute}.hotspot:hover,.hotspot:focus-visible{border-color:var(--rosso);background:#b3252a24;outline:none}.tavola-controls{right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:5;gap:8px;display:flex;position:absolute}.tavola-controls button{width:44px;height:44px;font-family:var(--mono);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--avorio);border-radius:var(--radius-sm);cursor:pointer;background:#17130ee0;border:1px solid #f4efe640;font-size:17px;transition:background .15s}.tavola-controls button:hover{background:var(--rosso)}.tavola-controls button:active{transform:translateY(1px)}.lookup{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-card);flex-wrap:wrap;align-items:flex-end;gap:14px 18px;padding:18px;display:flex}.lookup .field{margin:0}.lookup .field input{width:116px;font-family:var(--mono);text-align:center;font-size:19px}.lookup .btn{flex:1}.lookup .explain{color:var(--ink-soft);flex-basis:100%;font-size:13px;line-height:1.55}.lookup .explain code{font-family:var(--mono);color:var(--rosso)}@media (min-width:700px){.lookup{padding:20px 22px}.lookup .btn{flex:none}.lookup .explain{flex-basis:auto;max-width:44ch}}.part-head{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:14px;display:flex}.part-head .kicker{margin:0}.pid{font-family:var(--mono);color:var(--avorio);background:var(--rosso);border-radius:var(--radius-sm);letter-spacing:.08em;box-shadow:var(--shadow-card);padding:6px 13px;font-size:14px}.spec{background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-top:24px;overflow:hidden}.spec-row{border-bottom:1px solid var(--hairline);padding:13px 18px}.spec-row:last-child{border-bottom:none}.spec-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:3px;font-size:10.5px;font-weight:500;display:block}.spec-value{overflow-wrap:anywhere;font-size:15px;line-height:1.55}.spec-value a{color:var(--rosso)}@media (min-width:700px){.spec-row{grid-template-columns:230px 1fr;align-items:baseline;gap:20px;padding:15px 22px;display:grid}.spec-label{margin-bottom:0}}.invisible-parts{margin-top:46px}.invisible-parts h2{font-family:var(--serif);margin-bottom:4px;font-size:clamp(21px,5.5vw,25px)}.invisible-parts .sub{color:var(--ink-soft);margin-bottom:14px;font-size:13.5px;line-height:1.5}.comment-list{gap:10px;margin-top:6px;display:grid}.comment-card{background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:15px 18px}.comment-card p{font-size:15px;line-height:1.55}.comment-meta{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-soft);margin-top:9px;font-size:11px}.mono{font-family:var(--mono);font-size:.92em}.backlink{min-height:38px;font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);align-items:center;font-size:11.5px;text-decoration:none;display:inline-flex}.backlink:hover{color:var(--rosso)}
