/* Minestr 2.0 — ana stil dosyası. Renkler ve yazı tipleri Özelleştirici'den gelir (--c-*, --font-*). */
:root{
	--c-primary:#2447F5;--c-on-primary:#fff;--c-accent:#12B5A5;--c-sun:#F2A900;
	--c-bg:#FAFBFC;--c-surface:#F0F3F9;--c-text:#0E1330;--c-muted:#586080;--c-border:#D9DEEB;
	--c-header:#FAFBFC;--c-footer:#101C66;--c-footer-text:#C7CFF2;
	--font-head:"Bricolage Grotesque",system-ui,sans-serif;--font-body:"Instrument Sans",system-ui,sans-serif;
	--fs:17px;--radius:14px;--container:1160px;--logo-h:34px;--hh:68px;--gutter:clamp(18px,4vw,32px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--c-bg);color:var(--c-text);font:400 var(--fs)/1.65 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video{max-width:100%;height:auto}
a{color:var(--c-primary);text-underline-offset:.18em}
h1,h2,h3,h4,h5{font-family:var(--font-head);line-height:1.08;letter-spacing:-.028em;margin:0 0 .5em;font-weight:700;text-wrap:balance}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px;border-radius:6px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--c-text);color:#fff;padding:8px 14px;border-radius:8px;z-index:200}
.skip:focus{left:8px}
.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.container.narrow{max-width:760px}

