/*
Theme Name: FinanceHark
Theme URI: https://financehark.com/
Author: OpenAI
Author URI: https://openai.com/
Description: A bold editorial personal finance WordPress theme built for everyday Ghanaians.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: financehark
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Playfair+Display:wght@700;900&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--amber:#D97706;--amber-light:#FEF3C7;--amber-dark:#92400E;--ink:#111111;--ink-soft:#1A1A1A;--white:#FFFFFF;--gray-100:#F9FAFB;--gray-200:#F3F4F6;--gray-300:#E5E7EB;--gray-400:#D1D5DB;--gray-500:#9CA3AF;--gray-600:#6B7280;--gray-700:#374151;--green:#059669;--blue:#2563EB;--red:#DC2626;--purple:#7C3AED;--purple-light:#F3E8FF;--font-serif:'Playfair Display',Georgia,serif;--font-sans:'DM Sans',system-ui,sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--max-width:1180px;--side-pad:32px;--shadow-sm:0 14px 32px rgba(17,17,17,.08);--shadow-md:0 22px 50px rgba(17,17,17,.12)}
html{scroll-behavior:smooth}
body{background:linear-gradient(180deg,var(--gray-100) 0,var(--white) 12rem,var(--gray-100) 100%);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.7;text-rendering:optimizeLegibility}
body.admin-bar .site-header{top:32px}
img{display:block;height:auto;max-width:100%}
img[loading="lazy"]{opacity:.001;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}
img[loading="lazy"].is-visible{opacity:1;transform:none}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{background:none;border:0;cursor:pointer}
ul,ol{padding-left:1.25rem}
table{border-collapse:collapse;width:100%}
blockquote,q{quotes:none}
::selection{background:var(--amber-light);color:var(--ink)}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.container{margin:0 auto;max-width:var(--max-width);padding-inline:var(--side-pad);width:100%}
.site-section{padding:52px 0}
.site-content{min-height:55vh}
.section-sup,.archive-kicker{color:var(--amber);font-size:.75rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.section-header{align-items:end;border-bottom:2.5px solid var(--amber);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.75rem;padding-bottom:.9rem}
.section-header h2{font-family:var(--font-serif);font-size:2rem;font-weight:900;line-height:1.1}
.section-header a{color:var(--amber);font-size:.95rem;font-weight:500;transition:color .2s ease,transform .2s ease}
.section-header a:hover{color:var(--amber-dark);transform:translateX(4px)}
.btn-primary,.btn-outline{align-items:center;border-radius:999px;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.95rem 1.35rem;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}
.btn-primary{background:var(--ink);color:var(--white)}
.btn-primary:hover,.btn-primary:focus-visible{background:var(--amber);color:var(--white);transform:translateY(-2px)}
.btn-outline{border:1px solid var(--amber);color:var(--amber)}
.btn-outline:hover,.btn-outline:focus-visible{background:var(--amber);color:var(--white);transform:translateY(-2px)}
.category-pill{color:var(--amber);display:inline-flex;font-size:.69rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.tag-list{display:flex;flex-wrap:wrap;gap:.65rem}
.tag-pill{background:var(--amber-light);border-radius:999px;color:var(--amber-dark);display:inline-flex;font-size:.85rem;font-weight:500;padding:.48rem .9rem}
.post-meta-item,.post-card-meta,.hero-meta,.mini-post-meta,.feat-stats{align-items:center;color:var(--gray-600);display:flex;flex-wrap:wrap;font-size:.92rem;gap:.45rem}
.post-meta-item i,.post-card-meta i,.hero-meta i,.mini-post-meta i,.feat-stats i{color:var(--amber);font-size:1rem}
.post-meta-sep{color:var(--gray-400)}
.site-topbar{background:var(--amber);color:var(--white)}
.topbar-inner{display:flex;justify-content:center;padding:.8rem var(--side-pad)}
.topbar-inner p{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;text-align:center}
.topbar-kicker{font-weight:700}
.topbar-inner a{font-weight:500}
.site-header{background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--gray-300);position:sticky;top:0;transition:box-shadow .25s ease,background .25s ease;z-index:90}
.site-header.is-scrolled{box-shadow:0 14px 30px rgba(17,17,17,.08)}
.header-inner{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;min-height:86px}
.site-logo{display:inline-flex;font-family:var(--font-serif);font-size:1.5rem;font-weight:900;letter-spacing:-.03em;line-height:1}
.site-logo span{color:var(--amber)}
.site-nav{margin-left:auto}
.site-nav .menu,.footer-column .menu,.footer-links{display:flex;gap:1.4rem;list-style:none;padding-left:0}
.site-nav .menu{align-items:center;flex-wrap:wrap}
.site-nav a{color:var(--ink);font-weight:500;position:relative}
.site-nav a::after{background:var(--amber);bottom:-.25rem;content:'';height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .22s ease;width:100%}
.site-nav a:hover::after,.site-nav a:focus-visible::after{transform:scaleX(1)}
.site-nav a.nav-subscribe,.nav-subscribe{background:var(--amber);border-radius:999px;color:var(--white)!important;padding:.85rem 1.1rem}
.site-nav a.nav-subscribe::after,.nav-subscribe::after{display:none}
.site-nav a.nav-subscribe:hover,.site-nav a.nav-subscribe:focus-visible{background:var(--ink)}
.nav-toggle{display:none;flex-direction:column;gap:5px;height:44px;justify-content:center;padding:0;width:44px}
.nav-toggle span{background:var(--ink);border-radius:999px;display:block;height:2px;transition:transform .2s ease,opacity .2s ease;width:26px}
.site-ticker{background:var(--ink-soft);color:var(--white);overflow:hidden;position:relative}
.ticker-track{align-items:center;animation:ticker-scroll 34s linear infinite;display:flex;gap:1.1rem;padding:.95rem 0;white-space:nowrap;width:max-content}
.ticker-track.paused{animation-play-state:paused}
.ticker-item{align-items:center;display:flex;gap:.55rem;padding-inline:.35rem}
.ticker-item i{color:var(--amber)}
.ticker-item.tip-item{background:rgba(217,119,6,.18);border:1px solid rgba(217,119,6,.35);border-radius:999px;color:var(--amber-light);padding:.45rem .95rem}
@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.site-hero{padding:68px 0 52px}
.hero-grid{align-items:stretch;display:grid;gap:2rem;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)}
.hero-content,.hero-visual,.post-card,.feat-post,.widget,.article-card,.page-content,.not-found-section{background:rgba(255,255,255,.95);border:1px solid var(--gray-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.hero-content{display:flex;flex-direction:column;gap:1.25rem;justify-content:center;padding:2.4rem}
.hero-content h1{font-family:var(--font-serif);font-size:clamp(2.4rem,5vw,4.15rem);font-weight:900;letter-spacing:-.04em;line-height:.97}
.hero-content p{color:var(--gray-700);font-size:1.07rem;max-width:55ch}
.hero-visual{background:linear-gradient(145deg,var(--amber-light) 0,var(--white) 55%,rgba(217,119,6,.1) 100%);display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;padding:2rem;position:relative}
.hero-currency{color:rgba(146,64,14,.14);font-family:var(--font-serif);font-size:10rem;font-weight:900;grid-column:1/-1;left:1.25rem;line-height:.8;position:absolute;top:1rem}
.hero-visual-copy{grid-column:1/-1;padding-top:4.5rem;position:relative;z-index:1}
.hero-visual-copy h2{font-family:var(--font-serif);font-size:2.1rem;font-weight:900;line-height:1.02;margin-bottom:.55rem}
.hero-visual-copy p{color:var(--amber-dark);max-width:26rem}
.goal-card{background:rgba(255,255,255,.82);border:1px solid rgba(146,64,14,.12);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.25rem;padding:1rem;position:relative;z-index:1}
.goal-card strong{color:var(--ink);font-size:1rem;font-weight:700}
.goal-card span{color:var(--gray-600);font-size:.92rem}
.cards-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}
.post-card{display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}
.post-card-media{display:block}
.post-card-thumb{align-items:center;background:var(--gray-200);color:var(--white);display:flex;height:150px;justify-content:center;object-fit:cover;width:100%}
.thumb-fallback i{font-size:2.3rem}
.thumb-amber,.thumb-amber.thumb-fallback{background:linear-gradient(135deg,var(--amber) 0,#f59e0b 100%)}
.thumb-green,.thumb-green.thumb-fallback{background:linear-gradient(135deg,var(--green) 0,#34d399 100%)}
.thumb-blue,.thumb-blue.thumb-fallback{background:linear-gradient(135deg,var(--blue) 0,#60a5fa 100%)}
.thumb-purple,.thumb-purple.thumb-fallback{background:linear-gradient(135deg,var(--purple) 0,#a78bfa 100%)}
.post-card-body{display:flex;flex:1;flex-direction:column;gap:.85rem;padding:1.25rem}
.post-card-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:900;letter-spacing:-.02em;line-height:1.12}
.post-card-excerpt{color:var(--gray-700)}
.featured-layout{display:grid;gap:1.5rem;grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}
.feat-post{overflow:hidden}
.feat-media{display:block}
.feat-post .post-card-thumb{height:300px}
.feat-post-body{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}
.feat-post-body h3{font-family:var(--font-serif);font-size:2rem;font-weight:900;line-height:1.05}
.feat-post-body p{color:var(--gray-700)}
.feat-stats{justify-content:space-between}
.trending-sidebar{background:var(--ink-soft);border-radius:var(--radius-lg);color:var(--white);padding:1.5rem}
.trending-sidebar h3{border-bottom:1px solid rgba(255,255,255,.12);font-family:var(--font-serif);font-size:1.6rem;font-weight:900;margin-bottom:1rem;padding-bottom:.8rem}
.trending-sidebar ol{display:flex;flex-direction:column;gap:1rem;list-style:none;padding-left:0}
.trending-sidebar li{align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.12);display:flex;gap:.95rem;padding-bottom:1rem}
.trending-sidebar li:last-child{border-bottom:0;padding-bottom:0}
.trend-number{color:var(--amber);font-family:var(--font-serif);font-size:1.55rem;font-weight:900;line-height:1}
.trend-copy h4{font-size:1.02rem;font-weight:700;line-height:1.35;margin-bottom:.35rem}
.trend-copy p{color:rgba(255,255,255,.72);font-size:.88rem}
.cat-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}
.cat-block{border-radius:var(--radius-lg);color:var(--white);display:flex;gap:1rem;min-height:172px;padding:1.35rem;position:relative;transition:transform .22s ease,box-shadow .22s ease}
.cat-block:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}
.cat-block.is-amber{background:linear-gradient(160deg,var(--amber) 0,#f59e0b 100%)}
.cat-block.is-green{background:linear-gradient(160deg,var(--green) 0,#22c55e 100%)}
.cat-block.is-blue{background:linear-gradient(160deg,var(--blue) 0,#3b82f6 100%)}
.cat-block.is-purple{background:linear-gradient(160deg,var(--purple) 0,#8b5cf6 100%)}
.cat-icon{align-items:center;background:rgba(255,255,255,.18);border-radius:18px;display:inline-flex;font-size:1.65rem;height:52px;justify-content:center;width:52px}
.cat-copy{display:flex;flex-direction:column;justify-content:space-between}
.cat-copy h3{font-family:var(--font-serif);font-size:1.45rem;font-weight:900;line-height:1.1}
.cat-copy p{color:rgba(255,255,255,.82);font-size:.95rem}
.newsletter-block{background:linear-gradient(135deg,var(--ink-soft) 0,#111827 100%);color:var(--white);padding:68px 0;position:relative}
.newsletter-block::before{background:radial-gradient(circle at top right,rgba(217,119,6,.3),transparent 42%);content:'';inset:0;pointer-events:none;position:absolute}
.newsletter-inner{margin:0 auto;max-width:760px;position:relative;text-align:center}
.newsletter-inner h2{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.05;margin-top:.55rem}
.newsletter-inner p{color:rgba(255,255,255,.72);margin:1rem auto 1.75rem;max-width:42rem}
.newsletter-form{display:flex;flex-direction:column;gap:.8rem}
.newsletter-form-row{display:flex;gap:.8rem}
.newsletter-form input[type="email"],.search-form-inner input,.comment-form input,.comment-form textarea{background:var(--white);border:1px solid var(--gray-300);border-radius:999px;color:var(--ink);min-height:54px;outline:none;padding:0 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}
.comment-form textarea{border-radius:var(--radius-md);min-height:180px;padding:.95rem 1rem}
.newsletter-form input[type="email"]:focus,.search-form-inner input:focus,.comment-form input:focus,.comment-form textarea:focus{border-color:var(--amber);box-shadow:0 0 0 4px rgba(217,119,6,.12)}
.newsletter-form .btn-primary{white-space:nowrap}
.newsletter-msg{font-size:.92rem;min-height:1.5rem}
.newsletter-msg.is-success{color:#a7f3d0}
.newsletter-msg.is-error{color:#fecaca}
.content-with-sidebar,.post-layout{display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) 320px}
.content-area{min-width:0}
.archive-header{margin-bottom:1.6rem}
.archive-title,.search-results-header h1{font-family:var(--font-serif);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:900;line-height:1}
.archive-description,.search-results-header p{color:var(--gray-700);margin-top:.8rem;max-width:60ch}
.search-results-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.75rem}
.search-form-large .search-form-inner{min-height:64px}
.search-form,.search-form-large form{width:100%}
.search-form-inner{align-items:center;background:var(--white);border:1px solid var(--gray-300);border-radius:999px;display:flex;gap:.65rem;min-height:56px;padding:.35rem}
.search-form-inner input{border:0;box-shadow:none;min-height:auto}
.search-form-inner button{align-items:center;background:var(--amber);border-radius:999px;color:var(--white);display:inline-flex;height:46px;justify-content:center;min-width:46px}
.sidebar{display:flex;flex-direction:column;gap:1.25rem}
.widget{padding:1.35rem}
.widget-title,.footer-title{font-family:var(--font-serif);font-size:1.45rem;font-weight:900;line-height:1.1;margin-bottom:1rem}
.widget p{color:var(--gray-700)}
.mini-post-list,.related-list{display:flex;flex-direction:column;gap:1rem}
.mini-post,.related-item{display:flex;gap:.85rem}
.mini-post:not(:last-child),.related-item:not(:last-child){border-bottom:1px solid var(--gray-300);padding-bottom:1rem}
.mini-thumb{border-radius:12px;flex:0 0 84px;height:72px}
.mini-post-copy h3,.related-item h3{font-size:1rem;line-height:1.35}
.sidebar-category-list{display:flex;flex-direction:column;gap:.7rem;list-style:none;padding-left:0}
.sidebar-category-list li{align-items:center;border-bottom:1px solid var(--gray-300);display:flex;justify-content:space-between;padding-bottom:.7rem}
.sidebar-category-list a{font-weight:500}
.widget-newsletter-copy{margin-bottom:1rem}
.newsletter-form.is-compact .newsletter-form-row{flex-direction:column}
.newsletter-form.is-compact .btn-primary{width:100%}
.category-chip-list{display:flex;flex-wrap:wrap;gap:.75rem}
.category-chip{align-items:center;border-radius:999px;display:inline-flex;gap:.75rem;padding:.7rem .95rem}
.category-chip strong{font-size:.82rem}
.chip-amber{background:var(--amber-light);color:var(--amber-dark)}
.chip-green{background:#d1fae5;color:#065f46}
.chip-blue{background:#dbeafe;color:#1d4ed8}
.chip-purple{background:var(--purple-light);color:#6d28d9}
.article-card,.page-content{padding:2rem}
.post-title{font-family:var(--font-serif);font-size:clamp(2.6rem,5vw,4.2rem);font-weight:900;letter-spacing:-.04em;line-height:.95;margin-top:.8rem}
.post-meta-row{align-items:center;border-bottom:1px solid var(--gray-300);display:flex;flex-wrap:wrap;gap:1rem;margin:1.15rem 0 1.6rem;padding-bottom:1rem}
.post-hero-img{border-radius:var(--radius-lg);margin-bottom:1.75rem;overflow:hidden}
.post-hero-img img{height:auto;max-height:600px;object-fit:cover;width:100%}
.post-content{color:var(--gray-700);font-size:1.05rem}
.post-content>*+*{margin-top:1.15rem}
.post-content h2,.post-content h3,.post-content h4{color:var(--ink);font-family:var(--font-serif);font-weight:900;line-height:1.08}
.post-content h2{font-size:2rem;margin-top:2rem}
.post-content h3{font-size:1.55rem;margin-top:1.8rem}
.post-content ul,.post-content ol{display:grid;gap:.65rem;padding-left:1.4rem}
.post-content li::marker{color:var(--amber)}
.post-content a{color:var(--amber);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.post-content blockquote{background:var(--amber-light);border-left:4px solid var(--amber);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--amber-dark);font-family:var(--font-serif);font-size:1.25rem;line-height:1.5;padding:1.2rem 1.3rem}
.post-content code{background:var(--gray-200);border-radius:8px;color:var(--ink);font-family:Consolas,Monaco,monospace;font-size:.92em;padding:.15rem .4rem}
.post-content pre{background:var(--ink-soft);border-radius:var(--radius-md);color:var(--white);overflow:auto;padding:1rem}
.post-content table td,.post-content table th{border:1px solid var(--gray-300);padding:.7rem;text-align:left}
.author-box{align-items:flex-start;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-lg);display:flex;gap:1rem;margin-top:2rem;padding:1.35rem}
.author-avatar img{border-radius:999px}
.author-copy h2{font-family:var(--font-serif);font-size:1.45rem;font-weight:900;line-height:1.1;margin-bottom:.35rem}
.post-nav{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2rem}
.post-nav-box{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.4rem;padding:1rem}
.post-nav-box span{color:var(--gray-600);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}
.comments-section{margin-top:2.2rem}
.comments-title{font-family:var(--font-serif);font-size:1.9rem;font-weight:900;margin-bottom:1.2rem}
.comment-list{display:flex;flex-direction:column;gap:1rem;list-style:none;padding-left:0}
.comment-item{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:1.15rem}
.comment-item .children{display:flex;flex-direction:column;gap:1rem;list-style:none;margin-left:1rem;margin-top:1rem;padding-left:0}
.comment-body{display:flex;gap:1rem}
.comment-avatar img{border-radius:999px}
.comment-head{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:.45rem}
.comment-author-name{font-size:1rem;font-weight:700}
.comment-date{color:var(--gray-600);font-size:.88rem}
.comment-text{color:var(--gray-700)}
.comment-actions{margin-top:.8rem}
.comment-reply-link{color:var(--amber);font-size:.9rem;font-weight:500}
.comment-form{display:grid;gap:1rem;margin-top:1.6rem}
.comment-form p{display:flex;flex-direction:column;gap:.45rem}
.comment-form label{font-weight:500}
.comment-form .submit{border:0}
.pagination{display:flex;justify-content:center;margin-top:2rem}
.pagination .nav-links,.comments-pagination .page-numbers{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}
.pagination .page-numbers,.comments-pagination .page-numbers{background:var(--white);border:1px solid var(--gray-300);border-radius:999px;color:var(--ink);display:inline-flex;min-height:44px;min-width:44px;padding:.55rem .95rem}
.pagination .current,.comments-pagination .current{background:var(--amber);border-color:var(--amber);color:var(--white)}
.not-found-section{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:3rem 1.5rem;text-align:center}
.error-code{color:var(--amber);font-family:var(--font-serif);font-size:120px;font-weight:900;letter-spacing:-.06em;line-height:.8}
.not-found-section h1,.not-found-section h2{font-family:var(--font-serif);font-size:2.2rem;font-weight:900;line-height:1}
.not-found-section p{color:var(--gray-700);max-width:42rem}
.suggestions-section{padding-top:0}
.site-footer{background:linear-gradient(180deg,var(--ink-soft) 0,#0b0b0b 100%);color:var(--white);padding-top:56px}
.footer-grid{display:grid;gap:2rem;grid-template-columns:1.35fr repeat(3,minmax(0,1fr))}
.footer-brand p{color:rgba(255,255,255,.68);margin-top:1rem;max-width:20rem}
.social-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}
.social-links a{align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:999px;color:var(--white);display:inline-flex;height:42px;justify-content:center;transition:background .2s ease,border-color .2s ease,transform .2s ease;width:42px}
.social-links a:hover{background:var(--amber);border-color:var(--amber);transform:translateY(-2px)}
.footer-column .menu,.footer-links{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding-left:0}
.footer-column a,.footer-links a{color:rgba(255,255,255,.72)}
.footer-column a:hover,.footer-links a:hover,.footer-bottom-links a:hover{color:var(--white)}
.footer-widgets{margin-top:2rem}
.footer-widgets .widget{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:2.5rem}
.footer-bottom-inner{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-block:1.1rem}
.footer-bottom p,.footer-bottom-links a{color:rgba(255,255,255,.64);font-size:.92rem}
.footer-bottom-links{display:flex;flex-wrap:wrap;gap:1rem}
.back-to-top{align-items:center;background:var(--amber);border-radius:999px;bottom:28px;box-shadow:0 16px 30px rgba(217,119,6,.32);color:var(--white);display:inline-flex;height:52px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:28px;transform:translateY(16px);transition:opacity .25s ease,transform .25s ease;visibility:hidden;width:52px;z-index:95}
.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none;visibility:visible}
.reading-progress{background:rgba(217,119,6,.18);height:3px;left:0;position:fixed;top:0;width:100%;z-index:120}
.reading-progress-bar{background:var(--amber);height:100%;width:0}
.full-width-page{max-width:880px}
.no-sidebar{grid-template-columns:minmax(0,1fr)}
.sticky{position:static}

@media (max-width:900px){
body.admin-bar .site-header{top:46px}
.container{padding-inline:24px}
.header-inner{min-height:78px}
.nav-toggle{display:flex}
.site-nav{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);left:24px;opacity:0;padding:1rem;pointer-events:none;position:absolute;right:24px;top:calc(100% + 10px);transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}
.site-nav.open{opacity:1;pointer-events:auto;transform:none}
.site-nav .menu{align-items:flex-start;flex-direction:column;gap:.9rem}
.site-nav a.nav-subscribe,.nav-subscribe{width:100%}
.hero-grid,.featured-layout,.content-with-sidebar,.post-layout,.footer-grid{grid-template-columns:1fr}
.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.post-title{font-size:3rem}
.post-nav{grid-template-columns:1fr}
.footer-brand p{max-width:none}
}

@media (max-width:560px){
body.admin-bar .site-header{top:0}
:root{--side-pad:20px}
.site-section{padding:42px 0}
.section-header{align-items:flex-start;flex-direction:column}
.section-header h2{font-size:1.7rem}
.topbar-inner{padding-inline:20px}
.hero-content,.hero-visual,.widget,.article-card,.page-content{padding:1.25rem}
.hero-content h1{font-size:2.35rem}
.hero-visual{grid-template-columns:1fr}
.hero-currency{font-size:7rem}
.hero-visual-copy{padding-top:3.5rem}
.cards-grid,.cat-grid{grid-template-columns:1fr}
.newsletter-form-row,.footer-bottom-inner{flex-direction:column}
.newsletter-form .btn-primary,.search-form-inner button{width:100%}
.search-form-inner{border-radius:20px;flex-direction:column;padding:.7rem}
.search-form-inner button{height:50px}
.content-with-sidebar,.post-layout{gap:1.25rem}
.post-title,.archive-title,.search-results-header h1{font-size:2.2rem}
.comment-body{flex-direction:column}
.back-to-top{bottom:18px;right:18px}
}
