:root{--navy:#073852;--teal:#0ba3ad;--green:#507e2f;--gold:#d6b65d;--cream:#f4eedc;--paper:#fffef9;--red:#a8382c;--ink:#262a28;--line:#cfc7ad}
*{box-sizing:border-box}
body{margin:0;background:#dfd8c6;color:var(--ink);font-family:Verdana,Geneva,sans-serif;font-size:15px;line-height:1.55}
a{color:inherit}
.skip{position:fixed;top:-80px;left:10px;z-index:30;background:#fff;border:2px solid var(--navy);padding:10px}.skip:focus{top:10px}
.utility{background:var(--navy);color:#fff;font-size:11px;text-transform:uppercase}.utility>div{width:min(1040px,100%);margin:auto;display:flex;justify-content:space-between;padding:7px 24px}
.site-head{width:min(1040px,100%);margin:auto;background:var(--paper);border-left:1px solid #c8c0aa;border-right:1px solid #c8c0aa;padding:22px 24px 0;display:flex;justify-content:space-between;align-items:end;gap:25px}
.brand{text-decoration:none;display:grid;grid-template-columns:auto auto auto;align-items:baseline;color:var(--navy);font-family:"Arial Narrow",Verdana,sans-serif;font-size:32px;font-weight:800;line-height:.9}.brand b{color:var(--teal);font-size:39px}.brand small{grid-column:1/-1;font-size:10px;letter-spacing:0;text-transform:uppercase;color:#666;margin-top:8px}
.site-head nav{display:flex;background:var(--green);color:#fff;border:1px solid #365920;border-bottom:0}.site-head nav a{padding:11px 13px;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:700;border-right:1px solid rgba(255,255,255,.25)}.site-head nav a:hover{background:var(--navy)}
.page-shell{width:min(1040px,100%);margin:auto;background:var(--paper);border:1px solid #c8c0aa;border-top:5px solid var(--green);box-shadow:0 8px 20px rgba(48,40,20,.15)}
.hero{padding:34px;display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;background:linear-gradient(#fff,#f5f0df);border-bottom:1px solid var(--line)}
.hero-copy{padding:12px 0}.stamp,.overline{font-size:10px;color:var(--red);font-weight:800;text-transform:uppercase;margin:0 0 11px}.hero h1{font-family:Georgia,serif;color:var(--navy);font-size:42px;line-height:1.05;margin:0 0 18px;font-weight:400}.hero-copy>p:not(.stamp){font-size:16px}.hero-copy>a,.history-copy>a{display:inline-block;background:var(--red);color:#fff;padding:11px 13px;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:800;border-bottom:3px solid #74251c}.hero figure{margin:0;background:#fff;border:1px solid var(--gold);padding:7px}.hero figure img{display:block;width:100%;height:250px;object-fit:cover;object-position:left top}.hero figcaption{padding:6px 3px 1px;font-size:10px;color:#65655e}
.reference-desk{margin:0 24px 48px;border:1px solid #aaa184;border-top:0;background:#fff}.desk-heading{display:grid;grid-template-columns:auto 1fr auto;align-items:center;background:var(--navy);color:#fff;min-height:68px}.desk-heading>span{align-self:stretch;display:flex;align-items:center;background:var(--gold);color:var(--navy);padding:0 14px;font-weight:900;font-size:12px}.desk-heading>div{padding:9px 16px}.desk-heading p{margin:0;color:#aee3e6;font-size:10px;text-transform:uppercase}.desk-heading h2{margin:2px 0;font-family:Georgia,serif;font-size:24px;font-weight:400}.desk-heading>a{margin-right:14px;color:#fff;font-size:11px;text-transform:uppercase;font-weight:700}
.reference-desk ol{counter-reset:records;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);max-height:330px;overflow-y:auto;scrollbar-color:var(--green) #e9e3d2}.reference-desk li{counter-increment:records;display:grid;grid-template-columns:36px 1fr;min-height:62px;border-right:1px dotted var(--line);border-bottom:1px dotted var(--line);padding:10px 12px}.reference-desk li:before{content:counter(records,decimal-leading-zero);font-family:Georgia,serif;color:var(--red);font-size:11px;padding-top:2px}.reference-desk li a{text-decoration:none;font-family:Georgia,serif;font-size:15px;line-height:1.3;overflow-wrap:anywhere}.reference-desk li a:hover{text-decoration:underline;color:var(--red)}
.formula-intro{padding:10px 36px 60px;display:grid;grid-template-columns:100px 1.25fr .75fr;gap:30px}.formula-label{border-right:1px solid var(--line);display:flex;flex-direction:column;color:var(--navy)}.formula-label span{font-size:10px;font-weight:800}.formula-label b{font-family:Georgia,serif;font-size:58px;font-weight:400}.formula-intro h2,.history-copy h2{font-family:Georgia,serif;font-size:34px;line-height:1.15;color:var(--navy);margin:0 0 16px}.formula-intro aside{background:var(--cream);border-top:5px solid var(--gold);padding:18px}.formula-intro aside h3{font-family:Georgia,serif;color:var(--red);margin:0 0 9px}.formula-intro aside p{font-size:12px;margin:0}
.record-band{background:var(--green);color:#fff;display:grid;grid-template-columns:repeat(3,1fr);padding:0 30px}.record-band div{padding:25px;border-right:1px solid rgba(255,255,255,.27);display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.record-band div:last-child{border-right:0}.record-band span{font-family:Georgia,serif;font-size:45px;color:#f3d885}.record-band p{font-size:11px;text-transform:uppercase;margin:0}
.history-layout{display:grid;grid-template-columns:1fr 1fr;gap:42px;padding:60px 36px}.history-copy p{font-family:Georgia,serif;font-size:16px}.clip{background:#e9dfc6;border:1px solid var(--gold);padding:8px;align-self:start}.clip img{width:100%;display:block;max-height:350px;object-fit:cover;object-position:left top}.clip p{margin:8px 6px 4px;font-size:10px;color:#625d51}
.notice{margin:0 36px 55px;border:2px solid var(--red);background:#fff8e8;padding:16px 18px}.notice strong{display:block;color:var(--red);text-transform:uppercase;font-size:12px}.notice p{margin:6px 0 0;font-size:11px}
footer{width:min(1040px,100%);margin:0 auto;background:var(--navy);color:#fff;padding:28px 26px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px}.footer-brand{font-weight:800}.footer-brand::first-letter{color:var(--teal)}footer p{margin:0;color:#bfd5dd;font-size:12px}footer nav{display:flex;gap:14px}footer nav a{text-transform:uppercase;font-size:10px}
.inner{width:min(880px,calc(100% - 40px));margin:55px auto 80px}.inner .crumb{font-size:10px;text-transform:uppercase;color:var(--red);font-weight:800}.inner h1{font-family:Georgia,serif;color:var(--navy);font-size:48px;line-height:1.05;font-weight:400}.inner h2{font-family:Georgia,serif;color:var(--green);font-size:29px;margin-top:42px}.inner p,.inner li{font-family:Georgia,serif;font-size:17px}.library-list{list-style:none;padding:0;border-top:6px solid var(--navy);counter-reset:lib;display:grid;grid-template-columns:repeat(2,1fr)}.library-list li{counter-increment:lib;display:grid;grid-template-columns:42px 1fr;padding:16px 12px;border-bottom:1px dotted var(--line)}.library-list li:before{content:counter(lib,decimal-leading-zero);font-size:11px;color:var(--red)}.library-list a{text-decoration:none;font-family:Georgia,serif;font-size:16px;line-height:1.35}.library-list a:hover{color:var(--red);text-decoration:underline}
@media(max-width:820px){.site-head{align-items:start;flex-direction:column;padding-bottom:0}.site-head nav{width:100%;overflow-x:auto}.site-head nav a{flex:0 0 auto}.hero{grid-template-columns:1fr}.hero figure{order:-1}.formula-intro{grid-template-columns:70px 1fr}.formula-intro aside{grid-column:2}.record-band div{grid-template-columns:1fr}.history-layout{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}}
@media(max-width:520px){.utility>div{padding:6px 12px}.utility span:last-child{display:none}.site-head{padding:17px 12px 0}.brand{font-size:25px}.brand b{font-size:31px}.hero{padding:22px 14px}.hero h1{font-size:35px}.hero figure img{height:190px}.reference-desk{margin:0 10px 40px}.desk-heading{grid-template-columns:auto 1fr}.desk-heading>a{grid-column:1/-1;margin:0;padding:9px 14px;background:#0c4e6d}.reference-desk ol{grid-template-columns:1fr;max-height:360px}.formula-intro{padding:0 17px 46px;grid-template-columns:1fr}.formula-label{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:baseline;gap:10px}.formula-intro aside{grid-column:auto}.record-band{grid-template-columns:1fr;padding:0 18px}.record-band div{grid-template-columns:70px 1fr;border-right:0;border-bottom:1px solid rgba(255,255,255,.27);padding:18px 0}.history-layout{padding:44px 17px}.notice{margin:0 17px 40px}.library-list{grid-template-columns:1fr}.inner h1{font-size:39px}}
