:root { --ink:#2c251f; --paper:#f5f0e6; --cream:#fffdf8; --red:#8a3524; --clay:#bd7250; --line:#d8ccba; --muted:#72675c; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font:16px/1.65 Georgia, 'Noto Serif Kannada', serif; }
a { color:inherit; text-decoration:none; } a:hover { color:var(--red); }
.site-header,.admin-header { max-width:1180px; margin:auto; padding:16px 28px 0; display:flex; flex-wrap:wrap; align-items:center; gap:14px 32px; border-bottom:1px solid var(--line); }
.brand { display:flex; gap:11px; align-items:center; font-weight:bold; font-size:1.05rem; letter-spacing:.08em; } .brand small { display:block; color:var(--red); font-family:'Noto Serif Kannada',serif; font-size:1.45em; line-height:1.1; letter-spacing:0; font-weight:800; }
.brand-mark { display:grid; place-items:center; width:39px; height:39px; overflow:hidden; background:var(--red); color:white; font-size:1.9rem; font-family:Georgia,serif; } .brand-mark img { display:block; width:100%; height:100%; object-fit:contain; }
.site-header nav { flex:0 0 100%; display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 14px; margin:0; padding:13px 0 12px; border-top:1px solid var(--line); font:600 .69rem/1 Arial,sans-serif; letter-spacing:.065em; text-transform:uppercase; }
.admin-header { min-height:72px; padding-bottom:16px; justify-content:space-between; }
.masthead { max-width:1180px; margin:auto; padding:100px 28px 82px; border-bottom:1px solid var(--line); background:radial-gradient(circle at 90% 15%,#e3c7a6 0,transparent 31%); }
.eyebrow,.tag { margin:0 0 10px; color:var(--red); font:700 .72rem/1.3 Arial,sans-serif; letter-spacing:.13em; text-transform:uppercase; }
h1,h2,h3 { font-weight:normal; line-height:1.14; } .masthead h1 { max-width:850px; margin:0; font-size:clamp(2.7rem,6vw,5.8rem); letter-spacing:-.04em; }
.kannada { font-family:'Noto Serif Kannada','Nirmala UI',serif; } .masthead .kannada { margin:.65rem 0 1.6rem; color:var(--red); font-size:1.5rem; } .intro { max-width:620px; font-size:1.18rem; color:var(--muted); }
.content-wrap { max-width:1180px; margin:auto; padding:70px 28px; } .section-heading { margin-bottom:25px; } .section-heading h2 { margin:0; font-size:2.2rem; }
.feature-card { max-width:860px; padding:45px; border-left:7px solid var(--red); background:var(--cream); box-shadow:0 12px 30px rgba(61,43,28,.08); } .feature-card h3 { margin:.1em 0; font-size:2.6rem; } .feature-card p { max-width:700px; color:var(--muted); font-size:1.08rem; } .title-kn { color:var(--red)!important; font-size:1.15rem!important; }
.text-link { display:inline-block; margin-top:10px; color:var(--red); font-weight:bold; }
.panels { border-top:1px solid var(--line); } .section-grid,.essay-list { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; } .section-grid article,.essay-list article { padding:22px; background:rgba(255,253,248,.66); border-top:3px solid var(--clay); } .section-grid h3,.essay-list h3 { margin:0 0 .5rem; font-size:1.45rem; } .section-grid p,.essay-list p { margin:0; color:var(--muted); font-size:.95rem; }
.latest { border-top:1px solid var(--line); } .essay-list { grid-template-columns:repeat(3,1fr); }
.manifesto { padding:85px 28px; background:var(--ink); color:#f7f0e4; text-align:center; } .manifesto h2 { margin:.15em 0; font-size:clamp(2.2rem,4vw,4rem); } .manifesto p:last-child { max-width:650px; margin:20px auto 0; color:#d7c6b2; }
footer { max-width:1180px; margin:auto; padding:28px; display:flex; justify-content:space-between; color:var(--muted); font:.75rem Arial,sans-serif; letter-spacing:.04em; } .brand-footer { color:var(--ink); font-weight:bold; }
.essay { width:min(780px,calc(100% - 48px)); margin:72px auto; } .essay h1 { margin:0; font-size:clamp(2.7rem,5vw,4.8rem); } .deck { color:var(--muted); font-size:1.22rem; } .essay-body { margin-top:38px; font-size:1.13rem; } .essay hr { border:0; border-top:1px solid var(--line); margin:55px 0; }
.admin-page { min-height:100vh; background:#27221e; color:#f7f0e4; font-family:Arial,sans-serif; } .login-card { width:min(460px,calc(100% - 40px)); margin:9vh auto; padding:40px; background:#36302a; border:1px solid #5c5147; } .admin-brand { margin-bottom:35px; } .login-card h1,.admin-wrap h1 { font:normal 2.2rem Georgia,serif; margin:.2em 0 .8em; }
label { display:grid; gap:7px; margin:15px 0; color:#ded2c2; font-size:.88rem; } input,textarea,select { width:100%; border:1px solid #756858; border-radius:0; padding:11px; color:#281f19; background:#fffdf8; font:inherit; } textarea { resize:vertical; } button { border:0; padding:13px 20px; color:white; background:var(--red); cursor:pointer; font-weight:bold; } button:hover { background:#a44835; }
.notice { padding:11px 13px; font-size:.9rem; } .error { background:#6d2925; color:#fff0e9; } .success { background:#335c45; color:#e9fff0; } .quiet { color:#b8a999; font-size:.82rem; } .plain-button { background:transparent; color:#ebd6bc; border:1px solid #756858; }
.admin-header { border-color:#51473d; } .admin-wrap { width:min(980px,calc(100% - 48px)); margin:55px auto; } .post-form { padding:30px; background:#36302a; border:1px solid #5c5147; } .two-col { display:grid; grid-template-columns:1fr 1fr; gap:20px; } .check { display:flex; align-items:center; gap:10px; } .check input { width:auto; } .admin-list { margin-top:45px; } .admin-list article { display:flex; justify-content:space-between; padding:15px 0; border-bottom:1px solid #51473d; } .admin-list span { color:#b8a999; font-size:.85rem; }
@media (max-width:720px) { .site-header nav { display:none; } .masthead { padding:72px 24px; } .section-grid,.essay-list,.two-col { grid-template-columns:1fr; } .feature-card { padding:28px; } .feature-card h3 { font-size:2rem; } footer { gap:12px; flex-direction:column; } .admin-list article { gap:10px; flex-direction:column; } }
.menu-button { display:none; } .community-strip { padding:70px max(28px,calc((100% - 1124px)/2)); display:flex; align-items:center; justify-content:space-between; gap:30px; background:var(--clay); color:#fffaf2; } .community-strip h2 { font-size:2.4rem; margin:.1em 0; } .button-light { display:inline-block; padding:13px 18px; border:1px solid #fffaf2; font:bold .8rem Arial,sans-serif; text-transform:uppercase; letter-spacing:.08em; } .footer-links { display:flex; gap:14px; flex-wrap:wrap; }.filters { display:grid; grid-template-columns:2fr repeat(3,1fr) auto; gap:10px; margin:28px 0 45px; }.archive-list { max-width:830px; }.archive-list article,.archive-item { padding:22px 0; border-top:1px solid var(--line); }.archive-list h2,.archive-item h3 { margin:.1em 0 .3em; }.people-grid,.community-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.person-card,.community-grid section { padding:24px; background:var(--cream); }.person-card img,.profile>img { width:110px; height:110px; border-radius:50%; object-fit:cover; }.profile { max-width:800px; }.profile>img { float:right; margin:0 0 20px 25px; }.information { max-width:780px; min-height:400px; font-size:1.12rem; }.community-grid { grid-template-columns:repeat(2,1fr); }.community-grid section { border-top:3px solid var(--clay); }.forthcoming { margin-top:30px; color:var(--muted); }.comments { margin-top:55px; padding-top:25px; border-top:1px solid var(--line); }.comments article,.moderation { padding:16px; margin:15px 0; background:rgba(255,253,248,.7); }.share { margin-top:35px; font: .85rem Arial,sans-serif; }.byline { color:var(--muted); }.admin-nav { display:flex; flex-wrap:wrap; gap:18px; margin:20px 0 35px; }.admin-nav a { color:#ebd6bc; border-bottom:1px solid #756858; } .moderation { color:var(--ink); } .moderation form { display:flex; gap:8px; }.moderation button { padding:8px 12px; }
.machine-translation { display:none; }
.contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:32px; } .contact-grid section { padding:28px; background:var(--cream); border-top:3px solid var(--clay); } .contact-grid h2 { margin:0 0 .35em; font-size:1.7rem; } .contact-grid label { color:var(--ink); }
@media (max-width:720px) { .site-header { min-height:72px; padding:14px 20px; justify-content:space-between; } .menu-button { display:block; background:transparent; border:1px solid var(--line); color:var(--ink); padding:8px; } .site-header nav { display:none; position:absolute; top:72px; left:0; right:0; z-index:3; padding:18px 28px; background:var(--cream); border-bottom:1px solid var(--line); }.site-header nav.open { display:grid; gap:13px; }.community-strip,.filters,.people-grid,.community-grid { grid-template-columns:1fr; display:grid; }.community-strip { padding:48px 24px; }.profile>img { float:none; }.footer-links { display:grid; grid-template-columns:1fr 1fr; } }
@media (max-width:720px) { .contact-grid { grid-template-columns:1fr; } }

/* --- v8: logo, mission, long-form pages --- */
.site-header .brand-mark { width:48px; height:48px; background:none; border-radius:50%; }
.masthead { display:flex; align-items:center; justify-content:space-between; gap:48px; }
.masthead-text { flex:1 1 auto; min-width:0; }
.masthead-logo { flex:0 0 auto; width:clamp(220px,28vw,360px); height:auto; filter:drop-shadow(0 14px 28px rgba(61,43,28,.18)); }
.mission { border-bottom:1px solid var(--line); padding-top:60px; padding-bottom:60px; }
.mission-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:48px; align-items:start; }
.mission-grid .prose p:first-child { font-size:1.3rem; line-height:1.6; margin-top:0; }
.aims { padding:24px 28px; background:var(--cream); border-left:5px solid var(--red); }
.aims > p { margin:0 0 .5rem; font:700 .72rem/1.3 Arial,sans-serif; letter-spacing:.13em; text-transform:uppercase; color:var(--red); }
.aims ol { margin:0; padding-left:1.2rem; } .aims li { margin:.55rem 0; }
.prose h2 { margin:2.2em 0 .5em; font-size:1.9rem; } .prose h3 { margin:2em 0 .4em; font-size:1.45rem; color:var(--red); }
.prose h4 { margin:1.5em 0 .3em; font:700 .8rem/1.3 Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.prose ul,.prose ol { padding-left:1.3rem; } .prose li { margin:.3em 0; }
.prose .conviction { padding:14px 18px; background:var(--cream); border-left:4px solid var(--clay); }
.prose .howto-note { padding:14px 18px; background:var(--cream); border-left:4px solid var(--red); }
.prose a { color:var(--red); text-decoration:underline; }
.text-link-row { margin-top:2.5em; }
html[lang="kn"] body { line-height:1.85; }
@media (max-width:720px) { .masthead { flex-direction:column-reverse; align-items:flex-start; gap:28px; } .masthead-logo { width:200px; } .mission-grid { grid-template-columns:1fr; gap:28px; } }

.admin-list article { align-items:center; gap:16px; } .admin-list .actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; } .admin-list .actions form { margin:0; } .plain-button { display:inline-block; padding:8px 12px; font-size:.85rem; text-decoration:none; background:transparent; color:#ebd6bc; border:1px solid #756858; cursor:pointer; }
.pager { display:flex; gap:20px; align-items:center; margin:40px 0 0; font:600 .85rem Arial,sans-serif; } .pager a { color:var(--red); } .essay-body blockquote { margin:1.4em 0; padding:.2em 1.2em; border-left:4px solid var(--clay); color:var(--muted); } .essay-body h2,.essay-body h3,.essay-body h4 { margin:1.8em 0 .4em; } .essay-body a { color:var(--red); text-decoration:underline; } .essay-body code { background:rgba(0,0,0,.06); padding:.1em .35em; }