:root{--bg:#fff;--tx:#111;--teal:#1e8a9b;--bar:#2b7f8e;--bar2:#3f95a4;--row:#d8eef2;--head:#c4e1e7;--mut:#4a7a85;--grn:#a8cc22;--grnTx:#5b7a0a;--line:#bcd6dc}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#13262b;--tx:#e6f0f2;--row:#1c3a42;--head:#234a54;--mut:#8fbcc6;--line:#2f5560;--teal:#6fd0e0}}
*{box-sizing:border-box}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--tx);font:12px/1.15 Arial,Helvetica,sans-serif;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
a{color:inherit;text-decoration:none}
.wrap{max-width:970px;margin:0 auto}
.top{background:var(--bar);height:36px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;color:#fff;font-weight:bold;font-size:12px;border-bottom:1px solid #1d6370}
.top nav a{margin-right:16px;letter-spacing:.2px}.top nav a.on{text-decoration:underline}
.logo{height:84px;background:linear-gradient(#58a9b9,#6dbac8);position:relative;overflow:hidden}
.logo b{position:absolute;left:2px;top:10px;font:bold 66px/1 Arial Narrow,Arial,sans-serif;letter-spacing:-4px;color:#1d5b69;transform:scaleX(.8);transform-origin:left}
.logo i{position:absolute;left:130px;top:4px;color:#2f8a99;font-style:normal;font-size:17px;letter-spacing:8px}
.logo form{position:absolute;right:10px;bottom:6px;display:flex;gap:4px}
.logo input{width:316px;height:20px;border:1px solid #2b7f8e}
.logo button{background:#2b7f8e;color:#fff;border:0;font-weight:bold;padding:0 11px}
.last{background:var(--grn);height:46px;display:flex;align-items:center;border-bottom:2px solid #8fb01a;color:var(--grnTx);font-weight:bold;font-size:15px;overflow:hidden}
.last>span{padding:0 12px 0 10px;font-size:13px;flex:none}
.last a{padding:0 8px;height:100%;display:flex;align-items:center;justify-content:center;border-left:1px solid #c5de5b;white-space:nowrap;flex:1 1 0;min-width:0;font-size:13px}
.last a:before{content:"✔";font-size:11px;margin-right:8px}
.cols{display:grid;grid-template-columns:220px 468px 250px;gap:10px;padding:0 6px}
.intro{grid-column:1/-1;padding-bottom:4px;border-bottom:1px solid var(--line);margin:0 -6px;padding-left:6px}
h1,h2{color:var(--teal);font-size:14px;margin:10px 0 7px;font-weight:bold;letter-spacing:-.4px}
h1 small{font-weight:normal}
.box{background:var(--row);padding:9px;width:220px;font-size:12px;margin-bottom:6px}
.hd{background:var(--head);font-weight:bold;font-size:13px;padding:6px 5px;margin-top:2px}
.it{padding:3px 5px;position:relative;min-height:32px}.it:nth-child(odd){background:var(--row)}
.it b{font-weight:normal;font-size:12px;display:block;padding-right:70px}
.it small,.rw small{color:var(--mut);font-size:11px;display:block;margin-top:2px}
.it .n{position:absolute;right:5px;bottom:3px;font-weight:bold;text-decoration:underline dotted;font-size:11px}
.hr{position:absolute;right:3px;top:1px;color:var(--teal);font-size:11px;letter-spacing:-1px}
.two{display:grid;grid-template-columns:110px 110px;margin-top:6px}
.two a{cursor:pointer;display:block;padding:6px 0 5px;border-bottom:1px solid var(--line);margin-right:4px;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.two a.v{font-weight:bold}
.rec .dt{background:var(--head);font-weight:bold;font-size:13px;padding:6px 5px;margin-top:2px}
.rw{display:grid;grid-template-columns:1fr 36px 60px;padding:3px 5px;min-height:34px;position:relative}
.rw.alt{background:var(--row)}.rw b{font-weight:normal}.rw b i{font-style:normal;font-weight:bold}
.rw .q{text-align:right;font-size:12px}.rw .n{position:absolute;right:5px;bottom:3px;font-weight:bold;font-size:11px}
.rw .hr{right:3px;top:3px}.rw .c{position:absolute;right:62px;bottom:3px;color:var(--mut);font-size:10px}
.nx{background:var(--head);display:flex;justify-content:space-between;font-weight:bold;font-size:12px;padding:6px 5px}.nx a.off{visibility:hidden}.empty{padding:14px 5px;color:var(--mut)}
.sem{background:var(--row);padding:9px 10px;font-size:12.5px;line-height:1.2;margin-bottom:8px}
.sem p{margin:0 0 10px}
.sh{display:flex;margin-bottom:10px;flex-wrap:nowrap;gap:14px;white-space:nowrap;font-size:12px}.sh a{display:inline-block}.sh i{display:inline-block;width:16px;height:16px;border-radius:3px;vertical-align:-4px;margin-right:4px}
.ln{border-bottom:1px solid var(--line);padding:7px 2px 5px}
footer{max-width:970px;margin:70px auto 0;padding:0 6px 8px;border-bottom:3px solid var(--teal)}
@media(max-width:970px){.top{overflow-x:auto}.top nav{white-space:nowrap}.cols{grid-template-columns:minmax(0,1fr)}.cols>*{min-width:0}.intro{margin:0}.box{width:auto}.last{overflow-x:auto}.last a{flex:none;padding:0 12px}footer{margin-top:30px}}
.logo form{z-index:2}.logo b{cursor:pointer}
@media(max-width:970px){.logo{height:70px}.logo form{display:flex;left:10px;right:10px;bottom:4px}.logo input{flex:1;width:auto}.logo b{font-size:48px}.logo i{display:none}}

a.it{display:block;cursor:pointer}
.cover{display:block;margin-top:4px;background:var(--row);min-height:120px}
.cover img{display:block;width:100%;height:auto}
.sub{font-weight:bold;font-size:12px;padding:5px;color:var(--mut);border-bottom:1px solid var(--line)}
.last a{overflow:hidden;text-transform:uppercase}.last a>span{overflow:hidden;text-overflow:ellipsis}
.rw{cursor:pointer}.rw b i{margin-left:4px}
.err a{text-decoration:underline;color:var(--teal)}
footer{line-height:1.5;color:var(--tx)}
.last a em{font-style:normal;flex:none;margin-left:5px}
