:root{color-scheme:light;--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}.actions .like-button,.actions .share-button,.button.secondary{border:1px solid var(--line);background:var(--paper-strong);color:var(--sage-deep)}.actions .like-button,.actions .share-button{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius);padding:11px 14px;font-weight:900;cursor:pointer}.actions .like-button--active{border-color:var(--clay);background:var(--clay-soft);color:#7a2f22}.like-button__count{color:var(--muted);font-weight:700}.share-modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:rgba(44,36,31,.45)}.share-modal{width:min(420px,100%);border-radius:var(--radius);background:var(--paper-strong);box-shadow:var(--shadow);padding:18px}.share-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.share-modal__title{margin:0;font-weight:900;line-height:1.3}.share-modal__close{border:0;background:none;padding:0;font-size:22px;line-height:1;color:var(--muted);cursor:pointer}.share-modal__subtitle{margin:10px 0 12px;color:var(--muted);font-size:13px}.share-modal__list{display:grid;gap:8px}.share-modal__item{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:11px 14px;text-align:left;background:var(--paper);color:var(--ink);font-weight:700;cursor:pointer}.share-modal__item svg{flex-shrink:0}.share-modal__item--copy{border-color:var(--sage-deep);background:var(--sage-deep);color:var(--paper)}@media (min-width:640px){.share-modal-overlay{align-items:center}}.snackbar{position:fixed;left:50%;bottom:24px;z-index:60;transform:translateX(-50%);max-width:min(360px,calc(100% - 32px));border-radius:var(--radius);padding:12px 18px;background:var(--sage-deep);color:var(--paper);font-weight:700;font-size:14px;text-align:center;box-shadow:var(--shadow)}@media (max-width:820px){.snackbar{bottom:88px}}.social-links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}.social-links__item{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius);padding:9px 14px;background:var(--paper-strong);color:var(--sage-deep);font-weight:700;font-size:14px}.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}.gsi-material-button{display:inline-flex;align-items:center;width:100%;margin:14px 0;-webkit-appearance:none;background-color:white;background-image:none;border:1px solid #747775;border-radius:10px;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:center;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{flex-grow:0;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.gsi-material-button:hover{box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}.gsi-material-button:hover .gsi-material-button-state{background-color:#303030;opacity:8%}.gsi-material-button:active .gsi-material-button-state,.gsi-material-button:focus .gsi-material-button-state{background-color:#303030;opacity:12%}.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}.section-head .button{flex-shrink:0;padding:8px 10px;font-size:13px;white-space:nowrap}.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)}}