
:root{--navy:#13233f;--ink:#1f2937;--mute:#6b7280;--line:#e5e7eb;--bg:#f7f8fa;--accent:#1f7a5c;--accent2:#e6f3ee;--warn:#9a5b00;--warnbg:#fff6e5;--blue:#2b5ea7}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}
a{color:var(--blue)}button{font-family:inherit}
.wrap{max-width:1000px;margin:0 auto;padding:0 20px}
#nav{position:sticky;top:0;z-index:10;box-shadow:0 1px 0 var(--line)}.topbar{background:var(--navy);color:#fff}.tabbar{background:#fff;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:6px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.tab{font-size:14px;font-weight:600;color:var(--navy);text-decoration:none;padding:7px 14px;border-radius:8px;border:1px solid #cfd4dc;background:#fff}.tab:hover{background:#eef1f6;border-color:#9aa6b8}.tab.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.navin{display:flex;align-items:center;gap:16px;min-height:52px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.logo{color:#fff;text-decoration:none;display:flex;gap:8px;align-items:baseline}.logo b{font-size:17px}.logo span{font-size:13px;color:#c5cde0}
.links{display:none}.links a{color:#d6dcea;text-decoration:none;font-size:13.5px}.links a.on,.links a:hover{color:#fff;text-decoration:underline}
.lang{display:flex;border:1px solid rgba(255,255,255,.3);border-radius:999px;overflow:hidden;margin-left:auto}.lang button{background:none;border:0;color:#d6dcea;padding:3px 10px;font-size:12.5px;cursor:pointer}.lang button.on{background:#fff;color:var(--navy);font-weight:600}
.hero2{background:linear-gradient(180deg,#13233f,#1c3358);color:#fff;padding:28px 0 22px}
.hero2 h1{font-size:30px;line-height:1.15;margin:0 0 8px}.hero2 p{margin:0;color:#d6dcea;font-size:16px;max-width:720px}
.pick{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px}.pick label{font-weight:650}
.pick select,.pick input{font-size:15px;padding:9px 12px;border-radius:8px;border:0;min-width:200px}.pick input{flex:1;min-width:220px}
.jres{list-style:none;padding:0;margin:6px 0 0;background:#fff;border-radius:8px;max-width:620px}.jres li a{display:block;padding:7px 12px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.jres:empty{display:none}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;font-size:14px;color:#d6dcea}.facts div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px 12px}.facts b{color:#fff}
details.m{background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 18px;margin-top:10px}
details.m summary{list-style:none;cursor:pointer;padding:12px 24px 12px 0;display:flex;flex-direction:column;gap:2px;position:relative}
details.m summary::-webkit-details-marker{display:none}details.m summary::after{content:"+";position:absolute;right:0;top:9px;font-size:20px;color:var(--mute)}details.m[open] summary::after{content:"\2212"}
.mt{font-weight:650;color:var(--navy);font-size:15px}.ms{font-size:13.5px;color:var(--mute)}details.m p{margin:0 0 14px;font-size:14.5px}
.method details.m{border-radius:0;margin:0;border-width:0 0 1px}.method{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
section{padding:18px 0 4px}h2{font-size:20px;margin:0 0 10px;color:var(--navy)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.tile{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:3px}.tile:hover{border-color:var(--accent)}.tile b{color:var(--navy);font-size:15px}.tile span{font-size:13px;color:var(--mute)}
.yb{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-top:16px}.yb-h{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}.yb h2{margin:0}.yb h3{font-size:15.5px;margin:14px 0 4px}.yb h3 a{color:var(--navy)}
ul.cm{list-style:none;padding:0;margin:0}ul.cm li{padding:7px 0;border-bottom:1px solid #f0f1f3;display:flex;flex-direction:column}ul.cm li a{color:var(--navy);text-decoration:none}ul.cm li a:hover{text-decoration:underline}.cm-s{font-size:13px;color:var(--mute)}
.crumbs{font-size:13px;color:var(--mute);margin:16px 0 6px}.crumbs a{color:var(--mute)}
.ph1{font-size:27px;color:var(--navy);margin:2px 0 6px;line-height:1.2}.lede{color:#374151;margin:0 0 10px}
.fbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 4px}.fbar input[type=search],.fbar select{font-size:14.5px;padding:8px 11px;border:1px solid #cfd4dc;border-radius:8px;background:#fff}.fbar input[type=search]{flex:1;min-width:180px}.fbar input[type=checkbox]{margin:0;width:16px;height:16px}
label.tog{font-size:14px;display:inline-flex;gap:6px;align-items:center;cursor:pointer;flex:0 0 auto}
.hint{font-size:13px;color:var(--accent);background:var(--accent2);border-radius:6px;padding:5px 10px;display:inline-block;margin:6px 0 12px}
.pill{font-size:13.5px;border:1px solid #cfd4dc;background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer;color:var(--ink);text-decoration:none;display:inline-block}.pill.dark{background:var(--navy);border-color:var(--navy);color:#fff}
.race{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:16px;overflow:hidden}.race-h{padding:11px 16px;background:#eef1f6;font-weight:600;color:var(--navy)}.race .card{border:0;border-top:1px solid var(--line);border-radius:0;margin:0}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;transition:border-color .12s,box-shadow .12s}.card:hover{border-color:var(--accent);box-shadow:0 2px 10px rgba(31,122,92,.12)}.card-h{cursor:pointer}.expbtn{font-size:13.5px;font-weight:600;color:var(--blue);background:#eef3fb;border:1px solid #d4e0f3;border-radius:999px;padding:6px 12px;cursor:pointer;white-space:nowrap}.expbtn .hd{display:none}.card.open .expbtn .hd{display:inline}.card.open .expbtn .sd{display:none}.card.open{border-color:var(--accent)}.golink{font-size:13.5px;font-weight:600;color:var(--blue);white-space:nowrap}.kn{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#374151;margin-top:6px}.kn i{color:var(--mute);font-style:normal}.back{display:inline-block;margin-top:14px;font-size:14px;font-weight:600;color:var(--blue);text-decoration:none}.back:hover{text-decoration:underline}.h1a{color:var(--navy);text-decoration:none}.h1a:hover{text-decoration:underline}.arr{font-size:.6em;margin-left:6px;vertical-align:.35em;color:var(--accent)}.mhead2{display:flex;justify-content:space-between;align-items:center}.lnkbtn{background:none;border:0;color:var(--blue);font-size:14px;font-weight:600;cursor:pointer}.ah{font-size:15px;color:var(--navy);margin:16px 0 6px}.allnames{columns:3;column-gap:20px;list-style:none;padding:0;margin:0;font-size:14px}.allnames li{padding:3px 0;break-inside:avoid}.allnames a{color:var(--blue);text-decoration:none}.allnames a:hover{text-decoration:underline}.yb .card{margin-bottom:8px}
.card-h{display:flex;gap:12px;padding:14px 16px;cursor:pointer;align-items:flex-start}.card-h:hover{background:#fafbfc}.ch-main{flex:1;min-width:0}.ch-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.nm{font-weight:650;font-size:17px}.nmA{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.nmA:hover{text-decoration:underline}.tlink{font-size:12px;font-weight:500;color:var(--accent);text-decoration:none;border:1px solid #bfe0d2;border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:2px;white-space:nowrap}
.rl{font-size:13.5px;color:var(--mute)}.so{font-size:14px;color:#374151;margin-top:5px;line-height:1.45}
.badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.b{font-size:12px;padding:3px 9px;border-radius:999px;white-space:nowrap}.b.t{background:var(--accent2);color:var(--accent)}.b.n{background:#f3f4f6;color:#4b5563}.b.v{background:#eef3fb;color:var(--blue)}.b.r{background:#f5f0ff;color:#5b3fa0}
.cbtn{font-size:13.5px;font-weight:650;border:1.5px solid var(--accent);color:var(--accent);background:#fff;border-radius:999px;padding:6px 13px;cursor:pointer;white-space:nowrap}.cbtn.on{background:var(--accent);color:#fff}
.chev{color:#9ca3af;font-size:14px;transition:transform .15s}.card.open .chev{transform:rotate(180deg)}
.card-b{display:none;padding:4px 16px 16px;border-top:1px solid var(--line)}.card.open .card-b{display:block}
.acts{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;flex-wrap:wrap}.acts.left{justify-content:flex-start}
h4{margin:18px 0 6px;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}h5{font-size:14px;color:var(--accent);margin:12px 0 4px}
.kv{font-size:14.5px;margin:6px 0}.kv b{color:var(--navy)}
ul.rul{margin:0;padding-left:0;list-style:none;font-size:14.5px}ul.rul li{margin-bottom:10px;padding-left:12px;border-left:3px solid var(--line)}ul.rul li.hit{border-left-color:var(--accent);background:#f6fbf9}
.tp{display:inline-block;font-size:11.5px;background:#eef1f6;color:#374151;border-radius:4px;padding:1px 6px;margin-right:6px}.oc{display:inline-block;font-size:11.5px;border-radius:4px;padding:1px 6px;margin-left:4px;background:#f3f4f6;color:#4b5563}
.lnk{font-size:13px;white-space:nowrap}.an{font-size:12px;color:var(--mute);font-style:italic}
.tr{background:#fbfdfc;border:1px solid #d5e9e0;border-radius:10px;padding:12px 14px;margin-top:6px}.take{font-size:14.5px;margin:0 0 6px}
.tr-h{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--mute);margin:10px 0 4px}
.met{display:grid;grid-template-columns:190px 1fr;gap:4px 12px;font-size:14px;align-items:center;margin:6px 0}.bars{display:flex;flex-direction:column;gap:3px}
.bar{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#4b5563}.bar i{display:block;height:8px;border-radius:4px;background:var(--accent)}.bar.c i{background:#9ca3af}.bar.s i{background:#cbd5e1}.bar span{min-width:150px}
table.mo{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:8px}table.mo th{text-align:left;font-weight:600;color:var(--mute);border-bottom:1px solid var(--line);padding:5px 4px}table.mo td{border-bottom:1px solid #f0f1f3;padding:5px 4px}
.note{font-size:13px;color:var(--warn);background:var(--warnbg);border-radius:6px;padding:6px 10px;margin-top:8px}
.muted{color:var(--mute);font-size:14px}.rnote{font-size:12.5px;color:var(--mute);margin-top:2px}
.recs{list-style:none;padding:0;margin:4px 0 0;font-size:14px}.recs li{display:flex;gap:8px;align-items:baseline;padding:4px 0;border-bottom:1px solid #f0f1f3}
.vy,.vn{font-size:12px;font-weight:700;border-radius:4px;padding:1px 7px;min-width:34px;text-align:center}.vy{background:#e6f3ee;color:#1f7a5c}.vn{background:#fdecec;color:#a33}.ln{color:var(--mute);font-size:12.5px}
.src{font-size:13px;color:var(--mute);margin-top:14px}.src a{margin-right:10px}
.jp .lead{font-size:16.5px;color:#374151;max-width:760px;margin:6px 0 10px}
.onb{background:#eef3fb;border:1px solid #d4e0f3;border-radius:10px;padding:10px 14px;margin:14px 0 4px;font-size:14.5px}
.callout{background:var(--warnbg);border:1px solid #f2d39b;border-radius:10px;padding:12px 16px;font-size:14px}.callout b{color:var(--warn)}
.press{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 22px;font-size:14.5px}.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.empty{padding:20px;text-align:center;color:var(--mute)}
footer{padding:26px 0 100px;color:var(--mute);font-size:13px}
.tray{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;background:var(--accent);color:#fff;border-radius:14px;padding:10px 12px 10px 16px;display:none;gap:10px;align-items:center;z-index:20;box-shadow:0 8px 24px rgba(0,0,0,.28);font-size:14px;max-width:94vw;flex-wrap:wrap}
.tray.show{display:flex}.tchipN{background:rgba(255,255,255,.18);border-radius:999px;padding:3px 10px;font-size:13px}.tray button{border:0;border-radius:999px;padding:7px 14px;font-size:14px;cursor:pointer}.tray .go{background:#fff;color:var(--accent);font-weight:700}.tray .clr{background:transparent;color:#e6f3ee}
.modal{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;z-index:30;padding:30px 16px;overflow:auto}.modal.show{display:block}
.mbox{background:#fff;border-radius:12px;max-width:1100px;margin:0 auto;padding:18px 20px}.mh{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
table.cmpT{width:100%;border-collapse:collapse;font-size:13.5px;table-layout:fixed}table.cmpT th,table.cmpT td{border-bottom:1px solid var(--line);padding:8px;vertical-align:top;text-align:left}table.cmpT th.rh{width:160px;color:var(--mute);font-weight:600}table.cmpT thead th{font-size:15px}
.toast{position:fixed;top:60px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;padding:8px 14px;border-radius:8px;font-size:14px;display:none;z-index:40}
.seob{position:fixed;left:14px;bottom:16px;z-index:21;background:#fff;border:1px solid #cfd4dc;border-radius:999px;padding:7px 13px;font-size:13px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.seop{position:fixed;left:14px;bottom:60px;width:420px;max-width:92vw;max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);z-index:22;padding:14px 16px;display:none;font-size:13px}.seop.show{display:block}
.seop h3{margin:0 0 8px;font-size:14.5px;color:var(--navy);display:flex;justify-content:space-between}.seop dt{font-weight:650;color:var(--mute);margin-top:8px}.seop dd{margin:2px 0 0}
.serp{border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-family:arial,sans-serif}.su{color:#202124;font-size:12.5px}.st{color:#1a0dab;font-size:17px;line-height:1.3;margin:2px 0}.sd{color:#4d5156;font-size:13px}
#printview{display:none}
@media print{body{background:#fff}body>*:not(#printview){display:none!important}#printview{display:block;font-size:11.5pt;color:#000}#printview h1{font-size:18pt;margin:0}#printview h2{font-size:13pt;margin:16px 0 6px;border-bottom:1px solid #000}#printview table{width:100%;border-collapse:collapse}#printview td{border-bottom:1px solid #bbb;padding:5px 4px;vertical-align:top}#printview .sm{font-size:9.5pt;color:#333}#printview .notes{border-bottom:1px solid #999;width:30%}#printview tr{page-break-inside:avoid}}
@media(max-width:720px){.allnames{columns:1}.tab{padding:6px 10px;font-size:13px}.facts{grid-template-columns:1fr}.hero2 h1{font-size:24px}.met{grid-template-columns:1fr}.links{display:none}.logo span{display:none}.card-h{flex-wrap:wrap}.ch-side{flex-direction:row;width:100%;justify-content:space-between}}
