/* Clarity theme */
:root{--bg:#ffffff;--surface:#f7f7f8;--surface-2:#efeff1;--border:#ececef;--text:#111827;--muted:#6b7280;--radius:10px;--container:1080px}
[data-theme="dark"]{--bg:#0e0f12;--surface:#16181d;--surface-2:#1e2128;--border:#24272e;--text:#ececf1;--muted:#9a9fab}
body{font-size:16.5px}
.mn-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.mn-head-in{display:flex;align-items:center;gap:24px;min-height:66px}
.mn-header .logo{height:38px;width:auto}
.mn-nav{flex:1;display:flex;justify-content:flex-end}
.mn-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.mn-nav a{display:block;padding:8px 10px;font-size:14.5px;color:var(--muted);font-weight:500;border-radius:8px}
.mn-nav li.active a,.mn-nav a:hover{color:var(--text);background:var(--surface)}
.mn-header .menu-toggle{display:none}
.mn-intro{padding:70px 16px 40px;max-width:760px}
.mn-intro h1{font-size:clamp(34px,5vw,54px);letter-spacing:-1.2px;line-height:1.05;margin-bottom:14px}
.mn-intro p{font-size:19px;color:var(--muted);max-width:620px}
.mn-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.mn-cats a{padding:7px 14px;border:1px solid var(--border);border-radius:999px;font-size:14px}
.mn-cats a:hover{border-color:var(--text);color:var(--text)}
.mn-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;align-items:center;margin-top:10px;padding:26px;background:var(--surface);border-radius:18px}
.mn-feature .card-img{border-radius:12px}
.mn-feature h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.6px;margin:10px 0}
.mn-feature p{color:var(--muted)}
.mn-label{display:inline-block;font-size:12.5px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.8px}
.mn-h{font-size:14px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin:0 0 6px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.mn-latest,.mn-topics,.mn-popular{margin-top:56px}
.mn-row{display:grid;grid-template-columns:120px 1fr 150px;gap:26px;padding:24px 0;border-bottom:1px solid var(--border);align-items:start}
.mn-row time{color:var(--muted);font-size:14px;padding-top:4px}
.mn-row h3{font-size:21px;letter-spacing:-.3px;margin:4px 0 6px}
.mn-row p{color:var(--muted);margin:0;font-size:15.5px}
.mn-thumb{display:block;border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:var(--surface)}
.mn-thumb img{width:100%;height:100%;object-fit:cover}
.mn-more{display:inline-block;margin-top:18px;font-weight:600;color:var(--primary)}
.mn-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 40px;margin-top:22px}
.mn-topic h3{font-size:19px;margin-bottom:10px}
.mn-topic ul{list-style:none;margin:0;padding:0}
.mn-topic li{padding:9px 0;border-bottom:1px solid var(--border);font-size:15.5px;font-weight:500;line-height:1.4}
.mn-topic li span{display:block;font-size:12.5px;color:var(--muted);font-weight:400;margin-top:2px}
.mn-popular ol{columns:2;column-gap:40px;padding-left:22px;margin:18px 0 0}
.mn-popular li{padding:8px 0;font-weight:600;break-inside:avoid}
.mn-trend{margin-top:40px;color:var(--muted);font-size:15px;display:flex;flex-wrap:wrap;gap:6px 14px}
.mn-trend span{font-weight:600;color:var(--text)}
.mn-trend a:hover{color:var(--primary)}
.home-banners{margin-top:40px}
.cat-badge{background:none;padding:0}
.card-wide{border:0;border-bottom:1px solid var(--border);border-radius:0}
.card-wide .card-body{padding:16px 0 24px}
.post,.page-article{max-width:720px;margin:0 auto}
.layout.no-sidebar{display:block}
.post-title{font-size:clamp(32px,4.6vw,46px);letter-spacing:-1px}
.post-content{font-size:19px;line-height:1.85}
.post-hero img{border-radius:16px}
.toc{border-left:0;background:var(--surface);border-radius:12px}
.archive-head{border-bottom:0;max-width:720px}
.archive-list{max-width:820px}
.layout.no-sidebar .archive-list{margin:0 auto}
.newsletter-band{background:var(--surface);color:var(--text)}
.newsletter-band h2{color:var(--text)}.newsletter-band p{color:var(--muted)}
.site-footer{background:var(--bg);color:var(--muted);border-top:1px solid var(--border)}
.site-footer h3{color:var(--text)}.site-footer a:hover{color:var(--text)}
.site-footer .social a{background:var(--surface);color:var(--text)}
.footer-logo{background:none;padding:0}
.footer-bottom{border-top:1px solid var(--border)}
@media (max-width:1000px){.mn-nav{display:none}.mn-header .menu-toggle{display:inline-grid}.mn-head-in{justify-content:space-between}.mn-topic-grid{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.mn-feature{grid-template-columns:1fr;padding:16px}.mn-row{grid-template-columns:1fr 96px;gap:14px}.mn-row time{grid-column:1/-1;padding:0}.mn-row h3{font-size:18px}.mn-topic-grid{grid-template-columns:1fr}.mn-popular ol{columns:1}.mn-intro{padding:40px 16px 20px}}
.mn-nav a{white-space:nowrap;padding:8px 8px;font-size:14px}
.mn-intro{max-width:var(--container)}
.mn-intro>*{max-width:760px}
@media (max-width:1240px){.mn-nav{display:none}.mn-header .menu-toggle{display:inline-grid}.mn-head-in{justify-content:space-between}}
@media (max-width:700px){.mn-feature{margin-left:16px;margin-right:16px;width:auto}}