:root{--ink:#1c2b2a;--paper:#fbfaf6;--accent:#0e7c66;--accent-soft:#e3f2ee;--muted:#5d6f6c;--line:#e3e0d6;--warn:#b35a00}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Georgia,'Times New Roman',serif;background:var(--paper);color:var(--ink);line-height:1.65}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
header.site{border-bottom:3px solid var(--accent);background:#fff}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
.site-bar{display:flex;align-items:baseline;justify-content:space-between;padding:18px 0}
.brand{font-family:'Trebuchet MS',Verdana,sans-serif;font-weight:700;font-size:1.5rem;color:var(--ink);letter-spacing:-.02em}
.brand span{color:var(--accent)}
nav.main{font-family:'Trebuchet MS',Verdana,sans-serif;font-size:.85rem}
nav.main a{color:var(--muted);margin-left:18px}
nav.main a:hover{color:var(--accent);text-decoration:none}
.hero{padding:44px 0 36px;border-bottom:1px solid var(--line)}
.hero h1{font-size:1.9rem;line-height:1.25;margin-bottom:10px}
.hero p{color:var(--muted);font-size:1.05rem;max-width:560px}
main{padding:36px 0 60px}
.card-list{list-style:none}
.card-list li{padding:18px 0;border-bottom:1px solid var(--line)}
.card-list a.title{font-size:1.2rem;font-weight:700;color:var(--ink)}
.card-list a.title:hover{color:var(--accent);text-decoration:none}
.card-list .meta{font-family:'Trebuchet MS',Verdana,sans-serif;font-size:.75rem;color:var(--muted);margin:4px 0 6px;text-transform:uppercase;letter-spacing:.06em}
.card-list .desc{color:var(--muted);font-size:.95rem}
article{padding:8px 0}
article header h1{font-size:2rem;line-height:1.25;margin:18px 0 8px}
article .meta{font-family:'Trebuchet MS',Verdana,sans-serif;font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:26px}
article h2{font-size:1.35rem;margin:34px 0 12px;color:var(--ink)}
article h3{font-size:1.1rem;margin:26px 0 10px;color:var(--accent)}
article p{margin:0 0 14px}
article ul,article ol{margin:0 0 16px 24px}
article li{margin-bottom:6px}
article blockquote{border-left:4px solid var(--accent);background:var(--accent-soft);padding:12px 18px;margin:18px 0;font-style:italic;color:var(--ink)}
article table{border-collapse:collapse;width:100%;margin:18px 0;font-size:.93rem}
article th,article td{border:1px solid var(--line);padding:8px 12px;text-align:left}
article th{background:var(--accent-soft);font-family:'Trebuchet MS',Verdana,sans-serif;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
article code{background:#f0eee4;padding:1px 6px;border-radius:4px;font-size:.9em}
.notice{background:var(--accent-soft);border:1px solid #c7e3db;border-radius:8px;padding:14px 18px;margin:20px 0;font-size:.95rem}
footer.site{border-top:3px solid var(--accent);background:#fff;padding:28px 0 40px;font-family:'Trebuchet MS',Verdana,sans-serif;font-size:.82rem;color:var(--muted)}
footer.site a{color:var(--muted)}
.tag{display:inline-block;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 12px;font-family:'Trebuchet MS',Verdana,sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;margin-right:6px}
@media(max-width:600px){.site-bar{flex-direction:column;gap:6px}nav.main a{margin:0 14px 0 0}.hero h1{font-size:1.5rem}article header h1{font-size:1.55rem}}