/* ============================================================
   Claria theme styles — dark premium "strong coach" aesthetic.
   Fonts (Spectral + Schibsted Grotesk) are enqueued by the theme.
   ============================================================ */

:root{
	--claria-bg:#15171C; --claria-bg-2:#1C1F26; --claria-bg-3:#23272F; --claria-card:#1A1D24;
	--claria-ink:#E9E5DC; --claria-ink-soft:#A7A299; --claria-ink-faint:#726D64;
	--claria-accent:#7FB7AC; --claria-accent-deep:#5E9A8F; --claria-accent-glow:rgba(127,183,172,.16);
	--claria-line:rgba(233,229,220,.10); --claria-line-strong:rgba(233,229,220,.18);
	--claria-maxw:1060px;
	--claria-serif:"Spectral",Georgia,serif;
	--claria-sans:"Schibsted Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
	--claria-shadow:0 1px 2px rgba(0,0,0,.3), 0 22px 60px -26px rgba(0,0,0,.7);
}

html{scroll-behavior:smooth}
body{
	background:var(--claria-bg); color:var(--claria-ink);
	font-family:var(--claria-sans); font-size:18px; line-height:1.62;
	-webkit-font-smoothing:antialiased; overflow-x:hidden; position:relative; margin:0;
}
body::before{
	content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
	background:
		radial-gradient(55% 40% at 75% 0%, var(--claria-accent-glow), transparent 70%),
		radial-gradient(45% 40% at 5% 95%, rgba(127,183,172,.07), transparent 70%);
}
body::after{
	content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.05;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}
img{max-width:100%;height:auto}
a{color:var(--claria-accent)}

.claria-wrap{position:relative;z-index:1;max-width:var(--claria-maxw);margin:0 auto;padding:0 24px}
.claria-main{position:relative;z-index:1}

h1,h2,h3{font-family:var(--claria-serif);font-weight:500;line-height:1.08;letter-spacing:-.01em;margin:0}
h1{font-size:clamp(2.5rem,5.8vw,4.3rem);font-weight:400}
h2{font-size:clamp(1.85rem,3.4vw,2.7rem);font-weight:400}
h3{font-size:1.16rem;font-family:var(--claria-sans);font-weight:600;letter-spacing:0}
p{margin:0}

.claria-eyebrow{font-family:var(--claria-sans);font-weight:600;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--claria-accent)}
.claria-lead{font-size:clamp(1.05rem,1.7vw,1.3rem);color:var(--claria-ink-soft);max-width:34em}
.claria-faint{color:var(--claria-ink-faint);font-size:.9rem}
.claria-kicker{margin-bottom:14px}

/* nav */
.claria-skip{position:absolute;left:-9999px;top:0;background:var(--claria-ink);color:var(--claria-bg);padding:10px 16px;border-radius:0 0 8px 0;z-index:50}
.claria-skip:focus{left:0}
.claria-nav{position:relative;z-index:2}
.claria-nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--claria-maxw);margin:0 auto;padding:26px 24px;gap:18px}
.claria-logo{font-family:var(--claria-serif);font-weight:500;font-size:1.55rem;letter-spacing:.01em;display:flex;align-items:center;gap:.5rem}
.claria-logo-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--claria-ink)}
.claria-logo .dot,.claria-logo-link .dot{width:9px;height:9px;border-radius:50%;background:var(--claria-accent);display:inline-block;box-shadow:0 0 12px var(--claria-accent)}
.claria-menu{display:flex;gap:24px;list-style:none;margin:0;padding:0;flex:1;justify-content:center}
.claria-menu a{font-family:var(--claria-sans);font-size:.95rem;font-weight:500;color:var(--claria-ink-soft);text-decoration:none;transition:color .2s}
.claria-menu a:hover{color:var(--claria-ink)}
.claria-nav-cta{font-family:var(--claria-sans);font-size:.9rem;font-weight:600;color:var(--claria-ink);text-decoration:none;padding:9px 17px;border:1px solid var(--claria-line-strong);border-radius:999px;transition:.2s;white-space:nowrap}
.claria-nav-cta:hover{background:var(--claria-ink);color:var(--claria-bg);border-color:var(--claria-ink)}