/* ---------- Üst bilgi ---------- */
.site-header{position:relative;z-index:50;background:var(--c-header);border-bottom:1.5px solid transparent;transition:border-color .2s,background .2s}
.has-sticky-header .site-header{position:sticky;top:0;background:color-mix(in srgb,var(--c-header) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}
.site-header.scrolled{border-color:var(--c-border)}
.header-in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:var(--hh)}
.brand{display:inline-flex;align-items:baseline;gap:.8rem;text-decoration:none;color:var(--c-text);min-width:0}
.brand .custom-logo{height:var(--logo-h);width:auto;display:block;align-self:center}
.brand-name{font:800 1.75rem/1 var(--font-head);letter-spacing:-.05em}
.brand-slogan{font-size:.85rem;color:var(--c-muted);padding-left:.8rem;border-left:1.5px solid var(--c-border);line-height:1.2;white-space:nowrap}
.primary-nav{display:flex;align-items:center;gap:14px}
.menu{display:flex;gap:2px;list-style:none;margin:0;padding:0;align-items:center}
.menu li{position:relative}
.menu a{display:block;padding:.5rem .9rem;border-radius:999px;color:var(--c-text);text-decoration:none;font-weight:550;font-size:.97rem;transition:background .15s}
.menu a:hover,.menu .current-menu-item>a,.menu .current-menu-ancestor>a{background:var(--c-surface)}
.menu .sub-menu{position:absolute;left:0;top:calc(100% + 6px);min-width:220px;list-style:none;margin:0;padding:8px;background:#fff;border:1.5px solid var(--c-text);border-radius:var(--radius);display:none;z-index:60}
.mn-style-hard .menu .sub-menu{box-shadow:5px 5px 0 var(--c-text)}
.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}
.menu .sub-menu a{border-radius:8px}
.nav-toggle{display:none;width:44px;height:44px;border:1.5px solid var(--c-text);border-radius:12px;background:#fff;cursor:pointer;position:relative}
.nav-toggle span{position:absolute;left:11px;right:11px;height:2px;background:var(--c-text);transition:transform .2s,top .2s}
.nav-toggle span:first-child{top:16px}.nav-toggle span:last-child{top:25px}
.nav-toggle[aria-expanded="true"] span:first-child{top:20px;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:last-child{top:20px;transform:rotate(-45deg)}

/* ---------- Düğmeler ve etiketler ---------- */
.btn,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:.55em;padding:.85em 1.3em;border-radius:var(--radius);border:1.5px solid var(--c-text);background:#fff;color:var(--c-text);font:600 .97rem/1.1 var(--font-body);text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.btn-primary,.wp-block-button__link{background:var(--c-primary);color:var(--c-on-primary)}
.btn-sm{padding:.6em 1em;font-size:.9rem}
.mn-style-hard .btn,.mn-style-hard .wp-block-button__link{box-shadow:3px 3px 0 var(--c-text)}
.mn-style-hard .btn:hover,.mn-style-hard .wp-block-button__link:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--c-text)}
.mn-style-hard .btn:active,.mn-style-hard .wp-block-button__link:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--c-text)}
.mn-style-soft .btn:hover,.mn-style-soft .wp-block-button__link:hover{filter:brightness(1.06)}
.wp-block-button.is-style-outline .wp-block-button__link{background:#fff;color:var(--c-text)}
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.5rem}
.header-cta{white-space:nowrap}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:1.25rem}
.chip{display:inline-flex;align-items:center;gap:.5em;padding:.45em .95em;border-radius:999px;border:1.5px solid var(--c-border);background:#fff;color:var(--c-text);font:550 .9rem/1.2 var(--font-body);text-decoration:none;cursor:pointer;transition:border-color .15s,background .15s}
.chip i,.tool-cat i{width:.62em;height:.62em;border-radius:50%;background:var(--tc,var(--c-primary));flex:none}
.chip:hover{border-color:var(--c-text)}
.chip.is-active{background:var(--c-text);border-color:var(--c-text);color:#fff}
.tool-cat{display:inline-flex;align-items:center;gap:.5em;font:600 .85rem/1 var(--font-body);color:var(--c-muted);text-decoration:none;margin-bottom:.35rem}

/* ---------- Bölümler ---------- */
.section{padding:clamp(40px,6vw,84px) 0}
.section.tight{padding-top:8px}
.section-alt{background:var(--c-surface)}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:1.5rem}
.section-head h2{margin:0;font-size:clamp(1.6rem,3vw,2.3rem)}
.more{display:inline-flex;align-items:center;gap:.4em;font-weight:600;text-decoration:none}
.page-head{padding:clamp(36px,6vw,72px) 0 clamp(20px,3vw,36px)}
.page-head h1{font-size:clamp(2.1rem,5vw,3.6rem);letter-spacing:-.04em;margin-bottom:.35em}
.page-head .lead{font-size:1.15rem;color:var(--c-muted);max-width:62ch;margin:0}
.lead.prose-inline>*:last-child{margin-bottom:0}
.cat-title{display:flex;align-items:center;gap:.4em}
.cat-bar{display:inline-block;width:.2em;height:.85em;border-radius:99px;background:var(--tc,var(--c-primary))}
.crumbs{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.85rem;color:var(--c-muted);margin-bottom:1rem}
.crumbs a{color:var(--c-muted);text-decoration:none}.crumbs a:hover{color:var(--c-text)}
.crumbs i{font-style:normal;opacity:.5}
.meta{color:var(--c-muted);font-size:.9rem;margin-top:1rem}
.empty{padding:1.6rem;border:1.5px dashed var(--c-border);border-radius:var(--radius);color:var(--c-muted);text-align:center}
.big404{font:800 clamp(5rem,18vw,11rem)/1 var(--font-head);letter-spacing:-.06em;color:var(--c-primary);margin:0}

/* ---------- Blok sayfaları (ana sayfa, tam genişlik) ---------- */
.page-blocks>*:not(.alignfull):not(.alignwide){max-width:760px;margin-inline:auto;padding-inline:var(--gutter)}
.page-blocks>.alignwide{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.page-blocks>*:not(.alignfull):first-child{margin-top:2.5rem}
.page-blocks>*:not(.alignfull):last-child{margin-bottom:3rem}
.mn-band{display:grid;grid-template-columns:minmax(0,var(--container));justify-content:center;padding:clamp(52px,8vw,104px) var(--gutter);margin:0}
.mn-band>*{margin-block:0}
.mn-band>*+*{margin-top:1.1rem}
.mn-band--surface{background:var(--c-surface)}
.mn-band h2{font-size:clamp(1.9rem,3.8vw,3rem);letter-spacing:-.035em;margin-bottom:.2em}
.mn-lead{color:var(--c-muted);font-size:1.1rem;max-width:56ch}
.mn-band .tools,.mn-band .catlist,.mn-band .posts{margin-top:1.4rem}

.mn-hero{position:relative;overflow:hidden;padding-top:clamp(56px,10vw,128px);padding-bottom:clamp(64px,9vw,112px);background:
	radial-gradient(42vw 42vw at 92% -6%,color-mix(in srgb,var(--c-primary) 22%,transparent),transparent 70%),
	radial-gradient(38vw 38vw at -4% 108%,color-mix(in srgb,var(--c-accent) 20%,transparent),transparent 70%),
	var(--c-bg)}
.mn-hero>*{position:relative}
.mn-hero-title{font-size:clamp(2.7rem,7.2vw,5.8rem);line-height:.98;letter-spacing:-.048em;max-width:15ch;margin:0 0 .3em}
.mn-hero-sub{font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--c-muted);max-width:44ch}
.mn-hero .msearch{margin-top:2rem}

.mn-feature-cols{gap:clamp(24px,4vw,48px);margin-top:2rem}
.mn-feature-cols .wp-block-column{border-top:4px solid var(--c-primary);padding-top:1rem}
.mn-feature-cols .wp-block-column:nth-child(2){border-color:var(--c-accent)}
.mn-feature-cols .wp-block-column:nth-child(3){border-color:var(--c-sun)}
.mn-feature-cols h3{font-size:1.35rem}
.mn-feature-cols p{color:var(--c-muted)}
.wp-block-columns{display:flex;flex-wrap:wrap;gap:24px}
.wp-block-column{flex:1 1 220px;min-width:0}

.mn-cta{background:var(--c-primary);color:var(--c-on-primary)}
.mn-cta h2,.mn-cta p{color:inherit}
.mn-cta p{font-size:1.15rem;max-width:48ch;opacity:.92}
.mn-cta .wp-block-button__link{background:#fff;color:var(--c-text)}

/* ---------- Canlı arama ---------- */
.msearch{position:relative;max-width:780px;width:100%}
.msearch-form{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--c-text);border-radius:calc(var(--radius) + 8px);padding:8px 8px 8px 20px;transition:box-shadow .15s,transform .15s}
.mn-style-hard .msearch-form{box-shadow:6px 6px 0 var(--c-text)}
.msearch-form:focus-within{box-shadow:6px 6px 0 var(--c-primary);transform:translate(-1px,-1px)}
.mn-style-soft .msearch-form:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--c-primary) 25%,transparent);transform:none}
.msearch-ic{display:flex;color:var(--c-muted)}
.msearch input[type=search]{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 clamp(1.05rem,2vw,1.35rem)/1.2 var(--font-body);color:var(--c-text);padding:.7em 0;-webkit-appearance:none}
.msearch input[type=search]::placeholder{color:#8A93AE;opacity:1}
.msearch .btn{padding:.95em 1.5em}
.msearch-list{position:absolute;left:0;right:0;top:calc(100% + 12px);z-index:40;list-style:none;margin:0;padding:8px;background:#fff;border:2px solid var(--c-text);border-radius:calc(var(--radius) + 4px);max-height:70vh;overflow:auto}
.mn-style-hard .msearch-list{box-shadow:6px 6px 0 var(--c-text)}
.msearch-list[hidden]{display:none}
.msearch-list a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:.75rem .9rem;border-radius:calc(var(--radius) - 4px);text-decoration:none;color:var(--c-text)}
.msearch-list li.is-active a,.msearch-list a:hover{background:var(--c-surface)}
.msearch-list .dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--c-primary)}
.msearch-list .t{font-weight:600}
.msearch-list .t small{display:block;font-weight:400;color:var(--c-muted);font-size:.85rem}
.msearch-list .c{font-size:.8rem;color:var(--c-muted)}
.msearch-list mark{background:color-mix(in srgb,var(--c-sun) 40%,transparent);color:inherit;border-radius:3px}
.msearch-chips{margin:1.2rem 0 0;display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;color:var(--c-muted);font-size:.95rem}
.msearch-chips a{padding:.25em .8em;border:1.5px solid var(--c-border);border-radius:999px;background:#fff;color:var(--c-text);text-decoration:none;font-weight:550;font-size:.9rem;transition:border-color .15s}
.msearch-chips a:hover{border-color:var(--c-text)}
.search-hero .msearch{margin-top:1.4rem}

/* ---------- Araç kartları ---------- */
.tools{display:grid;gap:20px}
.tools--grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr))}
.tools--bento{grid-template-columns:repeat(3,minmax(0,1fr))}
.tools--bento .tool:first-child{grid-column:span 2;grid-row:span 2;padding:clamp(1.6rem,3vw,2.6rem)}
.tools--bento .tool:first-child h3{font-size:clamp(1.8rem,3.2vw,2.7rem);letter-spacing:-.04em}
.tools--bento .tool:first-child p{font-size:1.1rem;max-width:40ch}
.tool{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.4rem;background:#fff;border:1.5px solid var(--c-border);border-radius:var(--radius);color:var(--c-text);text-decoration:none;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}
.tool::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;transition:opacity .2s;background:radial-gradient(280px circle at var(--mx,92%) var(--my,0%),color-mix(in srgb,var(--tc) 26%,transparent),transparent 70%)}
.tool>*{position:relative}
.tool:hover::before{opacity:1}
.tool h3{font-size:1.3rem;letter-spacing:-.03em;margin:0}
.tool p{color:var(--c-muted);margin:0;font-size:.97rem;line-height:1.5}
.tool-go{margin-top:auto;padding-top:.8rem;display:inline-flex;align-items:center;gap:.45em;font-weight:650;font-size:.92rem}
.tool-go svg{transition:transform .18s}
.tool:hover .tool-go svg{transform:translateX(5px)}
.mn-style-hard .tool:hover{transform:translate(-3px,-3px);border-color:var(--c-text);box-shadow:6px 6px 0 var(--tc)}
.mn-style-soft .tool:hover{border-color:var(--tc)}
.tool[hidden],.tool.is-hidden{display:none}
.browse-bar{display:flex;flex-direction:column;gap:6px;margin-bottom:1.8rem}
.browse-q{width:100%;max-width:520px;padding:.85em 1.1em;border:1.5px solid var(--c-text);border-radius:var(--radius);background:#fff;font:500 1.05rem/1.2 var(--font-body);color:var(--c-text)}
.browse .chips{margin-top:.6rem}

/* ---------- Kategori dizini ---------- */
.catlist{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--c-text)}
.catlist a{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) auto 28px;gap:clamp(12px,3vw,32px);align-items:center;padding:1.3rem .5rem;border-bottom:1.5px solid var(--c-text);color:var(--c-text);text-decoration:none;transition:background .18s,padding .18s}
.catlist a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--tc);transition:width .18s}
.catlist a:hover{background:color-mix(in srgb,var(--tc) 12%,transparent);padding-left:1.4rem}
.catlist a:hover::before{width:7px}
.catlist-name{font:700 clamp(1.4rem,2.8vw,2.1rem)/1.1 var(--font-head);letter-spacing:-.035em}
.catlist-desc{color:var(--c-muted);font-size:.98rem}
.catlist-n{font-weight:600;font-size:.9rem;white-space:nowrap}
.catlist-ar{display:flex;justify-content:flex-end;transition:transform .18s}
.catlist a:hover .catlist-ar{transform:translateX(4px)}

