/*
Theme Name: Akhla
Theme URI: https://akhla.online/
Author: Akhla
Author URI: https://akhla.online/
Description: ახლა — premium Georgian news & magazine theme. Editorial typography, dark mode, command-palette search, live currency & weather, saved articles. Built for akhla.online.
Version: 1.0.14
Requires at least: 6.0
Tested up to: 6.7
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: akhla
Tags: news, magazine, blog, two-columns, custom-menu, featured-images, dark-mode, translation-ready
*/

/* Akhla 1.0.14 frontend stylesheet. */
/* ─────────── design tokens ─────────── */
:root{
  --paper:#fcfbf8;
  --surface:#ffffff;
  --ink:#161512;
  --ink-2:#46443e;
  --muted:#6e6c64;
  --faint:#767469;
  --hair:#e9e7df;
  --hair-2:#d6d3c8;
  --accent:#c92d22;
  --accent-ink:#fff;
  --tint:rgba(201,45,34,.07);
  --up:#1a8a4f;
  --veil:rgba(22,21,18,.44);
  --glass:rgba(252,251,248,.86);
  --serif:'Noto Serif Georgian',Georgia,serif;
  --sans:'Noto Sans Georgian',system-ui,sans-serif;
  --w:1200px;
}
html.dark{
  --paper:#131310;
  --surface:#1b1b17;
  --ink:#eeece3;
  --ink-2:#c2c0b4;
  --muted:#8e8c80;
  --faint:#8a887c;
  --hair:#272722;
  --hair-2:#3a3a32;
  --accent:#ff5447;
  --accent-ink:#1b0503;
  --tint:rgba(255,84,71,.09);
  --up:#4fd18a;
  --veil:rgba(0,0,0,.6);
  --glass:rgba(19,19,16,.86);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);font-size:15.5px;line-height:1.7;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;transition:background .35s,color .35s;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font-family:var(--sans);color:var(--ink);background:none;border:none;cursor:pointer}
img,svg{display:block}
.wrap{max-width:var(--w);margin:0 auto;padding-left:24px;padding-right:24px}
::selection{background:var(--accent);color:var(--accent-ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--paper);padding:10px 18px;z-index:999;font-weight:700;font-size:13px}
.skip:focus{left:12px;top:12px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}

/* ─────────── utility bar ─────────── */
.util{border-bottom:1px solid var(--hair);font-size:12px;color:var(--muted)}
.util-in{display:flex;align-items:center;justify-content:space-between;height:38px;gap:16px}
.util b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.util .left{display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap;overflow:hidden}
.util .live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:blink 1.6s infinite;flex-shrink:0}
.util a{white-space:nowrap;transition:color .2s}
.util a:hover{color:var(--accent)}

/* ─────────── masthead ─────────── */
.mast{padding:34px 0 26px}
.mast-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.mast .brand{grid-column:2;text-align:center}
.mast .brand .word{font-family:var(--serif);font-weight:900;font-size:clamp(40px,5.4vw,58px);letter-spacing:-2px;line-height:1;display:inline-flex;align-items:baseline}
.mast .brand .word i{font-style:normal;color:var(--accent)}
.mast .brand .tag{display:block;font-size:11px;letter-spacing:3.2px;text-transform:uppercase;color:var(--muted);margin-top:8px;font-weight:600}
.mast .tools{grid-column:3;justify-self:end;display:flex;align-items:center;gap:8px}
.tool{height:38px;border:1px solid var(--hair-2);border-radius:99px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;font-size:12.5px;font-weight:600;color:var(--ink-2);transition:border-color .2s,color .2s,background .2s;position:relative;white-space:nowrap}
.tool:hover{border-color:var(--ink);color:var(--ink)}
.tool svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.tool .kbd{font-size:10.5px;border:1px solid var(--hair-2);border-radius:4px;padding:1px 5px;color:var(--muted);font-family:var(--sans)}
.tool.icon{width:38px;padding:0;justify-content:center}
.tool .badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;border-radius:99px;background:var(--accent);color:var(--accent-ink);font-size:10px;font-weight:800;display:none;align-items:center;justify-content:center;padding:0 4px;line-height:1}
.tool .badge.on{display:inline-flex}