/* hero */
.claria-hero{padding:60px 0 78px;position:relative;z-index:1}
.claria-hero h1{margin:20px 0 24px;max-width:17ch}
.claria-hero h1 em{font-style:italic;color:var(--claria-accent)}
.claria-cta-row{display:flex;flex-wrap:wrap;gap:14px;margin:34px 0 18px}
.claria-btn{font-family:var(--claria-sans);font-weight:600;font-size:1rem;padding:15px 28px;border-radius:11px;border:1px solid transparent;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:transform .15s,background .2s,border-color .2s}
.claria-btn-primary{background:var(--claria-ink);color:#15171C;box-shadow:var(--claria-shadow)}
.claria-btn-primary:hover{transform:translateY(-2px);background:#fff}
.claria-btn-ghost{background:transparent;color:var(--claria-ink);border-color:var(--claria-line-strong)}
.claria-btn-ghost:hover{border-color:var(--claria-accent);color:var(--claria-accent);transform:translateY(-2px)}
.claria-micro{font-size:.92rem;color:var(--claria-ink-soft)}

/* sections */
.claria-section{padding:62px 0;position:relative;z-index:1}
.claria-line{border-top:1px solid var(--claria-line)}
.claria-problem h2{max-width:20ch}
.claria-problem p{font-size:clamp(1.04rem,1.5vw,1.2rem);color:var(--claria-ink-soft);max-width:36em;margin-top:18px}

/* pillars */
.claria-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}
.claria-pillar{background:var(--claria-card);border:1px solid var(--claria-line);border-radius:16px;padding:28px 24px}
.claria-tag{font-family:var(--claria-sans);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--claria-accent);font-weight:700}
.claria-pillar h3{margin:14px 0 10px}
.claria-pillar p{color:var(--claria-ink-soft);font-size:.97rem}
.claria-aligned{margin-top:22px;color:var(--claria-ink-soft);font-size:.97rem;max-width:60ch}

