.ref-hero{position:relative;overflow:hidden;background:#10251f;color:#fff}.ref-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000 30%,transparent 85%)}.ref-hero__inner{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;min-height:620px;padding-top:70px;padding-bottom:70px}.ref-hero h1{font:58px/1.04 Oswald;text-transform:uppercase;letter-spacing:-1px;margin:20px 0}.ref-hero h1 em{font-style:normal;color:var(--accent)}.ref-hero>div>div>p{max-width:690px;color:#b3c1bc;font-size:13px;line-height:1.8}.supply-passport{padding:34px;border:1px solid #ffffff2b;background:#ffffff08;backdrop-filter:blur(8px)}.supply-passport__label{display:block;color:var(--accent);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px}.supply-passport>strong{display:block;font:28px Oswald;margin:10px 0 24px}.supply-passport dl{margin:0}.supply-passport dl div{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:13px 0;border-top:1px solid #ffffff18}.supply-passport dt{font:18px Oswald;color:var(--accent)}.supply-passport dd{margin:0;font-size:11px;color:#c1cbc7}.ref-nav{position:sticky;top:76px;z-index:40;background:#e7e6e0;border-bottom:1px solid var(--line)}.ref-nav>div{display:flex;gap:28px;overflow:auto}.ref-nav a{padding:17px 0;white-space:nowrap;font-size:10px;font-weight:800;text-transform:uppercase}.ref-nav a:hover{color:#567500}.ref-builder{background:#efeee9}.builder-shell{display:grid;grid-template-columns:1.2fr .8fr;border:1px solid var(--line);background:#fff}.builder-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.builder-fields label{padding:20px;background:#fff;color:#77817c;font-size:9px;font-weight:800;text-transform:uppercase}.builder-fields input,.builder-fields select{display:block;width:100%;margin-top:8px;padding:11px 0;border:0;border-bottom:1px solid #cbd0cc;background:transparent;color:var(--ink);font:700 13px Manrope;outline:0}.builder-result{padding:30px;background:var(--green);color:#fff;display:flex;flex-direction:column;min-width:0}.builder-result>span{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:#9eafa8}.builder-result>strong{font:27px Oswald;margin:9px 0 15px}.standard-pills{display:flex;flex-wrap:wrap;gap:6px}.standard-pills b{padding:7px 9px;background:#ffffff10;border:1px solid #ffffff18;color:var(--accent);font-size:9px}.builder-result dl{display:grid;grid-template-columns:1fr 1fr;margin:22px 0}.builder-result dl div{padding:13px;border:1px solid #ffffff17}.builder-result dt{font-size:8px;text-transform:uppercase;color:#9eafa8}.builder-result dd{margin:5px 0 0;font:21px Oswald}.builder-result label{font-size:8px;text-transform:uppercase;color:#9eafa8}.builder-result textarea{width:100%;margin-top:8px;padding:12px;border:1px solid #ffffff20;background:#0c3026;color:#fff;font:11px/1.55 Manrope;resize:vertical}.builder-result .btn{margin-top:16px}.reference-note{padding-left:16px;border-left:3px solid var(--accent);color:var(--muted);font-size:11px;line-height:1.7}.standards-section{background:#fff}.standards-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.standards-grid a{display:flex;min-height:250px;padding:24px;border:1px solid var(--line);background:#f8f7f3;flex-direction:column;transition:.2s}.standards-grid a:hover{transform:translateY(-4px);border-color:#9da7a1}.standards-grid small{font-size:8px;text-transform:uppercase;color:#78817c}.standards-grid strong{font:24px Oswald;margin:12px 0}.standards-grid p{font-size:10px;line-height:1.7;color:var(--muted)}.standards-grid span{margin-top:auto;color:#587700;font-size:9px;font-weight:800}.version-callout{display:grid;grid-template-columns:300px 1fr;gap:30px;margin-top:18px;padding:22px 26px;background:#10251f;color:#fff}.version-callout b{font:20px Oswald}.version-callout p{margin:0;color:#b6c3be;font-size:11px;line-height:1.7}.sheet-types{background:#eeede8}.type-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-comparison article{position:relative;padding:38px;background:#fff;border:1px solid var(--line)}.type-comparison article>span{position:absolute;right:24px;top:18px;font:65px Oswald;color:#10211c0b}.type-comparison small{font-size:9px;text-transform:uppercase;color:#748078}.type-comparison h3{font:35px Oswald;margin:12px 0}.type-comparison p,.type-comparison li{color:var(--muted);font-size:11px;line-height:1.7}.type-comparison ul{padding-left:18px}.assortment-table{margin-top:20px}.marking-section{background:#17382f;color:#fff}.marking-section .section-head>p{color:#aab9b3}.marking-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.marking-grid article{padding:27px;border:1px solid #ffffff1d;background:#ffffff07}.marking-grid article>span{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:#9aaca5}.marking-grid dl{margin:18px 0 0}.marking-grid dl div{display:grid;grid-template-columns:54px 1fr;align-items:start;padding:11px 0;border-top:1px solid #ffffff14}.marking-grid dt{font:25px Oswald;color:var(--accent)}.marking-grid dd{margin:4px 0 0;color:#c0cbc7;font-size:10px;line-height:1.5}.marking-example{margin-top:16px;padding:28px;background:#0e2b23}.marking-example>span{font-size:8px;text-transform:uppercase;color:#91a39c}.marking-example strong{display:block;margin:10px 0;font:23px Oswald;color:var(--accent)}.marking-example p{margin:0;color:#aebdb7;font-size:11px;line-height:1.7}.surface-reference{background:#f7f6f2}.surface-reference__list{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.surface-reference__list a{display:flex;padding:22px;background:#fff;border:1px solid var(--line);flex-direction:column}.surface-chip{height:80px;margin-bottom:18px;border:1px solid #ccd1cd}.surface-chip--1{background:linear-gradient(120deg,#66726d,#d1d4d0,#7c8782)}.surface-chip--2{background:linear-gradient(120deg,#abb6b1,#eef0ed,#a4afaa)}.surface-chip--3{background:linear-gradient(120deg,#6f827b,#fff,#91a19a)}.surface-chip--4{background:repeating-linear-gradient(100deg,#818d88 0,#d8dcd9 1px,#929e99 3px)}.surface-chip--5{background:linear-gradient(130deg,#243a32,#eff8f4 45%,#455c54 48%,#edf4f1)}.surface-reference b{font:22px Oswald}.surface-reference p{color:var(--muted);font-size:10px;line-height:1.7}.surface-reference em{margin-top:auto;color:#60736b;font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase}.grade-reference{background:#eeede8}.acceptance-section{background:#fff}.acceptance-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:1px;margin:0;background:var(--line);list-style:none}.acceptance-list li{display:flex;gap:18px;padding:25px;background:#fff}.acceptance-list li>span{font:22px Oswald;color:#90a198}.acceptance-list b{font-size:12px}.acceptance-list p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.65}.acceptance-actions{display:flex;gap:10px;margin-top:22px}.ref-faq{background:#eeede8}.ref-faq h2{font-size:42px}.ref-faq p{color:var(--muted);font-size:12px;line-height:1.8}.ref-faq .faq p{font-size:11px}.ref-faq+.footer{margin-top:0}body>footer{margin-top:0}
@media(max-width:1050px){.standards-grid,.surface-reference__list{grid-template-columns:repeat(3,1fr)}.marking-grid{grid-template-columns:1fr 1fr}.builder-fields{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.ref-hero__inner,.builder-shell{grid-template-columns:1fr}.ref-hero__inner{gap:35px}.standards-grid,.surface-reference__list{grid-template-columns:1fr 1fr}.version-callout{grid-template-columns:1fr}.type-comparison{grid-template-columns:1fr}.acceptance-list{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.ref-hero h1{font-size:42px}.ref-hero__inner{padding-top:55px;padding-bottom:55px}.ref-nav{top:76px}.builder-fields,.standards-grid,.surface-reference__list,.marking-grid,.acceptance-list{grid-template-columns:1fr}.builder-result{padding:24px}.builder-result dl{grid-template-columns:1fr}.acceptance-actions{align-items:stretch;flex-direction:column}.marking-example strong{font-size:18px}.supply-passport{padding:25px}}