:root{--bg:#f4f1ea;--paper:#fffdf8;--paper-strong:#ffffff;--ink:#2c241f;--muted:#776d64;--line:#d8cec2;--sage:#6f8a73;--sage-deep:#3f5f47;--clay:#c98b6b;--clay-soft:#f2ded2;--wash:#ece6dc;--shadow:0 18px 45px rgba(44,36,31,0.12);--radius:8px;--serif:Georgia,"Times New Roman",serif;--sans:"Trebuchet MS","Gill Sans","Segoe UI",sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at 10% 8%,rgba(201,139,107,.18),transparent 28rem),linear-gradient(135deg,#e6eee5 0,var(--bg) 46%,#efe4dc 100%);color:var(--ink);font-family:var(--sans)}body{min-height:100vh;margin:0;padding-bottom:76px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px clamp(18px,4vw,56px);border-bottom:1px solid rgba(216,206,194,.78);background:rgba(255,253,248,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:grid;gap:2px;font-family:var(--serif);font-size:22px;font-weight:700}.top-nav{display:flex;align-items:center;gap:18px;color:var(--sage-deep);font-size:15px;font-weight:800}.page{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:38px 0 58px}.hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:end}.eyebrow{margin:0 0 8px;color:var(--sage-deep);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{font-family:var(--serif);letter-spacing:0}h1{max-width:760px;margin:0;font-size:clamp(42px,7vw,82px);line-height:1.08}.lead{max-width:680px;margin:18px 0 0;color:var(--muted);font-size:18px;line-height:1.65}.article-card,.hero-card,.login-card,.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-strong);box-shadow:var(--shadow)}.hero-card__cover{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:6px 6px 0 0}.hero-card__cover img{object-fit:cover}.hero-card__body{padding:16px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:42px 0 16px}.section-head h2{margin:0;font-size:30px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.article-card{overflow:hidden}.article-card__cover{position:relative;aspect-ratio:16/10;overflow:hidden}.article-card__cover img{object-fit:cover}.article-card div{padding:15px}.tag{color:var(--clay);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.article-card h3{margin:6px 0;font-size:21px;line-height:1.15}.article-card p,.meta,.panel p{color:var(--muted);line-height:1.55}.meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:12px}.detail{width:min(760px,calc(100% - 36px));margin:0 auto;padding:34px 0 62px}.detail-cover-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:6px;margin-bottom:28px;max-height:480px}.detail-cover-wrap img{object-fit:cover}.article-body{color:#3c332d;font-family:var(--serif);font-size:20px;line-height:1.78}.article-body p{margin:0 0 22px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.actions button,.button{border:0;border-radius:var(--radius);padding:11px 14px;background:var(--sage-deep);color:var(--paper);font-weight:900}.button.secondary{border:1px solid var(--line);background:var(--paper-strong);color:var(--sage-deep)}.panel{padding:18px}.form-stack{display:grid;gap:12px}.form-stack input,.form-stack textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:11px;background:#fffaf3}.form-error{border:1px solid #d9a596;border-radius:var(--radius);background:#fbeae5;color:#7a2f22}.form-error,.form-notice{margin:4px 0 14px;padding:10px 12px;font-size:13px}.form-notice{border:1px solid var(--line);border-radius:var(--radius);background:var(--clay-soft);color:var(--sage-deep)}.login-card{width:min(440px,calc(100% - 36px));margin:42px auto;padding:22px}.login-card h1{font-size:36px}.oauth-link{display:block;margin:14px 0;border:1px solid var(--line);border-radius:var(--radius);padding:12px;text-align:center;font-weight:900}.bottom-nav{display:none}@media (max-width:820px){body{padding-bottom:72px}.site-header{display:none}.detail,.page{width:min(100% - 32px,430px);padding-top:26px}.hero{display:block}h1{font-size:42px}.lead{font-size:16px}.hero-card{margin-top:22px}.grid{grid-template-columns:1fr}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:rgba(255,253,248,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav a{padding:10px 6px;color:var(--sage-deep);font-size:11px;font-weight:900;text-align:center}}.loading-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;text-align:center}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--sage-deep);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.account-comment{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}.account-comment:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.form-stack select{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:11px;background:#fffaf3;font:inherit;color:inherit}@media (hover:hover){.button:hover,.top-nav a:hover{outline:2px solid var(--sage-deep);outline-offset:6px;border-radius:4px}.article-card:hover,.hero-card:hover{outline:2px solid var(--sage-deep);outline-offset:2px}}.mobile-topbar{display:none}.account-badge{display:flex;align-items:center;gap:6px;color:var(--sage-deep);font-weight:800}.mobile-topbar__brand{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--ink)}.logout-link{display:inline-flex;align-items:center;gap:6px;color:var(--sage-deep);font-weight:800}.account-heading-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.account-heading-row h1{margin:0}@media (max-width:820px){.mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;padding:12px 18px;background:rgba(255,253,248,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(216,206,194,.78)}}