/* demo */
.claria-demo{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.claria-bubble{border-radius:16px;padding:22px 24px;border:1px solid var(--claria-line)}
.claria-bubble.you{background:var(--claria-bg-2)}
.claria-bubble.coach{background:linear-gradient(180deg,#1c2a27,#1a2421);border-color:rgba(127,183,172,.3);border-left:3px solid var(--claria-accent)}
.claria-bubble .who{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-bottom:10px}
.claria-bubble.you .who{color:var(--claria-ink-faint)}
.claria-bubble.coach .who{color:var(--claria-accent)}
.claria-bubble p{font-family:var(--claria-serif);font-size:1.1rem;line-height:1.4}
.claria-demo-note{margin-top:16px;font-size:.86rem;color:var(--claria-ink-faint);font-style:italic}

/* split panels */
.claria-split{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.claria-panel{background:var(--claria-card);border:1px solid var(--claria-line);border-radius:16px;padding:30px 28px}
.claria-panel h3{font-family:var(--claria-serif);font-weight:500;font-size:1.4rem;margin-bottom:10px}
.claria-panel p{color:var(--claria-ink-soft);font-size:.99rem}

/* pricing */
.claria-anchor{text-align:center}
.claria-anchor h2{max-width:18ch;margin:0 auto 16px}
.claria-anchor p{color:var(--claria-ink-soft);max-width:34em;margin:0 auto;font-size:1.08rem}
.claria-prices{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:30px}
.claria-price{border:1px solid var(--claria-line);border-radius:14px;padding:20px 26px;min-width:180px}
.claria-price .p{font-family:var(--claria-serif);font-size:1.7rem;color:var(--claria-ink)}
.claria-price .l{font-size:.84rem;color:var(--claria-ink-soft);margin-top:4px;letter-spacing:.04em}
.claria-price.feat{border-color:var(--claria-accent);background:rgba(127,183,172,.06)}

/* apply / form */
.claria-apply h2{max-width:16ch;margin:0 auto 14px}
.claria-apply-sub{text-align:center;color:var(--claria-ink-soft);max-width:34em;margin:0 auto 30px}
.claria-form{max-width:560px;margin:0 auto;background:var(--claria-card);border:1px solid var(--claria-line);border-radius:18px;padding:30px 28px}
.claria-form .wpcf7{margin:0}
.claria-form .wpcf7-form > p{margin:0 0 18px}
/* Visible field labels (label-based form, robust + accessible). */
.claria-flabel{display:block;font-family:var(--claria-sans);font-size:.92rem;font-weight:500;color:var(--claria-ink-soft);margin:0 0 20px}
.claria-flabel .wpcf7-form-control-wrap{display:block;margin-top:8px}
.claria-form input.wpcf7-form-control,
.claria-form select.wpcf7-form-control,
.claria-form textarea.wpcf7-form-control{
	width:100%;font-family:var(--claria-sans);font-size:1rem;padding:13px 15px;
	background:var(--claria-bg-2);border:1px solid var(--claria-line-strong);
	border-radius:11px;color:var(--claria-ink);resize:vertical;
}
.claria-form textarea.wpcf7-form-control{min-height:80px}
.claria-form .wpcf7-form-control::placeholder{color:var(--claria-ink-faint)}
.claria-form .wpcf7-form-control:focus{outline:2px solid var(--claria-accent);outline-offset:1px;border-color:var(--claria-accent)}
.claria-form select.wpcf7-form-control{
	appearance:none;-webkit-appearance:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23A7A299' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;
}
.claria-form input.wpcf7-submit{
	width:100%;font-family:var(--claria-sans);font-weight:600;font-size:1rem;
	padding:15px 28px;border-radius:11px;border:1px solid transparent;cursor:pointer;
	background:var(--claria-ink);color:#15171C;box-shadow:var(--claria-shadow);transition:transform .15s,background .2s;margin-top:4px;
}
.claria-form input.wpcf7-submit:hover{transform:translateY(-2px);background:#fff}
.claria-form-foot{margin-top:14px;text-align:center;font-size:.85rem;color:var(--claria-ink-faint)}

/* CF7 messages */
.claria-form .wpcf7-response-output{
	margin:16px 0 0;padding:12px 15px;border-radius:10px;font-weight:600;font-size:.95rem;
	border:1px solid var(--claria-line-strong);color:var(--claria-ink);background:var(--claria-bg-2);
}
.claria-form .wpcf7-mail-sent-ok{border-color:var(--claria-accent);color:var(--claria-accent);background:rgba(127,183,172,.08)}
.claria-form .wpcf7-validation-errors,
.claria-form .wpcf7-mail-sent-ng,
.claria-form .wpcf7-aborted{border-color:#E0876A;color:#E0876A;background:rgba(224,135,106,.08)}
.claria-form .wpcf7-not-valid-tip{color:#E0876A;font-size:.82rem;font-weight:500;margin-top:6px}
.claria-form .wpcf7-form-control.wpcf7-not-valid{border-color:#E0876A}
.claria-form .wpcf7-spinner{margin:0 auto;display:block}

/* admin / fallback hints */
.claria-setup-hint{background:var(--claria-bg-2);border:1px dashed var(--claria-line-strong);border-radius:12px;padding:20px 22px;color:var(--claria-ink-soft)}
.claria-setup-hint strong{color:var(--claria-ink)}
.claria-form-fallback{text-align:center;color:var(--claria-ink-soft)}

/* faq */
.claria-faq{max-width:760px;margin:0 auto}
.claria-faq details{border-top:1px solid var(--claria-line);padding:20px 4px}
.claria-faq details:last-child{border-bottom:1px solid var(--claria-line)}
.claria-faq summary{font-family:var(--claria-serif);font-size:1.18rem;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--claria-ink)}
.claria-faq summary::-webkit-details-marker{display:none}
.claria-faq summary::after{content:"+";color:var(--claria-accent);font-size:1.4rem;transition:transform .2s}
.claria-faq details[open] summary::after{transform:rotate(45deg)}
.claria-faq details p{margin-top:12px;color:var(--claria-ink-soft);max-width:62ch}

/* footer */
.claria-footer{padding:46px 0 56px;border-top:1px solid var(--claria-line);color:var(--claria-ink-faint);font-size:.9rem;position:relative;z-index:1}
.claria-foot-row{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center}
.claria-foot-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.claria-foot-links a{color:var(--claria-ink-soft);text-decoration:none}
.claria-foot-links a:hover{color:var(--claria-ink)}
.claria-social{display:flex;gap:14px;align-items:center}
.claria-social a{color:var(--claria-ink-soft);display:inline-flex;transition:color .2s}
.claria-social a:hover{color:var(--claria-accent)}
.claria-disclaim{margin-top:18px;max-width:62ch;font-size:.82rem;color:var(--claria-ink-faint)}

/* generic pages (privacy policy etc.) */
.claria-page{max-width:760px}
.claria-page-title{font-family:var(--claria-serif);font-size:clamp(2rem,4vw,3rem);margin-bottom:24px}
.claria-content{color:var(--claria-ink-soft)}
.claria-content a{color:var(--claria-accent)}
.claria-content h2,.claria-content h3{color:var(--claria-ink);margin:28px 0 12px}

/* reveal animation */
.claria-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.claria-reveal.in{opacity:1;transform:none}
.claria-hero .claria-reveal{transition-delay:var(--d,0ms)}

@media (prefers-reduced-motion:reduce){
	.claria-reveal{opacity:1;transform:none;transition:none}
	html{scroll-behavior:auto}
}

@media (max-width:820px){
	.claria-pillars,.claria-demo,.claria-split{grid-template-columns:1fr}
	.claria-hero{padding:38px 0 54px}
	.claria-section{padding:48px 0}
	.claria-menu{display:none}
}

/* ===== v1.1: nav toggle, blog, single, share, reading mode ===== */

/* mobile nav toggle (hidden on desktop) */
.claria-menu-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;background:transparent;border:1px solid var(--claria-line-strong);border-radius:10px;cursor:pointer}
.claria-burger,.claria-burger::before,.claria-burger::after{display:block;width:20px;height:2px;background:var(--claria-ink);transition:transform .2s ease,opacity .2s ease}
.claria-burger{position:relative}
.claria-burger::before,.claria-burger::after{content:"";position:absolute;left:0}
.claria-burger::before{top:-6px}
.claria-burger::after{top:6px}
.claria-menu-toggle[aria-expanded="true"] .claria-burger{background:transparent}
.claria-menu-toggle[aria-expanded="true"] .claria-burger::before{transform:translateY(6px) rotate(45deg)}
.claria-menu-toggle[aria-expanded="true"] .claria-burger::after{transform:translateY(-6px) rotate(-45deg)}

/* homepage: latest articles */
.claria-latest h2{max-width:20ch}
.claria-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.claria-card{display:flex;flex-direction:column;background:var(--claria-card);border:1px solid var(--claria-line);border-radius:16px;padding:24px 22px;text-decoration:none;transition:transform .15s ease,border-color .2s ease}
.claria-card:hover{transform:translateY(-3px);border-color:var(--claria-line-strong)}
.claria-card-cat{font-family:var(--claria-sans);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--claria-accent);font-weight:700;margin-bottom:12px}
.claria-card-title{font-family:var(--claria-serif);font-weight:500;font-size:1.22rem;line-height:1.22;color:var(--claria-ink);margin:0 0 10px}
.claria-card-ex{color:var(--claria-ink-soft);font-size:.94rem;flex:1}
.claria-card-more{margin-top:16px;font-family:var(--claria-sans);font-weight:600;font-size:.86rem;color:var(--claria-accent)}
.claria-latest-all{margin-top:26px}
.claria-latest-all a{color:var(--claria-ink-soft);text-decoration:none;font-weight:500}
.claria-latest-all a:hover{color:var(--claria-ink)}

/* blog: two-column layout */
.claria-blog{padding:48px 0 24px}
.claria-blog-grid{display:grid;grid-template-columns:262px 1fr;gap:44px;align-items:start}

/* sidebar */
.claria-side{position:sticky;top:24px;display:flex;flex-direction:column;gap:30px}
.claria-side-block{}
.claria-side-title{font-family:var(--claria-sans);font-weight:700;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--claria-ink-faint);margin:0 0 14px}
.claria-search{display:flex;border:1px solid var(--claria-line-strong);border-radius:11px;overflow:hidden;background:var(--claria-bg-2)}
.claria-search input{flex:1;min-width:0;background:transparent;border:0;padding:12px 14px;color:var(--claria-ink);font-family:var(--claria-sans);font-size:.95rem}
.claria-search input::placeholder{color:var(--claria-ink-faint)}
.claria-search input:focus{outline:none}
.claria-search button{background:transparent;border:0;border-left:1px solid var(--claria-line);color:var(--claria-ink-soft);padding:0 14px;cursor:pointer;display:flex;align-items:center}
.claria-search button:hover{color:var(--claria-accent)}
.claria-cats{list-style:none;margin:0;padding:0}
.claria-cats li{margin:0 0 2px}
.claria-cats a{display:inline-block;color:var(--claria-ink-soft);text-decoration:none;font-size:.96rem;padding:5px 0;transition:color .2s}
.claria-cats a:hover{color:var(--claria-accent)}
.claria-cats .children{margin-left:14px}
.claria-side-all{font-family:var(--claria-sans);font-weight:600;font-size:.9rem;color:var(--claria-accent);text-decoration:none}

/* listing */
.claria-list-col{min-width:0}
.claria-list-heading{font-family:var(--claria-serif);font-weight:400;font-size:clamp(1.8rem,3.2vw,2.5rem);margin:0 0 30px;line-height:1.1}
.claria-post-list{list-style:none;margin:0;padding:0}
.claria-post-item{padding:24px 0;border-top:1px solid var(--claria-line)}
.claria-post-item:first-child{border-top:0;padding-top:0}
.claria-post-link{text-decoration:none;display:block}
.claria-post-title{font-family:var(--claria-serif);font-weight:500;font-size:1.5rem;line-height:1.2;color:var(--claria-ink);margin:0;transition:color .2s}
.claria-post-link:hover .claria-post-title{color:var(--claria-accent)}
.claria-post-meta{margin:8px 0 10px;font-size:.82rem;color:var(--claria-ink-faint);letter-spacing:.02em}
.claria-post-meta a{color:var(--claria-ink-faint);text-decoration:none}
.claria-post-meta a:hover{color:var(--claria-accent)}
.claria-post-excerpt{color:var(--claria-ink-soft);font-size:.98rem;margin:0;max-width:60ch}
.claria-pagination{margin-top:34px;display:flex;gap:8px;flex-wrap:wrap}
.claria-pagination .page-numbers{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--claria-line);border-radius:10px;color:var(--claria-ink-soft);text-decoration:none;font-size:.92rem;transition:.2s}
.claria-pagination .page-numbers:hover{border-color:var(--claria-accent);color:var(--claria-accent)}
.claria-pagination .page-numbers.current{background:var(--claria-ink);color:#15171C;border-color:var(--claria-ink);font-weight:600}
.claria-empty{color:var(--claria-ink-soft);padding:20px 0}

/* single article */
.claria-single .claria-blog-grid{align-items:start}
.claria-article-col{min-width:0}
.claria-article-head{margin-bottom:22px}
.claria-article-meta{font-size:.82rem;color:var(--claria-ink-faint);letter-spacing:.03em;margin-bottom:14px}
.claria-article-meta a{color:var(--claria-accent);text-decoration:none}
.claria-article-cats a:hover{text-decoration:underline}
.claria-article-title{font-family:var(--claria-serif);font-weight:400;font-size:clamp(2rem,4.2vw,3.05rem);line-height:1.08;color:var(--claria-ink);margin:0}
.claria-article-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--claria-line);border-bottom:1px solid var(--claria-line);margin-bottom:26px}
.claria-article-foot{margin-top:30px;padding-top:18px;border-top:1px solid var(--claria-line);display:flex;justify-content:flex-end}
.claria-article-back{margin-top:26px}
.claria-article-back a{color:var(--claria-ink-soft);text-decoration:none;font-weight:500}
.claria-article-back a:hover{color:var(--claria-accent)}

/* related */
.claria-related{margin-top:48px;padding-top:28px;border-top:1px solid var(--claria-line)}
.claria-related-title{font-family:var(--claria-sans);font-weight:700;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--claria-ink-faint);margin:0 0 16px}
.claria-related-list{list-style:none;margin:0;padding:0}
.claria-related-list li{margin:0 0 10px}
.claria-related-list a{font-family:var(--claria-serif);font-size:1.16rem;color:var(--claria-ink-soft);text-decoration:none;transition:color .2s}
.claria-related-list a:hover{color:var(--claria-accent)}

/* share buttons */
.claria-share{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.claria-share-label{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--claria-ink-faint);font-weight:700;margin-right:2px}
.claria-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:38px;height:38px;border:1px solid var(--claria-line-strong);border-radius:10px;background:transparent;color:var(--claria-ink-soft);cursor:pointer;text-decoration:none;transition:.2s;position:relative}
.claria-share-btn:hover{border-color:var(--claria-accent);color:var(--claria-accent)}
.claria-share-copy .claria-copied{position:absolute;top:-30px;right:0;background:var(--claria-ink);color:#15171C;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:6px;white-space:nowrap}

/* reading toolbar */
.claria-reading-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.claria-reading-group{display:inline-flex;align-items:center;gap:4px}
.claria-reading-cap{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--claria-ink-faint);font-weight:700;margin-right:6px}
.claria-reading-bar button{min-width:34px;height:34px;padding:0 9px;border:1px solid var(--claria-line-strong);border-radius:8px;background:transparent;color:var(--claria-ink-soft);font-family:var(--claria-sans);font-weight:600;font-size:.86rem;cursor:pointer;transition:.2s}
.claria-reading-bar button:hover{border-color:var(--claria-accent);color:var(--claria-accent)}
.claria-reading-bar button.is-active{background:var(--claria-ink);color:#15171C;border-color:var(--claria-ink)}

/* article body typography + reading colour modes */
.claria-article-body{font-size:1.07rem;line-height:1.75;color:#D8D3C9;padding:4px 0;border-radius:14px;transition:background .25s ease,color .25s ease,padding .25s ease}
.claria-article-body p{margin:0 0 20px}
.claria-article-body h2{font-family:var(--claria-serif);font-weight:500;font-size:1.6rem;line-height:1.2;color:var(--claria-ink);margin:36px 0 14px}
.claria-article-body h3{font-family:var(--claria-sans);font-weight:600;font-size:1.18rem;color:var(--claria-ink);margin:28px 0 12px}
.claria-article-body ul,.claria-article-body ol{margin:0 0 20px;padding-left:22px}
.claria-article-body li{margin:0 0 9px}
.claria-article-body a{color:var(--claria-accent);text-decoration:underline;text-underline-offset:2px}
.claria-article-body strong{color:var(--claria-ink);font-weight:600}
.claria-article-body blockquote{margin:24px 0;padding:6px 20px;border-left:3px solid var(--claria-accent);color:var(--claria-ink-soft);font-style:italic}
.claria-article-body em{font-style:italic}

.claria-article-body.rm-sepia{background:#f4ecd8;color:#4a3c28;padding:30px 32px}
.claria-article-body.rm-sepia h2,.claria-article-body.rm-sepia h3,.claria-article-body.rm-sepia strong{color:#2c2113}
.claria-article-body.rm-sepia a{color:#9a6a1a}
.claria-article-body.rm-sepia blockquote{color:#5c4a30;border-left-color:#b98a3a}

.claria-article-body.rm-light{background:#ffffff;color:#2a2a30;padding:30px 32px}
.claria-article-body.rm-light h2,.claria-article-body.rm-light h3,.claria-article-body.rm-light strong{color:#111114}
.claria-article-body.rm-light a{color:#1a6f63}
.claria-article-body.rm-light blockquote{color:#444;border-left-color:#1a6f63}

/* mobile: blog + nav */
@media (max-width:900px){
	.claria-cards{grid-template-columns:1fr}
	.claria-blog-grid{grid-template-columns:1fr;gap:34px}
	.claria-side{position:static;order:2;margin-top:6px}
	.claria-single .claria-article-col{order:1}
	.claria-single .claria-side{margin-top:44px;border-top:1px solid var(--claria-line);padding-top:30px}
	.claria-article-tools{flex-direction:column;align-items:flex-start;gap:14px}
}

@media (max-width:820px){
	.claria-nav-inner{flex-wrap:wrap}
	.claria-menu-toggle{display:inline-flex;order:3}
	.claria-nav-cta{order:2}
	.claria-menu{display:none}
	.claria-menu.is-open{display:flex;flex-direction:column;flex-basis:100%;order:4;gap:2px;margin-top:14px;padding-top:14px;border-top:1px solid var(--claria-line)}
	.claria-menu.is-open a{padding:9px 0;font-size:1rem}
}

/* legal pages (privacy / terms) */
.claria-legal-meta{color:var(--claria-ink-faint);font-size:.92rem;margin:0 0 30px}
.claria-content p{margin:0 0 18px}
.claria-content ul,.claria-content ol{margin:0 0 20px;padding-left:22px}
.claria-content li{margin:0 0 9px}
.claria-content strong{color:var(--claria-ink);font-weight:600}
.claria-content h2{font-size:1.5rem}
.claria-content h3{font-size:1.12rem}