/* ─────────── nav ─────────── */
.nav{position:sticky;top:0;z-index:80;background:var(--glass);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-top:1px solid var(--ink);border-bottom:1px solid var(--hair);transition:box-shadow .3s}
.nav.stuck{box-shadow:0 10px 30px -18px rgba(0,0,0,.25)}
.nav-in{display:flex;align-items:center;gap:4px;height:52px}
.nav .mini{font-family:var(--serif);font-weight:900;font-size:21px;letter-spacing:-1px;line-height:1.25;white-space:nowrap;opacity:0;max-width:0;margin-right:0;overflow:hidden;transition:opacity .3s ease,max-width .35s ease,margin .3s ease;flex-shrink:0}
.nav .mini i{font-style:normal;color:var(--accent)}
.nav.stuck .mini{opacity:1;max-width:150px;margin-right:12px}
.nav-links{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1;justify-content:center}
.nav-links::-webkit-scrollbar{display:none}
.nav-links a{font-size:13.5px;font-weight:600;color:var(--ink-2);padding:7px 13px;border-radius:99px;white-space:nowrap;transition:background .2s,color .2s}
.nav-links a:hover{background:var(--tint);color:var(--ink)}
.nav-links a.on{background:var(--ink);color:var(--paper)}
.nav .clock{font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700;color:var(--muted);white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:7px}
.nav .clock .live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:blink 1.4s infinite}

/* ─────────── live strip ─────────── */
.live{border-bottom:1px solid var(--hair)}
.live-in{display:flex;align-items:center;gap:14px;height:46px;min-width:0}
.chip-live{display:inline-flex;align-items:center;gap:7px;background:var(--accent);color:var(--accent-ink);font-size:10.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;padding:5px 12px;border-radius:99px;flex-shrink:0}
.chip-live .d{width:6px;height:6px;border-radius:50%;background:currentColor;animation:blink 1.2s infinite}
.live-txt{position:relative;flex:1;min-width:0;height:22px}
.live-txt a{position:absolute;inset:0;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .45s;line-height:22px}
.live-txt a.show{opacity:1}
.live-txt a:hover{color:var(--accent)}
.live-dots{display:flex;gap:5px;flex-shrink:0}
.live-dots i{width:5px;height:5px;border-radius:50%;background:var(--hair-2);transition:background .3s,transform .3s}
.live-dots i.on{background:var(--accent);transform:scale(1.25)}

/* ─────────── hero ─────────── */
.hero{padding:40px 0 38px}
.hero-grid{display:grid;grid-template-columns:1.55fr .92fr;gap:48px;align-items:start}
.hero-grid>*{min-width:0}
/* LEFT — 2x2 compact photo cards (v1 hero style) */
.hero-mini{display:grid;grid-template-columns:1fr 1fr;gap:30px 32px}
.hero-mini>*{min-width:0}
.hm-card{display:flex;flex-direction:column}
.hm-card .ph{aspect-ratio:16/10;margin-bottom:12px}
.hm-card .ph .wm{--akhla-wm-size:38px}
.hm-card .ph .im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.6,.2,1)}
.hm-card:hover .ph .im{transform:scale(1.05)}
.hm-card .k{font-size:10.5px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:7px}
.hm-card h3{font-family:var(--serif);font-size:18px;font-weight:750;line-height:1.36;letter-spacing:-.3px;margin-bottom:9px;overflow-wrap:break-word;transition:color .2s}
.hm-card:hover h3{color:var(--accent)}
.hm-card .meta{margin-top:auto}

