:root{--ink:#141414;--body:#3d3d3d;--muted:#5c5c58;--line:#e2e2dc;--band:#f6f6f3;--green:#067a38;--green-bright:#03AF50;--cover:#e3f4e5;--red:#b42318}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font-family:'Poppins',system-ui,'Segoe UI',Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{opacity:.88}
button{font-family:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.head{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;min-height:76px}
header{border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:40px;width:auto;display:block}
.brand span{font-size:13px;font-weight:600;color:var(--muted);border-left:1px solid var(--line);padding-left:12px;white-space:nowrap}
nav.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
nav.tabs a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;white-space:nowrap;font-size:15px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent}
nav.tabs a[aria-current=page]{font-weight:600;color:var(--ink);border-bottom-color:var(--ink)}
.linkbtn{background:none;border:0;padding:0 4px;min-height:44px;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer}
.eyebrow{margin:0 0 6px;font-size:15px;font-weight:600;color:var(--green)}
h1{margin:0 0 10px;font-size:40px;line-height:1.15;font-weight:700;letter-spacing:-.02em}
h2{margin:0 0 8px;font-size:20px;line-height:1.3;font-weight:600}
h3{margin:0;font-size:18px;line-height:1.35;font-weight:600}
.lead{margin:0;max-width:620px;font-size:17px;line-height:1.6;color:var(--body)}
.cols{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;padding-top:28px;padding-bottom:48px}
.main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:24px}
.side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:24px}
.card{border:1px solid var(--line);border-radius:8px;padding:24px;background:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:20px}
.tile{border:1px solid var(--line);border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:12px;background:#fff}
.thumb{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:top;border-radius:6px;border:1px solid var(--line);background:#fff}
.cover{aspect-ratio:2/1;background:var(--cover);border-radius:6px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.cover b{font-size:20px;line-height:1.1;font-weight:700;text-transform:uppercase;letter-spacing:-.01em}
.cover small{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--green)}
.cover i{font-size:13px;font-weight:700;color:var(--ink)} .cover i em{font-style:italic;color:var(--green-bright)}
.kind{font-size:13px;font-weight:600;color:var(--green)}
.desc{margin:0;font-size:15px;line-height:1.6;color:var(--body)}
.meta{font-size:14px;color:var(--muted)}
.btns{display:flex;flex-wrap:wrap;gap:8px}
.btn{text-align:center;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:6px;font-size:15px;font-weight:600;border:1.5px solid var(--ink);color:var(--ink);background:#fff;cursor:pointer}
.btn.primary{background:var(--green);border-color:var(--green);color:#fff}
.btn.danger{border-color:var(--red);color:var(--red)}
.btn.wide{width:100%}
.row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.row .t{font-size:16px;font-weight:600;line-height:1.4}
.row a.go{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font-size:15px;font-weight:600;color:var(--green)}
.dark{background:var(--ink);color:#fff;border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:12px}
.dark p{margin:0}
.dark .btn{border-color:#fff;color:#fff;background:transparent;width:100%}
.dark .btn.go{background:var(--green-bright);border-color:var(--green-bright);color:var(--ink)}
.band{background:var(--band)}
.pill{display:inline-block;font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px;background:#eef3ef;color:var(--green)}
.empty{color:var(--muted);font-size:15px;margin:8px 0 0}
.notice{border:1px solid var(--line);background:var(--band);border-radius:8px;padding:16px 18px;font-size:15px;line-height:1.6}
label{font-size:14px;font-weight:600}
input[type=email],input[type=search]{min-height:52px;padding:0 16px;font:inherit;font-size:16px;border:1.5px solid #8a8a85;border-radius:6px;color:var(--ink);width:100%}
table{width:100%;border-collapse:collapse;font-size:15px}
th{text-align:left;font-size:13px;font-weight:600;color:var(--muted);border-bottom:1px solid var(--ink);padding:0 12px 10px 0}
td{padding:14px 12px 14px 0;border-bottom:1px solid var(--line)}
.signin{display:flex;flex-wrap:wrap;min-height:100vh}
.signin .form{flex:1 1 420px;display:flex;align-items:center;justify-content:center;padding:48px 24px}
.signin .form>div{width:100%;max-width:420px;display:flex;flex-direction:column;gap:20px}
.signin .photo{flex:1 1 420px;min-height:520px;background:#d9d9d4 url(https://yzvvqoadsrctfppdiots.supabase.co/storage/v1/object/public/thumbs/site/signin.jpg) center/cover}
.foot{margin:40px 0 0;font-size:15px;line-height:1.6;color:var(--body)}
.foot a,.u{text-decoration:underline;text-underline-offset:3px;font-weight:600;color:var(--ink);white-space:nowrap}
.show-sm{display:none}
[hidden]{display:none!important}
@media (max-width:640px){
 .wrap{padding:0 16px}
 h1{font-size:30px}
 .head{flex-wrap:wrap;padding-top:12px;padding-bottom:4px}
 nav.tabs{order:3;width:100%;margin:0 -8px;gap:0}
 nav.tabs a{padding:0 8px;font-size:14px}
 .hide-sm{display:none!important}
 .signin .photo{display:none}
 .show-sm{display:flex}
}

.thumbwrap{position:relative}
.mdmtag{position:absolute;right:10px;bottom:10px;background:var(--green);color:#fff;font-size:12px;font-weight:600;line-height:1;padding:7px 10px;border-radius:999px;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.sitenav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:520px){.sitenav .btn{min-height:38px;padding:0 10px;font-size:13px}}
@media (max-width:440px){.sitenav{gap:6px}.sitenav .btn{white-space:nowrap;padding:0 10px;font-size:13px}.head .brand img{width:112px;height:auto}}
@media (max-width:440px){.head{flex-wrap:nowrap;gap:8px}.head.wrap,.wrap.head{padding-left:14px;padding-right:14px}.head .brand{flex-shrink:0}.head .brand img{width:100px;height:auto}}
@media (max-width:380px){.sitenav{gap:5px}.sitenav .btn{padding:0 8px;font-size:12.5px}.head .brand img{width:86px}}
@media (max-width:440px){.hide-sm{display:none}.sitenav{flex-wrap:nowrap}}
.hide-sm{margin-right:.3em}@media (max-width:440px){.hide-sm{display:none}}
.bh{position:absolute;top:3px;right:12px;z-index:20;font-size:11px;line-height:1;font-weight:500;color:#5c5c58;pointer-events:none}
@media (max-width:440px){.head{padding-top:14px;padding-bottom:6px}}

.onsite .wrap{max-width:1100px;padding-left:32px;padding-right:32px}@media (max-width:700px){.onsite .wrap{padding-left:20px;padding-right:20px}}@media (max-width:440px){.onsite .wrap{padding-left:14px;padding-right:14px}}
.onsite .dark .btn.go{background:var(--green);border-color:var(--green);color:#fff}