:root{--canvas:#F2F4F7;--surface:#FFFFFF;--ink:#222629;--muted:#4A5460;
--navy:#1F3F66;--panel:#F4F7FA;--edge:#C9D2DC;--rule:#E1E6EB}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--canvas);color:var(--ink);font:15px/1.55 Verdana,Geneva,sans-serif}
a{color:var(--navy)}
a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.skip{position:absolute;left:-9999px}
.skip:focus{position:static;display:block;padding:8px;background:var(--navy);color:#fff}
.shell{max-width:1080px;margin:0 auto;background:var(--surface);border:1px solid var(--edge)}
.bar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
padding:12px 16px;border-bottom:1px solid var(--edge);flex-wrap:wrap}
.mark a{text-decoration:none}
.mark-name{display:block;font:26px/1.2 Georgia,'Times New Roman',serif;color:var(--navy)}
.mark-line{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.util{display:flex;gap:12px;flex-wrap:wrap;font-size:12px}
.alpha{border-bottom:1px solid var(--edge);padding:6px 16px;display:flex;
align-items:center;gap:12px}
.alpha-label{font:11px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;
letter-spacing:.09em;color:var(--muted);white-space:nowrap}
.alpha-grid{display:grid;grid-template-columns:repeat(26,1fr);gap:2px;flex:1}
.alpha-grid a{display:block;text-align:center;line-height:32px;height:34px;
border:1px solid var(--edge);font-size:13px;font-weight:700;text-decoration:none;
color:var(--navy);background:var(--surface)}
.alpha-grid a:hover{background:var(--panel)}
.panel{background:var(--panel);border:1px solid var(--edge);border-top:2px solid var(--navy);
margin:16px;padding:16px}
.panel-label{margin:0 0 6px;font:11px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;
letter-spacing:.09em;color:var(--muted)}
.panel-term{margin:0 0 8px;font:30px/1.2 Georgia,'Times New Roman',serif;color:var(--ink)}
.panel p{margin:0 0 8px;font-size:16px}
.panel-deck{border-top:2px solid var(--navy);margin:0 0 16px}
.source{font-size:12px;color:var(--muted);margin:8px 0 0}
.cols{display:grid;grid-template-columns:300px 1fr;gap:24px;padding:0 16px 16px;
align-items:start}
.finder .box{border:1px solid var(--edge);border-top:2px solid var(--navy);
padding:10px 12px;margin:0 0 12px}
.finder h2{margin:0 0 6px;font:13px/1.3 Arial,Helvetica,sans-serif;text-transform:uppercase;
letter-spacing:.07em;color:var(--muted)}
.topics{list-style:none;margin:0;padding:0;font-size:13px;columns:1}
.topics li{padding:2px 0;border-bottom:1px solid var(--rule)}
.topics li:last-child{border-bottom:0}
.recap{display:grid;grid-template-columns:repeat(9,1fr);gap:2px}
.recap a{display:block;text-align:center;line-height:24px;border:1px solid var(--edge);
font-size:12px;text-decoration:none}
.boxnote{margin:0;font-size:12px;color:var(--muted)}
.body{min-width:0}
.band-title{margin:16px 0 6px;font:18px/1.3 Georgia,'Times New Roman',serif;
border-bottom:2px solid var(--navy);padding-bottom:4px}
.band-title .count{font:12px/1 Verdana,sans-serif;color:var(--muted)}
.ledger{list-style:none;margin:0;padding:0}
.row{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:8px 0;
border-bottom:1px solid var(--rule)}
.row-title{grid-column:1;font-size:16px;font-weight:700;text-decoration:none}
.row-title:hover{text-decoration:underline}
.row-gloss{grid-column:1;font-size:14px;color:var(--muted)}
.row-label{grid-column:2;grid-row:1;font:11px/1.4 Arial,Helvetica,sans-serif;
text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap}
.band-more{font-size:13px;margin:10px 0 0}
.recent h2,.note h2{margin:20px 0 6px;font:18px/1.3 Georgia,serif;
border-bottom:2px solid var(--navy);padding-bottom:4px}
.recentlist{list-style:none;margin:0;padding:0;font-size:14px}
.recentlist li{display:flex;gap:10px;padding:4px 0;border-bottom:1px solid var(--rule)}
.when{color:var(--muted);font-size:12px;min-width:130px}
.note p{font-size:14px;margin:6px 0 0}
.crumbs{font-size:12px;margin:12px 0 8px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.crumbs li+li::before{content:"\203A";margin-right:6px;color:var(--muted)}
h1{margin:0 0 6px;font:30px/1.22 Georgia,'Times New Roman',serif}
article h1{font-size:30px}
.meta{margin:0 0 12px;font-size:12px;color:var(--muted)}
.lede{font-size:15px;color:var(--muted);margin:0 0 12px}
.prose{max-width:660px}
.prose p{margin:0 0 12px;font-size:16px;line-height:1.62}
.adjacent{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;
border-top:1px solid var(--edge);margin-top:20px;padding-top:10px;font-size:13px}
.yearnav{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 12px}
.yearnav a{border:1px solid var(--edge);padding:3px 8px;font-size:12px;text-decoration:none}
.tablewrap{overflow-x:auto}
table.dir{border-collapse:collapse;width:100%;font-size:14px}
table.dir caption{text-align:left;font-size:11px;text-transform:uppercase;
letter-spacing:.07em;color:var(--muted);padding:4px 0}
table.dir th,table.dir td{border-bottom:1px solid var(--rule);padding:5px 8px;
text-align:left;vertical-align:top}
table.dir thead th{border-bottom:1px solid var(--edge);font-size:11px;
text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
table.dir th[scope=row]{font-weight:700;width:55%}
td.mono{font-family:'Courier New',Courier,monospace;white-space:nowrap}
.families{list-style:none;margin:0;padding:0;font-size:13px;
columns:2;column-gap:24px}
.families li{padding:2px 0;border-bottom:1px solid var(--rule);break-inside:avoid}
.plain{margin:0;padding:0 0 0 18px;font-size:14px}
.plain li{padding:3px 0}
.iv li{border-bottom:1px solid var(--rule);list-style:none;margin-left:-18px}
.bookentry{border-top:1px solid var(--edge);margin-top:18px;padding-top:10px}
.bookentry h2{margin:0 0 4px;font:20px/1.3 Georgia,serif}
.colophon{border-top:1px solid var(--edge);padding:16px;background:var(--surface)}
.colo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.colo-grid h2{margin:0 0 4px;font:11px/1.3 Arial,Helvetica,sans-serif;
text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.colo-grid p{margin:0;font-size:13px;color:var(--muted);
border-top:1px solid var(--rule);padding-top:6px}
.copyline{margin:14px 0 0;font-size:12px;color:var(--muted);
border-top:1px solid var(--rule);padding-top:8px}
@media (max-width:860px){
.shell{border-left:0;border-right:0}
.alpha{display:block;padding:6px 0 6px 12px}
.alpha-label{display:block;margin-bottom:4px}
.alpha-grid{display:flex;overflow-x:auto;gap:4px;padding-bottom:4px}
.alpha-grid a{flex:0 0 44px;height:44px;line-height:42px}
.cols{grid-template-columns:1fr;gap:16px}
.finder{order:2}
.body{order:1}
.panel{margin:12px}
.panel-term{font-size:24px}
.row{grid-template-columns:1fr}
.row-label{grid-column:1;grid-row:auto}
.recentlist li{display:block}
.when{display:block;min-width:0}
.families{columns:1}
.colo-grid{grid-template-columns:1fr;gap:14px}
.recap{grid-template-columns:repeat(7,1fr)}
}