/* RIGHT rail */
.rail-col{position:sticky;top:70px;align-self:start}
.side-block+.side-block{margin-top:26px}
.side-head{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.side-head h2{font-size:11.5px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.side-head .ln{flex:1;height:1px;background:var(--hair-2)}
.side-note{display:block;font-size:11px;color:var(--faint);margin-top:9px}

.topread{border:1px solid var(--hair);border-radius:10px;overflow:hidden;background:var(--surface)}
.tr{display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:center;padding:15px 18px;transition:background .2s}
.tr+.tr{border-top:1px solid var(--hair)}
.tr:hover{background:var(--tint)}
.tr .n{font-family:var(--serif);font-size:26px;font-weight:900;color:var(--accent);line-height:1;text-align:center}
.tr h3{font-family:var(--serif);font-size:15px;font-weight:750;line-height:1.4;letter-spacing:-.1px;overflow-wrap:break-word;transition:color .2s}
.tr:hover h3{color:var(--accent)}
.tr-empty{padding:18px;font-size:12.5px;color:var(--muted);text-align:center}

.markets{border:1px solid var(--hair);border-radius:10px;overflow:hidden;background:var(--surface)}
.mk{display:grid;grid-template-columns:1fr auto 64px;gap:12px;align-items:baseline;padding:13px 18px}
.mk+.mk{border-top:1px solid var(--hair)}
.mk .sym{font-size:13px;font-weight:700}
.mk .val{font-family:ui-monospace,Menlo,monospace;font-size:13.5px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.mk .chg{font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.mk .chg.up{color:var(--up)}
.mk .chg.down{color:var(--accent)}

.weather{border:1px solid var(--hair);border-radius:10px;overflow:hidden;background:var(--surface)}
.wx-now{display:flex;align-items:center;gap:14px;padding:18px}
.wx-now .wx-ic{font-size:26px;line-height:1}
.wx-temp{font-family:var(--serif);font-size:40px;font-weight:850;line-height:1;letter-spacing:-1px}
.wx-meta{display:flex;flex-direction:column;min-width:0}
.wx-meta b{font-size:14.5px;font-weight:700}
.wx-meta span{font-size:12.5px;color:var(--muted)}
.wx-days{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair)}
.wx-d{display:flex;flex-direction:column;align-items:center;gap:5px;padding:13px 6px;font-size:12px}
.wx-d+.wx-d{border-left:1px solid var(--hair)}
.wx-d>span:first-child{color:var(--muted);font-weight:600}
.wx-d .ic{font-size:16px;line-height:1}
.wx-d b{font-variant-numeric:tabular-nums;font-size:13.5px}
.wx-link{display:block;text-align:center;padding:11px;border-top:1px solid var(--hair);font-size:12px;font-weight:700;color:var(--ink-2);transition:color .2s}
.wx-link:hover{color:var(--accent)}

.kicker{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:var(--accent)}
.kicker::before{content:'';width:22px;height:2px;background:var(--accent)}
.hero h1{font-family:var(--serif);font-weight:850;font-size:clamp(31px,4.4vw,54px);line-height:1.13;letter-spacing:-1.3px;margin:16px 0 18px;overflow-wrap:break-word}
.hero h1 a{transition:color .25s}
.hero h1 a:hover{color:var(--accent)}
.hero .dek{font-size:17px;line-height:1.75;color:var(--ink-2);max-width:560px}
.meta{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.meta .sep{width:3px;height:3px;border-radius:50%;background:var(--faint)}
.hero .meta{margin-top:20px}
.hero .go{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:13.5px;font-weight:700;border-bottom:2px solid var(--accent);padding-bottom:3px;transition:gap .25s,color .25s}
.hero .go:hover{gap:14px;color:var(--accent)}
.ph{position:relative;overflow:hidden;border-radius:3px;display:block}
.ph .wm{--akhla-wm-size:44px;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:0!important;font-weight:900;color:rgba(255,255,255,.1);pointer-events:none;user-select:none}
.ph .wm::after{content:'ახლა';font-size:var(--akhla-wm-size);letter-spacing:-1.5px}
.ph>img.im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph>img.im.is-broken{display:none}
html.dark .ph>img.im{filter:brightness(.88)}
.p-lead{background:linear-gradient(160deg,#46140f,#7a261c 58%,#a4402c)}
.p-pol{background:linear-gradient(160deg,#26262e,#3f3d4b 60%,#56536a)}
.p-world{background:linear-gradient(160deg,#1f3129,#34503f 60%,#4a705c)}
.p-sci{background:linear-gradient(160deg,#23273c,#383f63 60%,#4d568c)}
.p-sport{background:linear-gradient(160deg,#352a1c,#54422b 60%,#75603c)}
.p-cult{background:linear-gradient(160deg,#321e2a,#503043 60%,#714559)}
.hero figure .ph{aspect-ratio:4/3}
.hero figure .ph .wm{--akhla-wm-size:82px}
.hero figcaption{font-size:11.5px;color:var(--faint);margin-top:10px;padding-left:12px;border-left:2px solid var(--hair-2)}
.hero figure a.ph::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,0);transition:background .3s}
.hero figure a.ph:hover::after{background:rgba(255,255,255,.05)}

/* ─────────── secondary row ─────────── */
.second{border-top:1px solid var(--hair);padding:26px 0 34px}
.second-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.second-grid>*{min-width:0}
.s-item{position:relative}
.s-item+.s-item::before{content:'';position:absolute;left:-18px;top:4px;bottom:4px;width:1px;background:var(--hair)}
.s-item .k{font-size:10.5px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:8px}
.s-item h3{font-family:var(--serif);font-size:17.5px;font-weight:700;line-height:1.42;letter-spacing:-.2px;margin-bottom:8px;overflow-wrap:break-word}
.s-item h3 a{transition:color .2s}
.s-item h3 a:hover{color:var(--accent)}

/* ─────────── section header + toolbar ─────────── */
.sec{padding:38px 0 56px}
.sec-top{border-top:3px solid var(--ink);display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-top:14px;margin-bottom:22px;flex-wrap:wrap}
.sec-top h1,.sec-top h2{font-family:var(--serif);font-size:27px;font-weight:850;letter-spacing:-.6px}
.sec-top h1 i,.sec-top h2 i{font-style:normal;color:var(--accent)}
.sec-top .upd{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:26px;flex-wrap:wrap}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{font-size:12.5px;font-weight:600;padding:7px 15px;border:1px solid var(--hair-2);border-radius:99px;color:var(--ink-2);transition:all .2s}
.chip:hover{border-color:var(--ink);color:var(--ink)}
.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.seg{display:inline-flex;border:1px solid var(--hair-2);border-radius:99px;padding:3px;gap:2px}
.seg button{width:34px;height:30px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:all .2s}
.seg button svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}
.seg button.on{background:var(--ink);color:var(--paper)}
.seg button:not(.on):hover{color:var(--ink)}

/* ─────────── story grid ─────────── */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 36px}
.grid.is-loading{opacity:.45;pointer-events:none}
.grid>*{min-width:0}
.card{display:flex;flex-direction:column;gap:0;position:relative}
.card .ph{aspect-ratio:16/10;margin-bottom:14px}
.card .ph .wm{--akhla-wm-size:44px}
.card .ph .im{position:absolute;inset:0;transition:transform .6s cubic-bezier(.2,.6,.2,1)}
.card:hover .ph .im{transform:scale(1.045)}
.card .k{font-size:10.5px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--accent);margin-bottom:7px}
.card h3{font-family:var(--serif);font-size:19px;font-weight:750;line-height:1.36;letter-spacing:-.3px;margin-bottom:8px;overflow-wrap:break-word}
.card h3 a{background-image:linear-gradient(var(--accent),var(--accent));background-repeat:no-repeat;background-size:0 2px;background-position:0 97%;transition:background-size .35s,color .25s}
.card h3 a:hover{background-size:100% 2px}
.card .dek{font-size:13.5px;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}
.card .foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.bk{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--faint);transition:all .2s;flex-shrink:0}
.bk svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linejoin:round}
.bk:hover{color:var(--accent);background:var(--tint)}
.bk.on{color:var(--accent)}
.bk.on svg{fill:var(--accent)}
.hide{display:none!important}

/* list view */
.grid.list{display:flex;flex-direction:column;gap:0}
.grid.list .card{flex-direction:row;align-items:baseline;gap:18px;padding:15px 2px;border-bottom:1px solid var(--hair)}
.grid.list .card:first-child{border-top:1px solid var(--hair)}
.grid.list .card .ph,.grid.list .card .dek{display:none}
.grid.list .card .k{margin:0;flex:0 0 96px}
.grid.list .card h3{margin:0;flex:1;font-size:16.5px}
.grid.list .card .foot{margin:0;flex:0 0 auto}
.grid.list .card .foot .meta{display:none}
.grid.list .card .time{display:inline}
.card .time{display:none;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;flex:0 0 52px}

/* ─────────── feature band ─────────── */
.feat{background:var(--ink);color:var(--paper);padding:64px 0;position:relative;overflow:hidden}
html.dark .feat{background:#090908;color:var(--ink)}
.feat .wm-big{position:absolute;right:-1.5vw;bottom:-9vw;font-family:var(--serif);font-weight:900;font-size:21vw;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);pointer-events:none;user-select:none}
.feat-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;align-items:end;position:relative;z-index:2}
.feat-grid>*{min-width:0}
.feat .lbl{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:#ff8d80;margin-bottom:20px}
.feat .lbl::before{content:'';width:22px;height:2px;background:var(--accent)}
.feat h2{font-family:var(--serif);font-weight:850;font-size:clamp(26px,3.4vw,42px);line-height:1.2;letter-spacing:-1px;overflow-wrap:break-word}
.feat h2 a{transition:color .25s}
.feat h2 a:hover{color:#ff8d80}
.feat .side p{font-size:14.5px;line-height:1.75;opacity:.75;margin-bottom:18px}
.feat .side .meta{color:rgba(255,255,255,.55)}
html.dark .feat .side .meta{color:var(--muted)}
.feat .go{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:13px;font-weight:700;border-bottom:2px solid var(--accent);padding-bottom:3px;transition:gap .25s}
.feat .go:hover{gap:14px}

/* ─────────── most read ─────────── */
.most{padding:54px 0}
.most-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.most-grid>*{min-width:0}
.mr{padding:6px 22px 4px;position:relative}
.mr+.mr{border-left:1px solid var(--hair)}
.mr:first-child{padding-left:0}
.mr .n{font-family:var(--serif);font-size:56px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1.2px var(--hair-2);display:block;margin-bottom:12px;transition:all .3s}
.mr:hover .n{-webkit-text-stroke-color:var(--accent)}
.mr h3{font-family:var(--serif);font-size:15px;font-weight:700;line-height:1.42;letter-spacing:-.1px;overflow-wrap:break-word}
.mr h3 a{transition:color .2s}
.mr h3 a:hover{color:var(--accent)}
.mr .meta{margin-top:8px}

/* ─────────── newsletter ─────────── */
.news{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:46px 0;text-align:center}
.news h2{font-family:var(--serif);font-size:clamp(22px,2.6vw,30px);font-weight:850;letter-spacing:-.6px}
.news h2 i{font-style:normal;color:var(--accent)}
.news p{color:var(--muted);font-size:14px;margin:8px 0 22px}
.news form{display:inline-flex;gap:8px;max-width:100%;flex-wrap:wrap;justify-content:center}
.news input{height:46px;width:300px;max-width:76vw;border:1px solid var(--hair-2);background:var(--surface);color:var(--ink);border-radius:99px;padding:0 20px;font-family:var(--sans);font-size:13.5px;outline:none;transition:border-color .2s}
.news input:focus{border-color:var(--accent)}
.news button{height:46px;padding:0 26px;border-radius:99px;background:var(--ink);color:var(--paper);font-weight:700;font-size:13.5px;transition:background .25s,transform .2s}
.news button:hover{background:var(--accent);color:var(--accent-ink);transform:translateY(-1px)}

/* ─────────── footer ─────────── */
footer{padding:52px 0 0}
.f-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px}
.f-grid>*{min-width:0}
.f-brand{font-family:var(--serif);font-weight:900;font-size:36px;letter-spacing:-1.4px;line-height:1}
.f-brand i{font-style:normal;color:var(--accent)}
.f-grid .about{font-size:13px;color:var(--muted);margin-top:12px;max-width:280px;line-height:1.7}
footer .f-h{font-size:10.5px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:var(--faint);margin-bottom:14px}
footer ul{list-style:none}
footer ul li{margin-bottom:9px}
footer ul a{font-size:13.5px;font-weight:600;color:var(--ink-2);transition:color .2s}
footer ul a:hover{color:var(--accent)}
.f-bottom{border-top:1px solid var(--hair);padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.f-bottom .kbd-hint{display:flex;align-items:center;gap:6px}
.f-bottom .kbd{font-size:10.5px;border:1px solid var(--hair-2);border-radius:4px;padding:1px 6px}

/* ─────────── command palette ─────────── */
.veil{position:fixed;inset:0;background:var(--veil);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:200;opacity:0;pointer-events:none;transition:opacity .25s}
.veil.on{opacity:1;pointer-events:auto}
.pal{position:fixed;left:50%;top:13vh;transform:translateX(-50%) scale(.98);width:min(620px,92vw);background:var(--surface);border:1px solid var(--hair);border-radius:14px;box-shadow:0 30px 80px -20px rgba(0,0,0,.35);z-index:210;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;overflow:hidden}
.pal.on{opacity:1;pointer-events:auto;transform:translateX(-50%) scale(1)}
.pal .pin{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--hair)}
.pal .pin svg{width:17px;height:17px;stroke:var(--muted);fill:none;stroke-width:1.8;stroke-linecap:round;flex-shrink:0}
.pal .pin input{flex:1;border:none;background:none;outline:none;font-family:var(--sans);font-size:15px;color:var(--ink);min-width:0}
.pal .pin .kbd{font-size:10.5px;border:1px solid var(--hair-2);border-radius:4px;padding:2px 7px;color:var(--muted);flex-shrink:0}
.pal .list{max-height:46vh;overflow-y:auto;padding:8px}
.pal .pi{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;cursor:pointer}
.pal .pi .pk{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);flex:0 0 86px}
.pal .pi .pt{font-size:14px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pal .pi svg{width:14px;height:14px;stroke:var(--faint);fill:none;stroke-width:2;stroke-linecap:round;opacity:0;transition:opacity .15s;flex-shrink:0}
.pal .pi.sel{background:var(--tint)}
.pal .pi.sel svg{opacity:1}
.pal .none{padding:28px;text-align:center;color:var(--muted);font-size:13.5px}
.pal .pfoot{display:flex;gap:16px;padding:11px 18px;border-top:1px solid var(--hair);font-size:11px;color:var(--faint)}
.pal .pfoot .kbd{font-size:10px;border:1px solid var(--hair-2);border-radius:4px;padding:1px 5px;margin-right:4px}

/* ─────────── saved drawer ─────────── */
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(380px,94vw);background:var(--surface);border-left:1px solid var(--hair);z-index:210;transform:translateX(102%);transition:transform .35s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column}
.drawer.on{transform:none}
.drawer .dh{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid var(--hair)}
.drawer .dh h3{font-family:var(--serif);font-size:20px;font-weight:850;letter-spacing:-.4px}
.drawer .dh h3 span{color:var(--muted);font-family:var(--sans);font-size:13px;font-weight:600;margin-left:6px}
.drawer .dx{width:34px;height:34px;border-radius:50%;border:1px solid var(--hair-2);display:inline-flex;align-items:center;justify-content:center;font-size:15px;transition:all .2s}
.drawer .dx:hover{border-color:var(--accent);color:var(--accent)}
.drawer .dlist{flex:1;overflow-y:auto;padding:10px 22px}
.drawer .di{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--hair)}
.drawer .di .dk{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:4px}
.drawer .di a{font-family:var(--serif);font-size:14.5px;font-weight:700;line-height:1.4;flex:1;transition:color .2s}
.drawer .di a:hover{color:var(--accent)}
.drawer .di button{width:28px;height:28px;border-radius:50%;color:var(--faint);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}
.drawer .di button:hover{color:var(--accent);background:var(--tint)}
.drawer .dempty{padding:48px 22px;text-align:center;color:var(--muted);font-size:13.5px;line-height:1.8}
.drawer .dempty svg{width:34px;height:34px;stroke:var(--faint);fill:none;stroke-width:1.5;margin:0 auto 14px}
.drawer .dfoot{padding:14px 22px;border-top:1px solid var(--hair);font-size:11.5px;color:var(--faint)}

/* ─────────── toast ─────────── */
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--paper);font-size:13px;font-weight:600;padding:11px 22px;border-radius:99px;z-index:300;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.toast.on{opacity:1;transform:translateX(-50%)}

/* empty state */
.empty{text-align:center;padding:60px 24px;border:1px dashed var(--hair-2);border-radius:12px;background:var(--surface)}
.empty .ei{font-size:34px;display:block;margin-bottom:12px;opacity:.7}
.empty p{font-size:15px;color:var(--muted);margin-bottom:18px}
.empty-reset{border:1px solid var(--hair-2);border-radius:99px;padding:9px 20px;font-size:13px;font-weight:700;transition:.2s}
.empty-reset:hover{border-color:var(--accent);color:var(--accent)}

/* back to top */
.totop{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border-radius:50%;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;z-index:120;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .3s,transform .3s,background .2s;box-shadow:0 10px 26px -10px rgba(0,0,0,.4)}
.totop.on{opacity:1;transform:none;pointer-events:auto}
.totop:hover{background:var(--accent);color:var(--accent-ink)}
.totop svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* ─────────── responsive ─────────── */
@media(max-width:1060px){
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .rail-col{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
  .side-block+.side-block{margin-top:0}
  .grid{grid-template-columns:repeat(2,1fr)}
  .feat-grid{grid-template-columns:1fr;gap:28px;align-items:start}
  .f-grid{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:700px){
  .wrap{padding-left:18px;padding-right:18px}
  .mast{padding:24px 0 18px}
  .mast-in{grid-template-columns:auto 1fr;gap:10px}
  .mast .brand{grid-column:1;text-align:left}
  .mast .brand .tag{display:none}
  .mast .tools{grid-column:2}
  .tool .lbl-t,.tool .kbd{display:none}
  .tool{width:38px;padding:0;justify-content:center}
  .nav .clock{display:none}
  .nav-links{justify-content:flex-start}
  .second-grid{grid-template-columns:1fr;gap:20px}
  .s-item+.s-item::before{display:none}
  .s-item+.s-item{border-top:1px solid var(--hair);padding-top:18px}
  .rail-col{grid-template-columns:1fr;gap:28px}
  .hero-mini{grid-template-columns:1fr;gap:26px}
  .grid{grid-template-columns:1fr;gap:32px}
  .grid.list .card .k{flex-basis:auto;display:none}
  .grid.list .card{gap:12px;align-items:flex-start;flex-direction:column;padding:14px 0}
  .grid.list .card h3{font-size:15.5px}
  .f-grid{grid-template-columns:1fr;gap:28px}
  .feat{padding:44px 0}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
}

/* ─────────── pagination (archive/search) ─────────── */
.akhla-pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:44px}
.akhla-pager a,.akhla-pager span{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--hair-2);border-radius:99px;font-size:14px;font-weight:700;color:var(--ink-2);font-variant-numeric:tabular-nums;transition:all .2s}
.akhla-pager a:hover{border-color:var(--ink);color:var(--ink);background:var(--tint)}
.akhla-pager .current{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.akhla-pager .dots{border:none}
/* WP page-links inside articles */
.page-links{margin:24px 0;font-size:13px;font-weight:700;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}
.page-links a,.page-links>span{min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--hair-2);border-radius:6px}
/* search form */
.akhla .search-form,.empty .search-form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}
.akhla .search-form input[type=search]{height:46px;border:1px solid var(--hair-2);background:var(--surface);color:var(--ink);border-radius:99px;padding:0 20px;font-family:var(--sans);font-size:14px;outline:none;min-width:240px}
.akhla .search-form input[type=search]:focus{border-color:var(--accent)}
.akhla .search-form button{height:46px;padding:0 22px;border-radius:99px;background:var(--ink);color:var(--paper);font-weight:700;border:none;cursor:pointer}
/* WP comments minimal */
.comment-list{list-style:none;margin:0;padding:0}
.comment-list li{border-top:1px solid var(--hair);padding:16px 0}
.comment-respond{border-top:3px solid var(--ink);padding-top:20px;margin-top:24px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;border:1px solid var(--hair-2);background:var(--surface);color:var(--ink);border-radius:8px;padding:10px 14px;font-family:var(--sans);font-size:14px;margin-top:6px}
.comment-form .submit{height:46px;padding:0 24px;border-radius:99px;background:var(--accent);color:var(--accent-ink);font-weight:700;border:none;cursor:pointer;margin-top:12px}
/* blockquotes in articles → pull-quote style */
.abody blockquote{margin:34px 0;padding:22px 0 18px;border-top:3px solid var(--ink);border-bottom:1px solid var(--hair);font-family:var(--serif);font-size:22px;font-weight:750;line-height:1.5;color:var(--ink);letter-spacing:-.3px}
.abody blockquote p{margin:0}
.abody figure{margin:24px 0}
.abody img{border-radius:6px;height:auto}
.abody .wp-caption-text,.abody figcaption{font-size:12.5px;color:var(--faint);margin-top:8px}