@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#143d38;--paper:#f6f5f0;--line:#d9ded5;--muted:#62716b;--accent:#ce542f;--white:#fff;--soft:#e8ede5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ce542f;outline-offset:5px}header{min-height:106px;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ink);color:#fff}.brand{font-family:'Manrope',sans-serif;font-size:31px;font-weight:800;letter-spacing:4px;line-height:1.2}.brand span{display:block;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:500;letter-spacing:2px;margin-top:9px}.header-location{font-size:14px;color:#c4d2ca}.header-tool{border:1px solid #68837a;border-radius:6px;padding:12px 18px;font-size:14px}.header-tool span{margin-left:16px}nav{display:flex;gap:30px;padding:0 5%;min-height:61px;align-items:center;border-bottom:1px solid var(--line);background:var(--paper);overflow-x:auto;scrollbar-width:thin}nav a{padding:19px 0;white-space:nowrap;font-size:14px;color:var(--muted);border-bottom:3px solid transparent}nav a.active{color:var(--ink);border-color:var(--accent);font-weight:700}main{max-width:1320px;padding:42px 5% 72px;margin:auto;min-height:65vh}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.2}h1{font-size:clamp(30px,3.6vw,48px);letter-spacing:-1.8px;margin:12px 0}h2{font-size:24px;letter-spacing:-.6px;margin:0}h3{font-size:21px;letter-spacing:-.5px;margin:10px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.intro{display:flex;justify-content:space-between;gap:32px;align-items:center;margin-bottom:32px}.intro p{color:var(--muted);margin:10px 0 0}.edition{font-size:13px;border-left:1px solid var(--line);padding-left:28px;max-width:195px;color:var(--muted)}.search-zone{background:var(--ink);border-radius:12px;padding:30px 34px;color:white;display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:28px}.search-zone h2{font-size:27px}.search-zone p{font-size:14px;color:#c4d2ca;margin:8px 0 0}.searchbox{display:flex;align-items:center;gap:12px;background:white;color:var(--ink);border-radius:7px;padding:0 18px;min-height:60px}.searchbox input{width:100%;border:0;background:transparent;padding:18px 0;outline:none;color:var(--ink);min-width:0}.searchbox:focus-within{outline:3px solid #e4b586;outline-offset:3px}.searchbox button{border:0;background:transparent;cursor:pointer;padding:8px;color:var(--ink);font-size:21px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:34px 0 18px}.section-heading span{font-size:13px;color:var(--muted)}.quicklinks{display:flex;flex-wrap:wrap;gap:10px}.quicklinks a{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);padding:13px 20px;border-radius:6px;font-size:14px;font-weight:600}.quicklinks a:hover{border-color:var(--ink);background:var(--soft)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:9px;background:#fff;padding:24px;min-height:196px;display:flex;flex-direction:column;transition:transform .18s,border-color .18s}.card:hover{border-color:var(--ink);transform:translateY(-3px)}.card p{color:var(--muted);font-size:15px;margin:0;max-width:290px}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.icon{width:42px;height:42px;border-radius:50%;background:var(--soft);display:grid;place-items:center}.icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.card-arrow{font-size:22px}.card.featured{background:#e8ede2;border-color:#d4ddca}.card.featured .icon{background:#fff}.bottom-note{margin-top:28px;padding:20px 0;border-top:1px solid var(--line);display:flex;gap:12px;align-items:flex-start;color:var(--muted);font-size:14px}.bottom-note strong{color:var(--ink)}.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:22px}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}.page-header{max-width:750px;margin-bottom:28px}.page-header p{color:var(--muted);font-size:17px}.status{font-size:12px;border:1px solid #ddd9ce;border-radius:4px;color:#736b55;padding:4px 8px;display:inline-block;background:#f9f6ed;font-weight:500}.topic-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.topic{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;display:flex;gap:16px;align-items:center}.topic:hover{border-color:var(--ink);background:#fcfdf9}.topic .number{font-size:13px;color:var(--muted);align-self:flex-start;padding-top:4px}.topic h3{font-size:18px;margin:0 0 10px}.topic .arrow{margin-left:auto;font-size:22px}.detail-layout{display:grid;grid-template-columns:2fr 1fr;gap:28px}.content-panel{background:white;border:1px solid var(--line);border-radius:9px;padding:30px}.content-panel h2{font-size:21px}.content-panel>p{color:var(--muted)}details{border-top:1px solid var(--line);padding:19px 0}details:last-child{padding-bottom:0}summary{font-weight:600;cursor:pointer}details p{color:var(--muted);font-size:15px;margin-bottom:0}.aside{background:var(--soft);border-radius:9px;padding:26px;align-self:start}.aside h3{margin-top:0}.aside p{font-size:15px;color:var(--muted)}.text-link{font-weight:700;text-decoration:underline;text-underline-offset:4px;display:inline-block;margin-top:12px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:26px;display:flex;flex-direction:column;min-height:230px}.tool-card p{color:var(--muted);font-size:15px;flex:1}.tool-card button{padding:12px;border:1px solid var(--line);background:#f0f1ed;color:#67716b;border-radius:5px;text-align:left;font-size:14px;cursor:not-allowed}.unit-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.unit-strip div{padding:19px;border:1px solid var(--line);border-radius:6px;font-size:16px;background:#fff}.unit-strip small{display:block;font-size:12px;color:var(--muted);margin-top:8px}.search-results{padding-top:24px}.search-results h2{margin-bottom:18px}.empty{border:1px dashed var(--line);border-radius:8px;padding:28px}.empty p{color:var(--muted)}footer{padding:28px 5%;border-top:1px solid var(--line);display:flex;gap:24px;align-items:center;color:var(--muted);font-size:12px}footer p{font-size:14px}.footer-brand{font-family:'Manrope',sans-serif;font-size:18px;letter-spacing:2px;font-weight:800;color:var(--ink)}footer>span{margin-left:auto} @media(max-width:850px){.header-location,.edition{display:none}.grid{grid-template-columns:repeat(2,1fr)}.search-zone{grid-template-columns:1fr;gap:18px}.detail-layout{grid-template-columns:1fr}.unit-strip{grid-template-columns:1fr 1fr}footer{flex-wrap:wrap}footer>span{margin-left:0;width:100%}}@media(max-width:520px){header{padding:20px 6%;min-height:90px;gap:14px}.brand{font-size:23px;letter-spacing:2px}.brand span{font-size:9px;letter-spacing:1px}.header-tool{font-size:12px;padding:10px}.header-tool span{margin-left:5px}nav{padding:0 6%;gap:24px;min-height:56px}nav a{padding:16px 0}main{padding:28px 6% 44px}h1{font-size:32px;letter-spacing:-1px}.intro{margin-bottom:24px}.intro p{font-size:15px}.search-zone{padding:23px 20px}.search-zone h2{font-size:25px}.search-zone p{display:none}.searchbox{padding:0 12px;min-height:55px}.searchbox input{font-size:15px}.section-heading{margin-top:28px}.section-heading h2{font-size:21px}.section-heading span{display:none}.quicklinks{gap:8px}.quicklinks a{padding:12px 14px}.grid{gap:11px}.card{padding:18px 15px;min-height:198px}.card h3{font-size:18px}.card p{font-size:14px}.card-top{margin-bottom:7px}.icon{width:36px;height:36px}.topic-list{grid-template-columns:1fr}.content-panel{padding:22px}.unit-strip{grid-template-columns:1fr 1fr}.unit-strip div{font-size:14px;padding:14px}footer{padding:25px 6%;gap:8px 20px}footer p{margin:0}.tool-card{padding:21px}.tools-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Official unit logos retain their original proportions and colors. */
.brand-logos{display:flex;align-items:center;gap:18px;flex-shrink:0}
.brand-logos img{display:block;width:clamp(120px,12vw,160px);height:auto;object-fit:contain}
.unit-logo{display:block;width:100%;max-width:210px;height:auto;object-fit:contain;margin:0 auto 14px}
@media(max-width:1000px){.intro{flex-wrap:wrap}.brand-logos{gap:20px}}
@media(max-width:520px){.intro{gap:22px}.brand-logos{width:100%;gap:18px}.brand-logos img{width:calc((100% - 18px)/2);max-width:170px}}