/* ---------- Yazı kartları ---------- */
.posts{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
.post-card{display:flex;flex-direction:column;gap:.35rem;padding:1.4rem;background:#fff;border:1.5px solid var(--c-border);border-top:5px solid var(--tc,var(--c-primary));border-radius:var(--radius);transition:transform .18s,box-shadow .18s,border-color .18s}
.mn-style-hard .post-card:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--tc);border-color:var(--c-text);border-top-color:var(--tc)}
.post-card .thumb{display:block;margin:-1.4rem -1.4rem .8rem;overflow:hidden;border-radius:calc(var(--radius) - 4px) calc(var(--radius) - 4px) 0 0}
.post-card .thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.post-card h3{font-size:1.3rem;letter-spacing:-.03em;margin:0 0 .2rem}
.post-card h3 a{color:var(--c-text);text-decoration:none}
.post-card p{color:var(--c-muted);margin:0;font-size:.97rem;line-height:1.55}
.post-card .meta{margin-top:auto;padding-top:.9rem;font-size:.82rem}
.posts>.post-card:first-child{grid-column:span 2}
.posts>.post-card:first-child h3{font-size:clamp(1.5rem,2.6vw,2.1rem)}

/* ---------- Tek araç sayfası ---------- */
.tool-shell{background:#fff;border:2px solid var(--c-text);border-radius:calc(var(--radius) + 4px);overflow:hidden}
.mn-style-hard .tool-shell{box-shadow:8px 8px 0 var(--tc,var(--c-primary))}
.tool-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.6rem .9rem .6rem 1.2rem;border-bottom:2px solid var(--c-text);background:color-mix(in srgb,var(--tc,var(--c-primary)) 14%,#fff)}
.tool-name{font:650 .95rem/1.2 var(--font-body)}
.tool-frame{display:block;width:100%;border:0;background:#fff}
.tool-shell.is-full{position:fixed;inset:0;z-index:300;border-radius:0;border:0;display:flex;flex-direction:column}
.tool-shell.is-full .tool-frame{flex:1;height:auto!important}

/* ---------- İçerik (yazı ve sayfa metni) ---------- */
.prose{font-size:1.06rem;line-height:1.75}
.prose>*+*{margin-top:1.15em}
.prose h2{font-size:clamp(1.55rem,3vw,2.1rem);margin-top:1.8em}
.prose h3{font-size:1.35rem;margin-top:1.5em}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:.35em}
.prose blockquote{margin-inline:0;padding:.2em 0 .2em 1.2em;border-left:5px solid var(--c-accent);font-size:1.12em}
.prose code{background:var(--c-surface);padding:.15em .4em;border-radius:6px;font-size:.9em}
.prose pre{background:var(--c-text);color:#fff;padding:1.1rem;border-radius:var(--radius);overflow:auto}
.prose pre code{background:none;padding:0}
.prose table,.wp-block-table table{width:100%;border-collapse:collapse;font-size:.97rem}
.prose th,.prose td{padding:.65rem .8rem;border-bottom:1.5px solid var(--c-border);text-align:left}
.prose th{background:var(--c-surface)}
.prose img{border-radius:var(--radius)}
.hero-img{margin:0 0 2rem}.hero-img img{border-radius:var(--radius);display:block}
.tags{margin-top:2rem;color:var(--c-muted);font-size:.92rem}
.tags a{display:inline-block;margin:0 .3rem .3rem 0;padding:.2em .7em;border:1.5px solid var(--c-border);border-radius:99px;text-decoration:none;color:var(--c-text)}

/* ---------- Sayfalama, yorumlar ---------- */
.nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:2.4rem}
.page-numbers{padding:.5em .95em;border:1.5px solid var(--c-border);border-radius:999px;background:#fff;color:var(--c-text);text-decoration:none;font-weight:600}
.page-numbers.current{background:var(--c-text);color:#fff;border-color:var(--c-text)}
.comments{margin-top:3rem}
.comment-list{list-style:none;padding:0}.comment-list .comment-body{padding:1rem 0;border-bottom:1.5px solid var(--c-border)}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:.7em .9em;border:1.5px solid var(--c-border);border-radius:10px;font:inherit}

/* ---------- Alt bilgi ---------- */
.site-footer{background:var(--c-footer);color:var(--c-footer-text);margin-top:0;padding-top:clamp(44px,6vw,80px)}
.site-footer a{color:var(--c-footer-text);text-decoration:none}
.site-footer a:hover{color:#fff;text-decoration:underline}
.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:clamp(24px,4vw,56px)}
.brand-foot{flex-direction:column;align-items:flex-start;gap:.5rem;color:#fff}
.brand-foot .brand-name{font-size:clamp(2.4rem,5vw,3.6rem)}
.brand-foot .brand-slogan{border:0;padding:0;color:var(--c-footer-text);font-size:1rem}
.f-brand p{margin:1rem 0;max-width:38ch;font-size:.97rem}
.socials{display:flex;flex-wrap:wrap;gap:8px}
.socials a{padding:.3em .85em;border:1.5px solid color-mix(in srgb,var(--c-footer-text) 40%,transparent);border-radius:99px;font-size:.88rem}
.f-col h4,.widget-title{color:#fff;font:700 1rem/1.2 var(--font-head);letter-spacing:0;margin-bottom:1rem}
.f-col ul{list-style:none;margin:0;padding:0}
.f-col li+li{margin-top:.55rem}
.footer-bottom{margin-top:clamp(32px,5vw,56px);padding-block:1.4rem;border-top:1.5px solid color-mix(in srgb,var(--c-footer-text) 25%,transparent);font-size:.9rem}
.footer-bottom p{margin:0}

/* ---------- Duyarlı ---------- */
@media (max-width:960px){
	.tools--bento{grid-template-columns:repeat(2,minmax(0,1fr))}
	.tools--bento .tool:first-child{grid-column:span 2;grid-row:auto}
	.posts{grid-template-columns:repeat(2,minmax(0,1fr))}
	.footer-grid{grid-template-columns:1fr 1fr}
	.f-brand{grid-column:1/-1}
}
@media (max-width:860px){
	.nav-toggle{display:block}
	.primary-nav{position:fixed;inset:var(--hh) 0 0 0;flex-direction:column;align-items:stretch;gap:20px;padding:20px var(--gutter) 40px;background:var(--c-bg);overflow:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}
	.primary-nav.open{opacity:1;visibility:visible;transform:none}
	.menu{flex-direction:column;align-items:stretch;gap:0}
	.menu a{font:700 1.5rem/1.2 var(--font-head);padding:.8rem 0;border-radius:0;border-bottom:1.5px solid var(--c-border)}
	.menu a:hover{background:none}
	.menu .sub-menu{position:static;display:block;border:0;box-shadow:none!important;padding:0 0 0 1rem;background:none}
	.menu .sub-menu a{font-size:1.1rem}
	.header-cta{align-self:flex-start}
	body.nav-open{overflow:hidden}
}
@media (max-width:640px){
	.tools--bento,.posts{grid-template-columns:1fr}
	.tools--bento .tool:first-child,.posts>.post-card:first-child{grid-column:auto}
	.brand-slogan{display:none}
	.catlist a{grid-template-columns:1fr auto;row-gap:4px}
	.catlist-desc{grid-column:1/-1;order:3}
	.msearch-form{padding-left:14px}
	.msearch .btn{padding:.9em 1.1em}
	.footer-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}