:root{--navy:#12283f;--teal:#087f87;--cream:#f5f4ee;--ink:#233745}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:22px 6%;border-bottom:1px solid #d9dedc;background:white}a{color:var(--teal)}.brand{text-decoration:none;font-size:30px;font-weight:800;color:var(--navy)}.brand span{color:var(--teal)}.brand small{display:block;font-size:10px;letter-spacing:3px}nav{display:flex;gap:24px}main{max-width:1120px;margin:auto;padding:0 26px}.hero{padding:70px 0 35px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:var(--teal)}h1{font-size:clamp(38px,5vw,66px);line-height:1.08;letter-spacing:-2px;color:var(--navy);margin:24px 0}h1 em{font-style:normal;color:var(--teal)}h2{font-size:30px;line-height:1.25;color:var(--navy)}.hero p{font-size:20px;max-width:630px}.metrics{display:flex;gap:50px;margin-top:35px;font-size:13px}.metrics strong{display:block;font-size:30px;color:var(--navy)}.notice{border-left:4px solid var(--teal);background:#e5efec;padding:20px 24px}.notice p{margin:6px 0 0;font-size:14px}section{margin-bottom:50px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-top:45px;gap:16px}.filters{display:grid;grid-template-columns:1fr 1fr 2fr;gap:18px}label{font-weight:650;font-size:13px}input,select{display:block;margin-top:6px;padding:13px;border:1px solid #a9bab9;border-radius:6px;background:white;font:inherit;width:100%;color:var(--ink)}button,.button{border:1px solid var(--teal);background:var(--teal);color:white;border-radius:6px;padding:11px 16px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#06686e}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bd7c20;outline-offset:3px}.record{background:white;border:1px solid #dce2df;border-radius:10px;margin:22px 0;padding:26px}.record h3{font-size:21px;margin:12px 0}.meta{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.5px;color:var(--teal);font-weight:700}.context{padding:12px;background:var(--cream);font-size:14px}.badge{display:inline-block;border:1px solid #c5d5cf;background:#eef3f0;padding:3px 8px;border-radius:4px;font-size:12px}.tablewrap{overflow:auto;max-height:350px;margin-top:16px}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;background:#edf2f0;position:sticky;top:0}td,th{padding:10px;border-bottom:1px solid #e1e6e3}td button{padding:4px 10px;font-size:12px}tr:hover{background:#f8faf9}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:30px;border-top:1px solid #cbd6d1}.principles span{color:var(--teal);font-size:12px;font-weight:bold}.next{background:var(--navy);color:white;padding:35px;border-radius:12px}.next h2{color:white}footer{padding:35px 6%;border-top:1px solid #cbd6d1;font-size:13px}dialog{max-width:700px;width:calc(100% - 32px);max-height:90vh;border:0;border-radius:12px;padding:28px;color:var(--ink)}dialog::backdrop{background:#12283fbf}#close{float:right}#detailContent{clear:both;padding-top:10px}.empty{padding:35px;text-align:center;background:white} @media(max-width:650px){header{padding:18px 22px}nav{gap:12px;font-size:12px}.filters,.principles{grid-template-columns:1fr}.metrics{gap:24px}.sectionhead{display:block}.sectionhead button{margin-bottom:15px}.hero{padding-top:45px}.record{padding:18px}.meta{flex-wrap:wrap}main{padding:0 18px}}@media print{header,nav,.filters,button,.next,footer{display:none}.tablewrap{max-height:none;overflow:visible}body{background:white}}