.spec-breadcrumb{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gray-500);margin-bottom:1rem;font-size:.7rem}.spec-breadcrumb a{color:inherit;text-decoration:none;transition:color .15s}.spec-breadcrumb a:hover{color:var(--wc-blue)}.protocol-hero-inner{max-width:74ch}.protocol-hero-copy{min-width:0}.spec-callout{border:1px solid var(--gray-900);border-left:3px solid var(--wc-amber);background:var(--wc-amber-light);color:var(--gray-300);max-width:70ch;margin:1.5rem 0 2.5rem;padding:1rem 1.25rem;font-size:.88rem;line-height:1.6}.spec-callout strong{color:var(--white);font-weight:700}.spec-callout code{color:var(--wc-amber);background:#00000059;font-size:.85em}.spec-callout a{color:var(--wc-amber)}.spec-callout-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;max-width:78ch;margin:1.4rem 0 1.6rem;display:grid}.spec-rationale-callout{border:1px solid var(--gray-900);border-top:2px solid var(--wc-blue);background:#ffffff06;padding:1rem}.spec-rationale-callout .spec-callout-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--wc-blue);margin:0 0 .75rem;font-size:.66rem;line-height:1}.spec-rationale-callout h3{margin:0 0 .55rem;font-size:.95rem;line-height:1.35}.spec-rationale-callout p{margin:0;font-size:.85rem;line-height:1.6}.spec-rationale-callout code{color:var(--wc-blue);background:#00000052;border-radius:3px;padding:.08em .35em;font-size:.82em}.protocol-hydration>.section-inner>p:not(.section-eyebrow){max-width:760px;color:var(--gray-300);font-size:1.08rem}.protocol-hydration-grid{grid-template-columns:320px minmax(0,1fr);gap:1rem;margin-top:1.75rem;display:grid}.protocol-hydration-steps{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.protocol-hydration-steps li{min-height:82px;color:var(--white);background:#f5f5f009;border:1px solid #f5f5f029;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:.18rem .8rem;padding:.8rem;display:grid}.protocol-hydration-steps li.is-active{border-color:var(--wc-blue);background:#7ba7c921}.protocol-hydration-steps span{color:var(--wc-amber);font-family:var(--font-mono);grid-row:span 2}.protocol-hydration-steps strong{font-family:var(--font-mono);font-size:.82rem}.protocol-hydration-steps em{color:var(--gray-500);font-size:.86rem;font-style:normal;line-height:1.45}.protocol-hydration-steps small{color:var(--wc-blue);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#7ba7c924;justify-self:end;padding:.16rem .32rem;font-size:.58rem}.protocol-hydration-output{border:var(--pixel-border);background:linear-gradient(135deg,#7ba7c914,#0000 42%),#0a0a0a9e;min-height:460px;padding:clamp(1rem,2.4vw,1.35rem)}.protocol-hydration-label{color:var(--wc-blue);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;margin:0 0 .45rem;font-size:.64rem}.protocol-hydration-output h3{color:var(--white);font-family:var(--font-mono);margin:0 0 .7rem;font-size:1rem}.protocol-hydration-lead{max-width:76ch;color:var(--gray-100);margin:0 0 .85rem}.protocol-hydration-facts{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:0 0 .85rem;display:grid}.protocol-hydration-facts div{background:#7ba7c914;border:1px solid #f5f5f01f;min-width:0;padding:.62rem}.protocol-hydration-facts dt{color:var(--gray-500);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem}.protocol-hydration-facts dd{color:var(--white);font-family:var(--font-mono);overflow-wrap:anywhere;margin:.35rem 0 0;font-size:.7rem;line-height:1.35}.protocol-hydration-block{border:1px solid var(--gray-900);background:var(--black);min-height:180px;color:var(--gray-100);margin:0 0 .85rem;padding:1rem;overflow-x:auto}.protocol-hydration-block code{font-family:var(--font-mono);color:inherit;font-size:.8rem;line-height:1.65}.protocol-hydration-note{color:var(--gray-300);background:#c9a87b14;border:1px solid #c9a87b47;margin:0;padding:.8rem}.spec-body{max-width:70ch;color:var(--gray-300);line-height:1.75}.spec-body p{margin:0 0 1.1rem}.spec-body h2{font-family:var(--font-mono);color:var(--white);letter-spacing:-.01em;margin:2.75rem 0 .85rem;font-size:clamp(1.2rem,2.4vw,1.6rem);line-height:1.25}.spec-body h3{font-family:var(--font-mono);color:var(--white);margin:2rem 0 .65rem;font-size:1.05rem}.spec-body h4{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--wc-blue);margin:1.5rem 0 .5rem;font-size:.85rem}.spec-body ul,.spec-body ol{margin:0 0 1.2rem;padding-left:1.5rem}.spec-body li{margin-bottom:.4rem;line-height:1.7}.spec-body li>ul,.spec-body li>ol{margin:.4rem 0}.spec-body strong{color:var(--white);font-weight:700}.spec-body em{color:var(--gray-100);font-style:italic}.spec-body code{font-family:var(--font-mono);background:var(--gray-900);color:var(--wc-blue);border-radius:3px;padding:.12em .4em;font-size:.88em}.spec-body pre{font-family:var(--font-mono);color:var(--gray-100);background:var(--black);border:1px solid var(--gray-900);border-left:3px solid var(--wc-blue);white-space:pre;max-width:78ch;margin:1.25rem 0;padding:1rem 1.25rem;font-size:.8rem;line-height:1.65;overflow-x:auto}.spec-body pre code{color:inherit;font-size:inherit;background:0 0;border-radius:0;padding:0}.spec-body a{color:var(--wc-amber);text-underline-offset:3px;text-decoration:underline #c9a87b59}.spec-body a:hover{color:var(--white)}.spec-body table,.spec-table{border-collapse:collapse;width:100%;max-width:78ch;margin:1.5rem 0;font-size:.85rem}.spec-body th,.spec-table th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:var(--dark);color:var(--white);text-align:left;border:1px solid var(--gray-900);padding:.65rem .85rem;font-size:.7rem}.spec-body td,.spec-table td{border:1px solid var(--gray-900);color:var(--gray-300);vertical-align:top;padding:.7rem .85rem;line-height:1.55}.spec-body td code,.spec-table td code{font-size:.85em}.spec-nav-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin:1.5rem 0 0;display:grid}.spec-nav-card{border:var(--pixel-border);border-left:3px solid var(--wc-blue);background:var(--black);color:inherit;padding:1.4rem 1.5rem;text-decoration:none;display:block}.spec-nav-card:hover{border-color:var(--wc-blue);background:var(--wc-blue-light)}.spec-nav-card .spec-nav-card-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gray-500);margin-bottom:.6rem;font-size:.6rem}.spec-nav-card h3{font-family:var(--font-mono);color:var(--white);margin:0 0 .5rem;font-size:1.05rem}.spec-nav-card p{color:var(--gray-300);margin:0 0 .75rem;font-size:.88rem;line-height:1.6}.spec-nav-card .spec-nav-card-arrow{font-family:var(--font-mono);letter-spacing:.08em;color:var(--wc-blue);font-size:.7rem}.spec-prev-next{border-top:1px solid var(--gray-900);grid-template-columns:1fr 1fr;gap:1rem;margin:4rem 0 0;padding-top:2rem;display:grid}.spec-prev-next a{border:1px solid var(--gray-900);color:var(--gray-300);padding:1rem 1.25rem;text-decoration:none;transition:border-color .15s,color .15s;display:block}.spec-prev-next a:hover{border-color:var(--wc-blue);color:var(--white)}.spec-prev-next .spec-pn-direction{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--gray-500);margin-bottom:.35rem;font-size:.6rem}.spec-prev-next .spec-pn-title{font-family:var(--font-mono);color:var(--white);font-size:.95rem}.spec-prev-next .spec-pn-next{text-align:right}.spec-status{font-family:var(--font-mono);color:var(--gray-500);border-top:1px solid var(--gray-900);max-width:70ch;margin-top:3rem;padding-top:1.25rem;font-size:.78rem;line-height:1.7}@media (width<=640px){.protocol-hydration-grid,.protocol-hydration-facts,.spec-nav-grid,.spec-prev-next{grid-template-columns:1fr}.spec-prev-next .spec-pn-next{text-align:left}}@media (prefers-reduced-motion:reduce){.spec-breadcrumb a,.spec-prev-next a,.spec-callout a,.spec-body a{transition:none}}.spec-source-footer{max-width:var(--inner-max);border-top:1px solid var(--gray-900);margin:2rem auto 0;padding:2rem 2rem 4rem}.spec-source-footer p{color:var(--gray-500);font-family:var(--font-mono);margin:0;font-size:.8125rem;line-height:1.6}.spec-source-footer a{color:var(--wc-blue);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .15s}.spec-source-footer a:hover,.spec-source-footer a:focus-visible{border-bottom-color:var(--wc-blue)}.spec-source-footer time{color:var(--gray-500);font-variant-numeric:tabular-nums}