:root { color-scheme: light; --ink:#17201c; --muted:#657068; --paper:#f7f5ef; --line:#d9ddd3; --accent:#315c4b; --alert:#7b2e2e; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; background:var(--paper); color:var(--ink); font:16px/1.55 Inter, ui-sans-serif, system-ui, sans-serif; }
a { color:inherit; }
.site-header,.page-shell,.site-footer { width:min(1080px, calc(100% - 40px)); margin-inline:auto; }
.site-header { display:flex; justify-content:space-between; align-items:baseline; gap:24px; padding:28px 0; border-bottom:1px solid var(--line); }
.site-header p { margin:0; color:var(--muted); font-size:.9rem; }.site-header.compact { padding-block:22px; }
.brand { color:var(--accent); font-size:1.1rem; font-weight:800; letter-spacing:-.03em; text-decoration:none; }
.page-shell { padding:76px 0; }.intro { max-width:720px; margin-bottom:62px; }.eyebrow { margin:0 0 12px; color:var(--accent); font-size:.75rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }h1 { margin-bottom:18px; max-width:700px; font-size:clamp(2.7rem,7vw,5.8rem); line-height:.96; letter-spacing:-.07em; }h2 { margin:0; font-size:1.3rem; letter-spacing:-.04em; }.intro > p:last-child { color:var(--muted); font-size:1.1rem; }
.section-heading { display:flex; justify-content:space-between; gap:20px; align-items:baseline; margin-bottom:18px; }.section-heading span,.article-meta { color:var(--muted); font-size:.82rem; }
.article-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); }.article-card { min-height:260px; padding:26px 24px 30px 0; border-bottom:1px solid var(--line); }.article-card:not(:nth-child(3n+1)) { padding-left:24px; border-left:1px solid var(--line); }.article-card h3 { margin:15px 0 10px; font-size:1.35rem; line-height:1.1; letter-spacing:-.04em; }.article-card h3 a { text-decoration:none; }.article-card h3 a:hover,.site-footer a:hover { color:var(--accent); }.article-card p { color:var(--muted); }.article-image,.article-detail-image { display:block; width:100%; object-fit:cover; background:#e6e8e1; }.article-image { aspect-ratio:1.45; margin-bottom:18px; border-radius:9px; }.article-detail-image { aspect-ratio:1.7; margin-top:32px; border-radius:12px; }.read-link { color:var(--accent); font-size:.87rem; font-weight:700; text-decoration:none; }.status-message { color:var(--muted); }.site-footer { padding:28px 0 44px; color:var(--muted); border-top:1px solid var(--line); font-size:.88rem; }
.article-page { width:min(760px,calc(100% - 40px)); }.article-page h1 { font-size:clamp(2.5rem,6vw,4.8rem); }.article-page .lead { color:var(--muted); font-size:1.2rem; }.article-body { margin-top:42px; font-family:ui-serif, Georgia, serif; font-size:1.15rem; }.article-body p { margin-bottom:1.35em; }.not-found { padding:70px 0; }
.admin-shell { width:min(1120px,calc(100% - 40px)); margin:0 auto; padding:42px 0 72px; }.admin-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding-bottom:28px; border-bottom:1px solid var(--line); }.admin-head h1 { font-size:clamp(2.2rem,5vw,4rem); margin:5px 0 0; }.warning { margin:28px 0; padding:14px 16px; border:1px solid #e0b6a5; background:#fff1eb; color:var(--alert); border-radius:10px; }.admin-grid { display:grid; grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr); gap:30px; }.admin-actions,.article-list,.editor-form { display:grid; gap:11px; }.article-list { align-content:start; margin-top:18px; }.article-list button { text-align:left; }.editor-form { padding:26px; background:#fff; border:1px solid var(--line); border-radius:14px; }.editor-form label { display:grid; gap:6px; font-size:.86rem; font-weight:700; }.editor-form input,.editor-form textarea { width:100%; padding:10px 11px; border:1px solid #cbd2c8; border-radius:8px; color:var(--ink); background:#fff; font:inherit; }.editor-form textarea { min-height:118px; resize:vertical; }.button-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:5px; }button { cursor:pointer; border:1px solid var(--accent); border-radius:8px; padding:9px 12px; background:var(--accent); color:#fff; font:inherit; font-weight:700; }button.secondary { background:transparent; color:var(--accent); }button.danger { border-color:var(--alert); color:var(--alert); }button:disabled { opacity:.55; cursor:wait; }.editor-status { min-height:24px; color:var(--muted); }.editor-status.error { color:var(--alert); }
@media (max-width:760px) { .site-header,.section-heading,.admin-head { align-items:flex-start; flex-direction:column; gap:10px; }.article-grid,.admin-grid { grid-template-columns:1fr; }.article-card:not(:nth-child(3n+1)) { padding-left:0; border-left:0; }.page-shell { padding:48px 0; } }