*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans,sans-serif;color:var(--text);background:var(--bg);line-height:1.45;cursor:default}:root{--bg: #faf8f3;--paper: #f6f0e2;--paper-2: #efe2c9;--ink: #2e2e2e;--text: #2e2e2e;--muted: #6b6b6b;--brand: #6b3e26;--brand-2: #8a5a3b;--accent: #f4c430;--accent-2: #d79b2a;--green: #4e8f5a;--blue: #7fb3d5;--red: #c94a3a;--radius: 16px;--radius-sm: 12px;--shadow: 0 10px 25px rgba(0,0,0,.08);--shadow-soft: 0 6px 16px rgba(0,0,0,.06);--stroke: rgba(107, 62, 38, .18);--container: 1100px;--gap: 20px;--grain: radial-gradient(circle at 20% 10%, rgba(0,0,0,.03), transparent 35%), radial-gradient(circle at 80% 30%, rgba(0,0,0,.02), transparent 40%), radial-gradient(circle at 30% 90%, rgba(0,0,0,.02), transparent 45%)}img{max-width:100%;display:block}button{font:inherit}.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}.page{padding:18px 0 40px}.main-grid{display:grid;grid-template-columns:1.65fr .85fr;gap:var(--gap);padding-top:0}@media(max-width:980px){.main-grid{grid-template-columns:1fr}}.card{display:block;background:var(--paper);background-image:var(--grain);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease}.card--hover:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.card__pad{padding:18px}.card__title{font-family:"Source Sans 3",sans-serif;font-weight:600;color:var(--brand);letter-spacing:.2px;margin:0 0 10px}.card__muted{color:var(--muted)}.panel{display:block;background:var(--paper);background-image:var(--grain);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow-soft);overflow:hidden;margin-bottom:20px;text-decoration:none}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--stroke);background:#ffffff40}.panel__head h3{margin:0;font-family:ui-serif,Georgia,Times New Roman,Times,serif;font-size:18px;color:var(--brand);font-weight:900}.panel__body{padding:14px 16px}.btn{appearance:none;border:1px solid var(--stroke);border-radius:12px;padding:10px 14px;cursor:pointer;background:#ffffff8c;color:var(--brand);font-weight:800}.btn:hover{box-shadow:var(--shadow-soft)}.btn--primary{background:var(--accent);border-color:#6b3e2640;color:#3b2a17}.btn--primary:hover{filter:brightness(.98)}.section-title{display:flex;align-items:center;gap:12px;margin:22px 0 12px;font-family:ui-serif,Georgia,Times New Roman,Times,serif;font-weight:900;color:var(--brand);font-size:26px}.section-title:after{content:"";height:2px;flex:1;background:linear-gradient(90deg,rgba(107,62,38,.35),transparent);border-radius:999px}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:980px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.cards-grid{grid-template-columns:1fr}}.article-card{display:block;background:var(--paper);background-image:var(--grain);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow-soft);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer}.article-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.article-card__img{height:150px;background:#e7e2d3}.article-card__img img{width:100%;height:100%;object-fit:cover}.article-card__category_img{width:20px;height:20px}.article-card__body{padding:12px 12px 10px}.article-card__title{margin:0 0 6px;font-family:"Source Sans 3",sans-serif;font-weight:700;color:var(--brand);font-size:18px;line-height:1.15}.meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px dashed rgba(107,62,38,.22);margin-top:10px;color:var(--muted);font-size:13px}.readtime{font-weight:500}.pills{display:inline-flex;align-items:center;gap:6px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--stroke);background:#ffffff73;color:var(--brand);font-weight:800;font-size:12px}.footer{margin-top:26px;padding:18px 0;border-top:1px solid var(--stroke);background:#f6f0e2cc}.footer__inner{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;color:var(--muted);font-size:14px}.footer nav{display:inline-flex;gap:12px}.footer a:hover{color:var(--brand)}@media(max-width:640px){.navbar__inner{gap:10px}.nav a{padding:7px 10px;font-size:14px}.hero h1{font-size:28px}.card__pad{padding:14px}}@media(prefers-reduced-motion:reduce){.article-card,.card--hover{transition:none}.article-card:hover,.card--hover:hover{transform:none}}