/*
Theme Name: MangaFire Hub Custom Theme
Theme URI: https://mangafirehub.example/
Author: linkjuiceworld@gmail.com
Author URI: mailto:linkjuiceworld@gmail.com
Description: High-performance, 100% mobile-optimized custom SEO theme for MangaFire Hub.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mangafire-hub
Tags: dark, one-column, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ==========================================================================
   1. Tailwind CSS core layers (base · components · utilities)
   Compiled with Tailwind CSS v3.4.17 against every class this theme uses,
   so there is no 300 KB runtime CDN script to slow the page down.
   ========================================================================== */
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-3{bottom:.75rem}.bottom-\[9\%\]{bottom:9%}.left-3{left:.75rem}.left-4{left:1rem}.left-\[10\%\]{left:10%}.left-\[16\%\]{left:16%}.left-\[38\%\]{left:38%}.left-\[8\%\]{left:8%}.right-4{right:1rem}.right-\[24\%\]{right:24%}.right-\[30\%\]{right:30%}.right-\[8\%\]{right:8%}.right-\[max\(16px\2c calc\(\(100vw-1180px\)\/2\)\)\]{right:max(16px,calc(50vw - 590px))}.top-1\/2{top:50%}.top-3{top:.75rem}.top-\[14\%\]{top:14%}.top-\[42\%\]{top:42%}.top-\[56px\]{top:56px}.top-\[60\%\]{top:60%}.top-\[68\%\]{top:68%}.isolate{isolation:isolate}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-5{grid-column:span 5/span 5}.row-span-2{grid-row:span 2/span 2}.row-span-4{grid-row:span 4/span 4}.mx-auto{margin-left:auto;margin-right:auto}.-mt-2{margin-top:-.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.block{display:block}.\!flex{display:flex!important}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[4\/5\]{aspect-ratio:4/5}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-\[3\%\]{height:3%}.h-\[42\%\]{height:42%}.h-\[46\%\]{height:46%}.h-\[500px\]{height:500px}.h-\[8\%\]{height:8%}.h-full{height:100%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11\/12{width:91.666667%}.w-14{width:3.5rem}.w-2{width:.5rem}.w-2\/3{width:66.666667%}.w-28{width:7rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-5\/6{width:83.333333%}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-\[10\%\]{width:10%}.w-\[22\%\]{width:22%}.w-\[410px\]{width:410px}.w-\[58\%\]{width:58%}.w-full{width:100%}.min-w-0{min-width:0}.max-w-3xl{max-width:48rem}.max-w-\[650px\]{max-width:650px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-none{flex:none}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.rotate-\[3\.5deg\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[3\.5deg\]{--tw-rotate:3.5deg}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.\!items-center{align-items:center!important}.items-center{align-items:center}.\!justify-start{justify-content:flex-start!important}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-y-2{row-gap:.5rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[6px\]{border-width:6px}.border-t{border-top-width:1px}.border-\[\#111\]{--tw-border-opacity:1;border-color:rgb(17 17 17/var(--tw-border-opacity,1))}.border-\[\#1b2434\]{--tw-border-opacity:1;border-color:rgb(27 36 52/var(--tw-border-opacity,1))}.border-\[\#c8d0e0\]{--tw-border-opacity:1;border-color:rgb(200 208 224/var(--tw-border-opacity,1))}.bg-\[\#0a0e18\]{--tw-bg-opacity:1;background-color:rgb(10 14 24/var(--tw-bg-opacity,1))}.bg-\[\#1b2434\]{--tw-bg-opacity:1;background-color:rgb(27 36 52/var(--tw-bg-opacity,1))}.bg-\[\#262b36\]{--tw-bg-opacity:1;background-color:rgb(38 43 54/var(--tw-bg-opacity,1))}.bg-\[\#d6dae2\]{--tw-bg-opacity:1;background-color:rgb(214 218 226/var(--tw-bg-opacity,1))}.bg-\[\#eef0f4\]{--tw-bg-opacity:1;background-color:rgb(238 240 244/var(--tw-bg-opacity,1))}.bg-\[\#ff6633\]{--tw-bg-opacity:1;background-color:rgb(255 102 51/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.pr-3{padding-right:.75rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.\!font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important}.\!text-\[13\.5px\]{font-size:13.5px!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15\.5px\]{font-size:15.5px}.text-\[15px\]{font-size:15px}.text-\[16\.5px\]{font-size:16.5px}.text-\[16px\]{font-size:16px}.text-\[17\.5px\]{font-size:17.5px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[34px\]{font-size:34px}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.\!normal-case{text-transform:none!important}.leading-snug{line-height:1.375}.\!tracking-normal{letter-spacing:0!important}.tracking-\[\.14em\]{letter-spacing:.14em}.text-\[\#111\]{--tw-text-opacity:1;color:rgb(17 17 17/var(--tw-text-opacity,1))}.text-\[\#8e9ab0\]{--tw-text-opacity:1;color:rgb(142 154 176/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-40{opacity:.4}.shadow-\[0_0_44px_rgba\(255\2c 61\2c 0\2c \.3\)\]{--tw-shadow:0 0 44px rgba(255,61,0,.3);--tw-shadow-colored:0 0 44px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.sepia{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia:sepia(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.disabled\:opacity-40:disabled{opacity:.4}@media (min-width:640px){.sm\:flex-row{flex-direction:row}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:gap-6{gap:1.5rem}.md\:p-10{padding:2.5rem}.md\:p-5{padding:1.25rem}.md\:p-6{padding:1.5rem}.md\:p-7{padding:1.75rem}.md\:p-9{padding:2.25rem}.md\:text-\[34px\]{font-size:34px}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[\.7fr_1\.3fr\]{grid-template-columns:.7fr 1.3fr}.lg\:grid-cols-\[\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.lg\:grid-cols-\[1\.1fr_\.9fr\]{grid-template-columns:1.1fr .9fr}.lg\:grid-cols-\[1\.3fr_1fr_1fr_1fr\]{grid-template-columns:1.3fr 1fr 1fr 1fr}.lg\:grid-cols-\[1fr_1\.05fr\]{grid-template-columns:1fr 1.05fr}.lg\:grid-cols-\[1fr_250px\]{grid-template-columns:1fr 250px}.lg\:grid-cols-\[1fr_340px\]{grid-template-columns:1fr 340px}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}}

/* ==========================================================================
   2. MangaFire Hub design system
   ========================================================================== */
[hidden] { display: none !important; }
/* Layout: an obsidian comic book; every band is a panel split by slanted ink gutters, tools sit in frosted trays, reference data in dense tables */
:root {
  --bg: #05080e;
  --card: #111823;
  --glass: rgba(17,24,35,.66);
  --line: rgba(160,176,205,.15);
  --fg: #f5f7fb;
  --body: #c9d1de;
  --muted: #8e9ab0;
  --ember: #ff3d00;
  --ember-2: #ff7440;
  --mint: #00e676;
  --ember-fill: #c43500;   /* ember for filled controls: passes 4.5:1 with white text */
  --amber: #ffc23d;
  --font-display: "Dela Gothic One", "Arial Black", Impact, sans-serif;
  --font-body: "Manrope", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  color-scheme: dark;
}
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }
body { background: var(--bg); color: var(--fg); font-family: var(--font-body); font-size: 16px; line-height: 1.68; overflow-x: hidden; }
body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 60; background: var(--bg); }
.gutter { padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.wrap { max-width: 1180px; margin-inline: auto; }
.display { font-family: var(--font-display); font-weight: 400; letter-spacing: -0.01em; line-height: 1.08; text-wrap: balance; overflow-wrap: break-word; }
.mono { font-family: var(--font-mono); }
.eyebrow { font-family: var(--font-mono); font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--ember-2); }
.muted { color: var(--muted); } .bodyc { color: var(--body); }
.prose-col { max-width: 66ch; }
.ember { color: var(--ember); } .mint { color: var(--mint); }
.glass { background: var(--glass); border: 1px solid var(--line); border-radius: 18px; backdrop-filter: blur(18px) saturate(150%); -webkit-backdrop-filter: blur(18px) saturate(150%); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 20px 50px rgba(0,0,0,.35); }
.card { background: var(--card); border: 1px solid var(--line); border-radius: 16px; }
.hair { border-color: var(--line); }
.tabular { font-variant-numeric: tabular-nums; }
:focus-visible { outline: 2px solid var(--ember-2); outline-offset: 3px; }
h2.sec { font-size: clamp(1.6rem, 4.2vw, 3rem); }
.prose p + p { margin-top: 1rem; }
.prose h2, .prose h3 { font-family: var(--font-body); font-weight: 800; font-size: 1.15rem; color: var(--fg); margin-top: 1.8rem; margin-bottom: .5rem; }
.prose ul { list-style: none; display: grid; gap: .5rem; margin-top: .75rem; }
.prose ul li { padding-left: 1.4rem; position: relative; }
.prose ul li::before { content: ""; position: absolute; left: 0; top: .7em; width: 8px; height: 8px; background: var(--ember); transform: rotate(45deg); }
.prose strong { color: var(--fg); }
.prose code { font-family: var(--font-mono); font-size: .88em; background: rgba(255,61,0,.1); color: #ffb08f; padding: 1px 6px; border-radius: 5px; }

/* Comic gutters between bands */
.cut { height: 46px; background: var(--bg); position: relative; }
.cut::before { content: ""; position: absolute; inset: 0; background: linear-gradient(var(--line), var(--line)) center/100% 2px no-repeat; transform: skewY(-1.6deg); }
.cut::after { content: ""; position: absolute; left: 50%; top: 50%; width: 60px; height: 6px; transform: translate(-50%,-50%) skewY(-1.6deg); background: var(--ember); box-shadow: 0 0 18px var(--ember); }
.band-alt { background: #080c14; }

/* Logo core */
.core { position: relative; width: 28px; height: 28px; border-radius: 50%; background: radial-gradient(circle at 50% 55%, #fff1e6 0 16%, var(--ember-2) 30%, var(--ember) 58%, #6b1500 100%); box-shadow: 0 0 18px rgba(255,61,0,.75); animation: pulse 2.4s ease-in-out infinite; flex: none; }
.core::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 1px solid rgba(255,61,0,.55); animation: ring 2.4s ease-out infinite; }
@keyframes pulse { 50% { box-shadow: 0 0 30px rgba(255,61,0,1), 0 0 60px rgba(255,122,60,.35); } }
@keyframes ring { 0% { transform: scale(.8); opacity: 1 } 100% { transform: scale(1.55); opacity: 0 } }
.navlink { color: var(--muted); font-size: 14px; font-weight: 700; transition: color .2s; }
.navlink:hover, .navlink.active { color: var(--fg); }

/* Action block */
.cta-main { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 22px; border-radius: 14px; font-weight: 800; color: #fff; background: linear-gradient(180deg, #c93f0e, #a82e00); box-shadow: 0 0 0 1px rgba(255,255,255,.12) inset, 0 10px 30px rgba(255,61,0,.4); transition: transform .2s, box-shadow .2s; }
.cta-main:hover { transform: translateY(-2px); box-shadow: 0 0 0 1px rgba(255,255,255,.18) inset, 0 14px 40px rgba(255,61,0,.55); }
.cta-alt { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 22px; border-radius: 14px; font-weight: 800; color: var(--fg); border: 1px solid rgba(0,230,118,.45); background: rgba(0,230,118,.07); transition: background .2s, transform .2s; }
.cta-alt:hover { background: rgba(0,230,118,.14); transform: translateY(-2px); }

/* Hero */
#heroArt { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,8,14,.97) 0%, rgba(5,8,14,.85) 44%, rgba(5,8,14,.2) 100%), linear-gradient(0deg, var(--bg) 0%, transparent 28%); }
.ink { border: 3px solid #f2f4f8; border-radius: 3px; overflow: hidden; position: relative; box-shadow: 0 0 0 3px #05080e; }
.halftone { background-image: radial-gradient(rgba(255,255,255,.13) 1.1px, transparent 1.3px); background-size: 8px 8px; }
.terminal { background: rgba(4,7,12,.8); border: 1px solid var(--line); border-radius: 16px; backdrop-filter: blur(10px); }
.tcell { padding: 20px 22px; }
.tcell + .tcell { border-top: 1px solid var(--line); }
@media (min-width: 768px) { .tcell + .tcell { border-top: 0; border-left: 1px solid var(--line); } }

/* Roadmap */
.rail { position: relative; display: grid; gap: 10px; }
@media (min-width: 900px) { .rail { grid-template-columns: repeat(5, 1fr); } .rail::before { content: ""; position: absolute; top: 31px; left: 10%; right: 10%; height: 2px; background: linear-gradient(90deg, var(--ember), rgba(255,61,0,.15)); } }
.node { position: relative; text-align: left; padding: 14px; border-radius: 14px; border: 1px solid transparent; transition: all .25s; display: flex; gap: 12px; align-items: center; }
@media (min-width: 900px) { .node { flex-direction: column; text-align: center; } }
.node:hover { background: rgba(255,255,255,.03); }
.node[aria-selected="true"] { background: rgba(255,61,0,.08); border-color: rgba(255,61,0,.45); }
.dot { width: 36px; height: 36px; flex: none; border-radius: 50%; display: grid; place-items: center; font-family: var(--font-mono); font-weight: 600; font-size: 13px; background: var(--card); border: 2px solid #3a4558; color: var(--muted); position: relative; z-index: 1; transition: all .25s; }
.node[aria-selected="true"] .dot { border-color: var(--ember); color: #fff; box-shadow: 0 0 16px rgba(255,61,0,.7); }
.node.done .dot { background: var(--mint); border-color: var(--mint); color: #062514; }
.rm-check { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--line); cursor: pointer; transition: all .2s; }
.rm-check input { margin-top: 5px; accent-color: var(--mint); width: 16px; height: 16px; flex: none; }
.rm-check:has(input:checked) { border-color: rgba(0,230,118,.4); background: rgba(0,230,118,.05); }

/* Simulator */
.seg { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 4px; background: rgba(4,7,12,.65); border: 1px solid var(--line); border-radius: 12px; }
.seg button { padding: 8px 12px; border-radius: 9px; font-size: 13px; font-weight: 700; color: var(--muted); transition: all .2s; text-align: left; }
.seg button[aria-pressed="true"] { background: var(--ember-fill); color: #fff; box-shadow: 0 0 18px rgba(255,61,0,.5); }
.seg button:hover:not([aria-pressed="true"]) { color: var(--fg); background: rgba(255,255,255,.05); }
.preview { height: 430px; background: #03050a; border-radius: 14px; border: 1px solid var(--line); overflow: hidden; position: relative; }
.strip { position: absolute; left: 50%; width: 58%; top: 0; display: flex; flex-direction: column; animation: scroll 16s linear infinite; transform: translateX(-50%); }
@keyframes scroll { from { transform: translate(-50%, 0) } to { transform: translate(-50%, -50%) } }
.spread { position: absolute; inset: 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 3px; }
.pg { background: #eef0f4; position: relative; overflow: hidden; }
.pg-pad { position: absolute; inset: 8%; display: grid; gap: 5px; grid-template-columns: repeat(3,1fr); grid-template-rows: repeat(2,1fr); }
.p { border: 2px solid #111; background: #d6dae2; position: relative; overflow: hidden; }
.p.dark { background: #262b36; } .p.hot { background: #ff6633; }
.tone { background-image: radial-gradient(rgba(0,0,0,.28) 1px, transparent 1.2px); background-size: 6px 6px; }
.sfx { position: absolute; font-family: var(--font-display); color: #111; }
.bubble { position: absolute; background: #fff; border: 2px solid #111; border-radius: 50%; font-size: 9px; font-weight: 800; color: #111; display: grid; place-items: center; text-align: center; line-height: 1.15; padding: 4px; }
.meter { height: 6px; border-radius: 99px; background: rgba(255,255,255,.07); overflow: hidden; }
.meter > span { display: block; height: 100%; transition: width .5s ease; border-radius: 99px; }
.fadein { animation: fadein .45s ease both; }
@keyframes fadein { from { opacity: .15; transform: translateY(4px) } to { opacity: 1; transform: none } }

/* Auditor */
.opt { display: flex; gap: 14px; align-items: flex-start; padding: 15px 17px; border-radius: 14px; border: 1px solid var(--line); background: rgba(17,24,35,.6); cursor: pointer; transition: all .25s; }
.opt input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.sw { flex: none; width: 40px; height: 22px; border-radius: 99px; background: #273246; position: relative; margin-top: 2px; transition: background .25s; }
.sw::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #c8d0e0; transition: transform .25s, background .25s; }
.opt.on { border-color: rgba(0,230,118,.55); background: rgba(0,230,118,.06); }
.opt.on .sw { background: rgba(0,230,118,.35); }
.opt.on .sw::after { transform: translateX(18px); background: var(--mint); box-shadow: 0 0 10px var(--mint); }
.opt:focus-within { outline: 2px solid var(--ember-2); outline-offset: 3px; }
.pts { font-family: var(--font-mono); font-size: 12px; color: var(--muted); white-space: nowrap; }
.opt.on .pts { color: var(--mint); }
.glowrow { display: grid; grid-template-columns: repeat(20, 1fr); gap: 4px; }
.glowrow i { height: 24px; border-radius: 4px; background: rgba(255,255,255,.06); transition: background .3s, box-shadow .3s; }
.glowrow.thin i { height: 6px; }
.lit-r { background: var(--ember) !important; box-shadow: 0 0 12px rgba(255,61,0,.75); }
.lit-a { background: var(--amber) !important; box-shadow: 0 0 12px rgba(255,194,61,.6); }
.lit-g { background: var(--mint) !important; box-shadow: 0 0 14px rgba(0,230,118,.85); }
.console { background: #03140c; border: 1px solid rgba(0,230,118,.5); border-radius: 14px; box-shadow: 0 0 40px rgba(0,230,118,.16), inset 0 0 30px rgba(0,230,118,.06); }
.console .ln { font-family: var(--font-mono); font-size: 12.5px; color: #b6f4d3; }

/* Tables */
.tbl { width: 100%; border-collapse: collapse; min-width: 760px; }
.tbl th, .tbl td { text-align: left; padding: 16px 18px; border-bottom: 1px solid var(--line); vertical-align: top; font-size: 14.5px; }
.tbl thead th { font-family: var(--font-mono); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); font-weight: 500; background: rgba(4,7,12,.5); }
.tbl tbody th { color: var(--fg); font-weight: 800; width: 20%; }
.tbl td { color: var(--body); }
.tbl ol { list-style: decimal; padding-left: 18px; display: grid; gap: 6px; }
.tag { display: inline-block; font-family: var(--font-mono); font-size: 11px; padding: 2px 8px; border-radius: 6px; margin-bottom: 8px; }
.tag-g { background: rgba(0,230,118,.12); color: var(--mint); }
.tag-a { background: rgba(255,194,61,.12); color: var(--amber); }
.tag-r { background: rgba(255,61,0,.15); color: #ff9670; }

/* Dropdown nav */
.menu-item { position: relative; }
.submenu { position: absolute; top: calc(100% + 10px); left: -12px; min-width: 220px; padding: 8px; display: grid; gap: 2px; opacity: 0; visibility: hidden; transform: translateY(-4px); transition: all .2s; z-index: 60; }
.menu-item:hover .submenu, .menu-item:focus-within .submenu { opacity: 1; visibility: visible; transform: none; }
.submenu a { padding: 8px 10px; border-radius: 8px; font-size: 13.5px; color: var(--body); font-weight: 600; }
.submenu a:hover { background: rgba(255,255,255,.05); color: var(--fg); }

/* Chips + error DB */
.chip { padding: 7px 13px; border-radius: 99px; font-size: 13px; font-weight: 700; border: 1px solid var(--line); color: var(--muted); transition: all .2s; }
.chip[aria-pressed="true"] { background: var(--ember-fill); border-color: var(--ember-fill); color: #fff; box-shadow: 0 0 14px rgba(255,61,0,.45); }
.chip:hover:not([aria-pressed="true"]) { color: var(--fg); }
.search { width: 100%; background: rgba(3,5,10,.7); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px 12px 42px; color: var(--fg); font-size: 15px; }
.search::placeholder { color: var(--muted); }
.search:focus { outline: 2px solid var(--ember-2); outline-offset: 1px; }
.err { border: 1px solid var(--line); border-radius: 14px; background: rgba(17,24,35,.6); overflow: hidden; }
.err summary { list-style: none; cursor: pointer; padding: 16px 18px; display: flex; gap: 14px; align-items: flex-start; }
.err summary::-webkit-details-marker { display: none; }
.err[open] { border-color: rgba(255,61,0,.4); }
.err .code { font-family: var(--font-mono); font-size: 12px; font-weight: 600; padding: 3px 8px; border-radius: 6px; background: rgba(255,61,0,.12); color: #ff9a70; white-space: nowrap; flex: none; }
.err .fix { padding: 0 18px 18px; display: grid; gap: 14px; color: var(--body); font-size: 14.5px; }
.err .fix ol { list-style: decimal; padding-left: 20px; display: grid; gap: 6px; }
.lbl { font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; color: var(--muted); text-transform: uppercase; display: block; margin-bottom: 4px; }

/* Calculator */
.field label { font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); display: flex; justify-content: space-between; }
.field input[type=range] { width: 100%; accent-color: var(--ember); margin-top: 8px; }
.field output { color: var(--fg); font-weight: 600; }

/* Footer */
.foot h2 { font-family: var(--font-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--ember-2); margin-bottom: 14px; }
.foot p, .foot li { font-size: 13.5px; color: var(--muted); line-height: 1.65; }
.foot ul { display: grid; gap: 8px; }
.foot a:hover { color: var(--fg); }

/* Insights grid */
.post { display: flex; flex-direction: column; background: var(--glass); border: 1px solid var(--line); border-radius: 18px; overflow: hidden; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); transition: transform .25s, border-color .25s, box-shadow .25s; min-width: 0; }
.post:hover { transform: translateY(-3px); border-color: rgba(255,61,0,.45); box-shadow: 0 18px 40px rgba(0,0,0,.4), 0 0 0 1px rgba(255,61,0,.15); }
.cover { position: relative; aspect-ratio: 16/9; max-width: 100%; overflow: hidden; border-bottom: 1px solid var(--line); background: #0b111c; }
.cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cover .glyph { position: absolute; right: 14px; bottom: 6px; font-family: var(--font-display); font-size: 54px; line-height: 1; color: rgba(255,255,255,.88); text-shadow: 0 0 24px rgba(255,61,0,.6); }
.cover .lines { position: absolute; inset: 0; background: repeating-conic-gradient(from 0deg at 82% 70%, rgba(255,255,255,.07) 0deg 2deg, transparent 2deg 10deg); }
.cover .dots { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.12) 1.1px, transparent 1.3px); background-size: 8px 8px; mask-image: linear-gradient(120deg, #000, transparent 70%); -webkit-mask-image: linear-gradient(120deg, #000, transparent 70%); }
.cat { position: absolute; left: 12px; top: 12px; font-family: var(--font-mono); font-size: 11px; font-weight: 600; letter-spacing: .08em; padding: 4px 9px; border-radius: 7px; background: rgba(5,8,14,.75); color: #ffb08f; border: 1px solid rgba(255,61,0,.35); }
.post h3 { font-weight: 800; font-size: 18px; line-height: 1.3; text-wrap: balance; }
.post .meta-row { display: flex; flex-wrap: wrap; gap: 6px 14px; font-family: var(--font-mono); font-size: 12px; color: var(--muted); }
.readlink { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; font-size: 14px; color: var(--ember-2); }
.readlink:hover { color: #fff; }
.skel { background: linear-gradient(90deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.09) 40%, rgba(255,255,255,.04) 80%); background-size: 200% 100%; animation: shimmer 1.3s linear infinite; border-radius: 8px; }
@keyframes shimmer { to { background-position: -200% 0; } }
.feedpill { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 12px; padding: 5px 11px; border-radius: 99px; border: 1px solid var(--line); color: var(--muted); }
.feedpill i { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
/* Article reader dialog */
#reader { position: fixed; inset: 0; z-index: 80; background: rgba(2,4,8,.78); backdrop-filter: blur(6px); display: grid; place-items: center; padding: max(16px, env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) max(16px, env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px)); }
#reader .sheet { width: 100%; max-width: 760px; max-height: 100%; overflow-y: auto; border-radius: 20px; background: #0b1019; border: 1px solid var(--line); box-shadow: 0 30px 80px rgba(0,0,0,.6); }

/* Legal hub */
.ltabs { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; }
@media (min-width: 1024px) { .ltabs { flex-direction: column; overflow: visible; } }
.ltab { display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-radius: 12px; font-weight: 700; font-size: 14.5px; color: var(--muted); border: 1px solid transparent; white-space: nowrap; text-align: left; transition: all .2s; }
.ltab:hover { color: var(--fg); background: rgba(255,255,255,.03); }
.ltab[aria-selected="true"] { color: var(--fg); background: rgba(255,61,0,.1); border-color: rgba(255,61,0,.45); }
.ltab[aria-selected="true"] i { color: var(--ember); }
.lpanel { animation: fadein .35s ease both; }
.lpanel h3 { font-size: 1.1rem; }
.lpanel .meta { font-family: var(--font-mono); font-size: 12px; color: var(--muted); }
.mailcard { background: linear-gradient(150deg, rgba(255,61,0,.16), rgba(17,24,35,.7) 55%); border: 1px solid rgba(255,61,0,.4); border-radius: 18px; }
.mail { font-family: var(--font-mono); font-size: clamp(15px, 2.6vw, 22px); font-weight: 600; color: #fff; word-break: break-all; user-select: all; }
.copybtn { display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border-radius: 12px; font-weight: 800; color: #fff; background: var(--ember-fill); box-shadow: 0 0 20px rgba(255,61,0,.45); transition: transform .2s; }
.copybtn:hover { transform: translateY(-1px); }
.copybtn.ok { background: var(--mint); color: #03140c; box-shadow: 0 0 20px rgba(0,230,118,.5); }

/* Skip link */
.skip { position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--ember-fill); color: #fff; font-weight: 800; padding: 12px 16px; border-radius: 10px; transition: top .2s ease-in-out; }
.skip:focus { top: calc(env(safe-area-inset-top, 0px) + 12px); }

/* Mobile drawer */
.burger { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; border: 1px solid var(--line); }
.burger span { display: block; width: 20px; height: 2px; background: var(--fg); border-radius: 2px; transition: transform .3s ease-in-out, opacity .3s ease-in-out; }
.burger span + span { margin-top: 5px; }
.burger .bars { display: grid; }
@media (min-width: 1024px) { #menuBtn { display: none; } }
.burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.drawer-veil { position: fixed; inset: 0; z-index: 70; background: rgba(2,4,8,.7); opacity: 0; visibility: hidden; transition: opacity .3s ease-in-out, visibility .3s; }
.drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: 71; width: min(86vw, 360px); background: #0b1019; border-left: 1px solid var(--line); transform: translateX(100%); transition: transform .3s ease-in-out; overflow-y: auto; overscroll-behavior: contain;
  padding: calc(env(safe-area-inset-top, 0px) + 16px) max(16px, env(safe-area-inset-right, 0px)) calc(env(safe-area-inset-bottom, 0px) + 24px) 16px; }
body.drawer-open .drawer-veil { opacity: 1; visibility: visible; }
body.drawer-open .drawer { transform: none; }
body.drawer-open { overflow: hidden; }
#mobileMenu a { min-height: 48px; display: flex; align-items: center; border-radius: 10px; }
#mobileMenu a:hover { background: rgba(255,255,255,.04); }

/* Horizontal scroll containers: touch-friendly, slim styled bar */
.overflow-x-auto { -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: rgba(255,116,64,.5) transparent; }
.overflow-x-auto::-webkit-scrollbar { height: 6px; }
.overflow-x-auto::-webkit-scrollbar-thumb { background: rgba(255,116,64,.45); border-radius: 99px; }
.overflow-x-auto::-webkit-scrollbar-track { background: transparent; }

/* Zero-shift blog cards: skeleton and real card share fixed dimensions */
.post-body { height: 256px; overflow: hidden; }
.post h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; }
.post .excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
#postGrid { min-height: 300px; }
.preview { contain: strict; }

/* FAQ */
details { border-bottom: 1px solid var(--line); }
details summary { list-style: none; cursor: pointer; padding: 20px 0; display: flex; justify-content: space-between; gap: 16px; font-weight: 800; font-size: 17px; }
details summary::-webkit-details-marker { display: none; }
details summary .chev { transition: transform .25s; flex: none; color: var(--ember-2); }
details[open] summary .chev, .err[open] .chev { transform: rotate(45deg); }
details summary .chev { transition: transform .25s; }
details .ans { padding-bottom: 20px; color: var(--body); max-width: 72ch; }

/* ---------- WordPress menu markup (wp_nav_menu: li.menu-item, ul.sub-menu) ---------- */
#primaryMenu > li { position: relative; }
#primaryMenu > li > a { display: inline-flex; align-items: center; gap: 6px; padding-block: 16px; }
#primaryMenu > .menu-item-has-children > a::after { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); opacity: .8; }
#primaryMenu .sub-menu { position: absolute; top: calc(100% - 2px); left: -12px; min-width: 230px; padding: 8px; display: grid; gap: 2px; opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .2s ease-in-out, transform .2s ease-in-out, visibility .2s; z-index: 60;
  background: var(--glass); border: 1px solid var(--line); border-radius: 14px; backdrop-filter: blur(18px) saturate(150%); -webkit-backdrop-filter: blur(18px) saturate(150%); box-shadow: 0 20px 50px rgba(0,0,0,.45); }
#primaryMenu > li:hover > .sub-menu, #primaryMenu > li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
#primaryMenu .sub-menu a { display: block; padding: 9px 10px; border-radius: 8px; font-size: 13.5px; color: var(--body); font-weight: 600; }
#primaryMenu .sub-menu a:hover { background: rgba(255,255,255,.05); color: var(--fg); }
#primaryMenu .current-menu-item > a, #primaryMenu .current-menu-ancestor > a { color: var(--fg); }
#mobileMenu a { padding-inline: 10px; }
#mobileMenu .sub-menu { padding-left: 14px; display: grid; }
#mobileMenu .sub-menu a { font-size: 13.5px; font-weight: 600; }
.foot .footer-menu, .foot .footer-menu .sub-menu { display: grid; gap: 8px; }
.foot .footer-menu .sub-menu { margin-top: 8px; padding-left: 12px; border-left: 1px solid var(--line); }
.foot .footer-menu > li > a { color: var(--body); font-weight: 600; }

/* ---------- WordPress content (single posts and pages) ---------- */
.entry-content > * + * { margin-top: 1rem; }
.entry-content a { color: var(--ember-2); text-decoration: underline; text-underline-offset: 3px; }
.entry-content img { height: auto; border-radius: 12px; }
.entry-content ol { list-style: decimal; padding-left: 1.3rem; display: grid; gap: .5rem; }
.entry-content blockquote { border-left: 3px solid var(--ember); padding-left: 1rem; color: var(--fg); }
.cover img { width: 100%; height: 100%; object-fit: cover; }
.alignwide { max-width: 1180px; } .alignfull { width: 100%; }
.wp-caption-text, figcaption { font-size: 13px; color: var(--muted); }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }