:root{--ink:#000;--paper:#f1f1f1;--surface:#fff;--accent:#f44336;--line:#ddd;--muted:#666}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 "Open Sans",Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Oswald,Arial,sans-serif;font-weight:400}.site-header{background:#000;color:#fff}.site-header__inner,.page-shell,.site-footer{max-width:1120px;margin:auto;padding-left:24px;padding-right:24px}.site-header__inner{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font:400 28px/1 Oswald,Arial,sans-serif;color:#fff;text-decoration:none;letter-spacing:.02em}.site-header nav{display:flex;gap:20px;flex-wrap:wrap}.site-header nav a{color:#fff;text-decoration:none;font:600 13px/1.2 "Open Sans",Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase}.site-header nav a:hover,.text-link:hover{color:var(--accent)}.page-shell{padding-top:32px;padding-bottom:50px;min-height:calc(100vh - 115px)}.hero{padding:36px 8%;background:#fff;color:#000;margin-bottom:28px;text-align:center}.hero h1,.article-page h1,.login-card h1,.editor h1,.admin-header h1{font-size:clamp(32px,5vw,52px);line-height:1.12;margin:.15em 0}.hero p:last-child{font-size:18px;max-width:650px;margin:14px auto 0}.eyebrow,.article-date{font:700 12px/1.2 "Open Sans",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#666}.article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.article-card,.empty-state,.login-card,.editor{background:var(--surface);border:0}.article-card img{height:220px;width:100%;object-fit:cover;background:#fff}.article-card__content{padding:22px 26px 28px}.article-card h2{font-size:28px;line-height:1.2;margin:8px 0}.article-card h2 a{color:inherit;text-decoration:none}.article-card h2 a:hover{text-decoration:underline}.text-link{font:700 13px/1 "Open Sans",Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#000;text-decoration:none}.empty-state{padding:38px}.article-page{max-width:860px;margin:auto;background:#fff;padding:36px}.article-page__image{width:100%;margin:26px 0;background:#fff}.lead{font-size:20px;line-height:1.55}.article-body{font-size:17px}.article-body h2{line-height:1.15;margin-top:2em}.article-body img{max-width:100%;height:auto;background:#fff}.article-body .collapsible{width:100%;border:0;border-bottom:1px solid var(--line);background:#f7f7f7;color:#000;padding:13px 16px;text-align:left;cursor:pointer;font:400 18px/1.3 Oswald,Arial,sans-serif}.article-body .collapsible:after{content:'+';float:right;font:400 22px/1 Oswald,Arial,sans-serif}.article-body .collapsible.is-open:after{content:'−'}.article-body .content{display:none;padding:8px 16px 2px;border-bottom:1px solid var(--line)}.article-body .content.is-open{display:block}.site-footer{border-top:1px solid var(--line);padding-top:22px;padding-bottom:28px;color:var(--muted);font-size:13px}.login-card,.editor{max-width:760px;margin:auto;padding:34px}.login-card{max-width:460px}.login-card form,.editor form{display:grid;gap:19px}.login-card label,.editor label{font:700 13px/1.4 "Open Sans",Arial,sans-serif;letter-spacing:.03em}.login-card input,.editor input:not([type=checkbox]),.editor textarea,.editor select{display:block;width:100%;margin-top:7px;border:1px solid #aaa;border-radius:0;background:#fff;padding:10px;font:16px/1.4 "Open Sans",Arial,sans-serif}.editor textarea{resize:vertical;font-family:Consolas,monospace}.checkbox{display:flex;gap:8px;align-items:center}.button{display:inline-block;border:0;background:var(--accent);color:#fff;padding:12px 20px;font:700 13px/1 "Open Sans",Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;cursor:pointer}.button:hover{background:#d7352a}.form-error{color:#b71c1c;font-weight:bold}.admin-header{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:26px}.admin-header__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.admin-list{background:var(--surface);margin-bottom:26px}.admin-list__row{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;align-items:center}.admin-list__row:last-child{border:0}.admin-list small{display:block;color:var(--muted);margin-top:4px}.editor-actions{display:flex;align-items:center;gap:20px}@media(max-width:680px){.site-header__inner{padding-top:15px;padding-bottom:15px;align-items:flex-start;flex-direction:column}.article-list{grid-template-columns:1fr}.page-shell{padding-top:20px}.hero{padding:28px 20px}.admin-header{align-items:start;flex-direction:column}.article-page{padding:24px}.article-body{font-size:16px}}
