/* Measurement Kitchen legal pages: inspection sheets, porcelain surfaces, tomato controls and stainless document rails. */
:root{--paper:#fffdf8;--porcelain:#f3f1eb;--ink:#16202a;--steel:#b8bdc1;--tomato:#e84532;--herb:#4e8f63;--cobalt:#2357a5;--line:#c8c9c5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--porcelain);font:400 16px/1.58 "IBM Plex Sans",sans-serif}a{color:inherit;text-decoration:none}.legal-head{position:sticky;z-index:10;top:0;display:grid;grid-template-columns:1fr auto auto;min-height:68px;background:rgba(255,253,248,.97);border-bottom:1px solid var(--line)}.legal-brand{display:flex;align-items:center;gap:.65rem;padding:0 1.1rem}.legal-brand img{width:34px;height:34px}.legal-brand b{font:650 1.15rem "Fraunces",serif}.legal-contact,.legal-back{display:grid;place-items:center;padding:0 1.1rem;border-left:1px solid var(--line);font-size:.7rem;font-weight:600}.legal-contact{color:#fff;background:var(--tomato)}.legal-hero{display:grid;grid-template-columns:.23fr 1.25fr .6fr;min-height:430px;border-bottom:1px solid var(--line)}.batch-rail{display:grid;align-content:center;gap:1rem;padding:2rem;background:var(--steel)}.batch-rail i{display:block;width:12px;height:12px;border-radius:50%;background:var(--ink)}.batch-rail i:nth-child(3){background:var(--tomato)}.legal-title{display:flex;flex-direction:column;justify-content:center;padding:5rem 5vw;background:var(--paper)}.legal-title p{margin:0;color:var(--cobalt);font-size:.62rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.legal-title h1{max-width:850px;margin:1rem 0;font:650 clamp(3.6rem,7vw,7.5rem)/.86 "Fraunces",serif;letter-spacing:-.05em}.legal-title>span{max-width:720px;color:#59616a}.inspection-mark{display:grid;place-items:center;padding:2rem;background:#e0e4e3}.inspection-mark img{width:min(190px,60%);height:auto}.legal-layout{display:grid;grid-template-columns:.32fr 1fr;max-width:1450px;margin:0 auto;background:var(--paper);border-left:1px solid var(--line);border-right:1px solid var(--line)}.document-index{position:sticky;top:68px;align-self:start;min-height:calc(100vh - 68px);padding:2rem;background:var(--cobalt);color:#fff}.document-index p{font-size:.6rem;letter-spacing:.12em}.document-index a{display:block;padding:1rem 0;border-top:1px solid rgba(255,255,255,.35)}.legal-copy{padding:3rem 5vw}.legal-copy section{display:grid;grid-template-columns:90px 1fr;gap:2rem;padding:2.5rem 0;border-bottom:1px solid var(--line)}.legal-copy section>span{color:var(--tomato);font-weight:600}.legal-copy h2{margin:0 0 .7rem;font:650 clamp(1.8rem,3vw,3rem) "Fraunces",serif}.legal-copy p,.legal-copy li{max-width:780px}.legal-copy ul{padding-left:1.2rem}.legal-note{padding:1.4rem;border-left:6px solid var(--herb);background:#e4eee6}.legal-foot{display:grid;grid-template-columns:1fr auto auto;gap:2rem;padding:2rem 4vw;color:#fff;background:var(--ink)}.legal-foot nav{display:flex;gap:1rem;flex-wrap:wrap}.error-page{min-height:calc(100vh - 68px);display:grid;grid-template-columns:.65fr 1fr;background:var(--ink)}.error-number{display:grid;place-items:center;color:var(--ink);background:var(--tomato);font:650 clamp(9rem,24vw,22rem)/1 "Fraunces",serif}.error-copy{display:flex;flex-direction:column;justify-content:center;padding:5rem;color:#fff}.error-copy p:first-child{color:#a8c7ff;font-size:.62rem;letter-spacing:.12em}.error-copy h1{max-width:700px;margin:1rem 0;font:650 clamp(3rem,7vw,7rem)/.9 "Fraunces",serif}.error-copy a{width:max-content;margin-top:1rem;padding:1rem 1.2rem;color:var(--ink);background:var(--paper);font-weight:600}@media(max-width:800px){.legal-hero{grid-template-columns:42px 1fr}.inspection-mark{grid-column:1/-1;min-height:190px}.legal-layout{grid-template-columns:1fr}.document-index{position:static;min-height:auto}.legal-copy{padding:2rem 1rem}.legal-copy section{grid-template-columns:1fr;gap:.4rem}.legal-foot{grid-template-columns:1fr}.error-page{grid-template-columns:1fr}.error-number{min-height:300px}.error-copy{padding:4rem 1.2rem}}@media(max-width:520px){.legal-head{min-height:60px}.legal-brand b{font-size:1rem}.legal-contact,.legal-back{padding:0 .65rem}.legal-title{padding:4rem 1rem}.legal-title h1{font-size:3.35rem}.batch-rail{padding:.7rem}.legal-foot{padding:2rem 1rem}.error-copy h1{font-size:3.4rem}}
/* Contact is a normal legal-header route rather than an accent button. */
.legal-head .legal-contact{color:var(--ink)!important;background:transparent!important}
.legal-head .legal-contact:hover,.legal-head .legal-contact:focus-visible{background:#eef1f1!important}
