/* CMS pages share the selected landing's type, palette and component geometry.
   Loaded after the source theme: header/footer use the original source selectors. */
.themed-content.theme-grid{--surface:#fff;--ink:#000;--muted:#5a5a5a;--accent:#e4002b;--on-accent:#fff;--line:#d9d9d9;--wash:#f4f4f4;--radius:0;--page-bg:#fff;--display:Archivo,sans-serif;--body:Archivo,sans-serif;--content-max:1600px;--space:clamp(16px,3vw,48px)}
.themed-content.theme-metro{--surface:#fff;--ink:#12151c;--muted:#556072;--accent:#1464d2;--on-accent:#fff;--line:#d3d9e0;--wash:#eef1f3;--radius:10px;--page-bg:#fff;--display:Overpass,sans-serif;--body:Overpass,sans-serif;--content-max:1240px;--space:clamp(16px,3vw,32px)}
.themed-content.theme-yirmi-dort-saat{--surface:rgba(255,255,255,.72);--ink:#1b1934;--muted:#514d68;--accent:#1b1934;--on-accent:#fff;--line:rgba(27,25,52,.16);--wash:rgba(255,255,255,.35);--radius:10px;--page-bg:linear-gradient(155deg,#8fb6e6 0%,#d3ddf2 45%,#f9e1cb 100%);--display:'Instrument Serif',Georgia,serif;--body:Manrope,sans-serif;--content-max:1200px;--space:clamp(16px,3vw,32px)}
.themed-content.theme-izometrik-sehir{--surface:#fff;--ink:#1d2345;--muted:#4b5379;--accent:#1d2345;--on-accent:#fff;--line:#d3dbec;--wash:#eaf0fa;--radius:18px;--page-bg:#f3f6fc;--display:'Bricolage Grotesque',sans-serif;--body:Figtree,sans-serif;--content-max:1220px;--space:clamp(16px,3vw,28px)}
.reference-site[data-theme="dark"] .themed-content.theme-izometrik-sehir{--surface:#151c44;--ink:#e8ecff;--muted:#a9b2da;--accent:#ffb84d;--on-accent:#1d2345;--line:#2a3570;--wash:#1b2452;--page-bg:#0d1230}
/* Doubling the scope keeps landing typography from overriding article semantics. */
.themed-content.themed-content{background:var(--page-bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;min-height:60vh}
.themed-content.themed-content .theme-layout{background:transparent;color:inherit}
.themed-content.themed-content .container{width:100%;max-width:var(--content-max);padding-inline:var(--space);margin-inline:auto}
.themed-content.themed-content :is(h1,h2,h3,h4){font-family:var(--display);color:var(--ink);text-wrap:balance;line-height:1.12;letter-spacing:-.025em;margin:0 0 1rem}
.themed-content.themed-content h1{font-size:clamp(2.5rem,5.5vw,5.25rem);max-width:22ch}
.themed-content.themed-content h2{font-size:clamp(1.8rem,3.5vw,3rem)}
.themed-content.themed-content h3{font-size:1.5rem}
.themed-content.themed-content p{color:var(--muted);line-height:1.75;margin:0 0 1rem}
.themed-content.themed-content :is(.page-intro,.hero-section){background:transparent;border-color:var(--line);border-radius:0;box-shadow:none;margin:0;padding-block:clamp(3rem,6vw,6rem)}
.themed-content.themed-content .section-block{padding-block:clamp(2.5rem,5vw,5rem)}
.themed-content.themed-content .section-soft{background:var(--wash)}
.themed-content.themed-content .card-grid{background:transparent;padding:0;box-shadow:none;border-radius:0;gap:24px;border:0}
.themed-content.themed-content :is(.content-card,.pricing-card,.contact-form,.faq-item,.article-toc){background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;color:var(--ink)}
.themed-content.themed-content .card-body{padding:clamp(1.25rem,2.5vw,2rem)}
.themed-content.themed-content .blog-card h2{font-size:clamp(1.4rem,2.2vw,2rem);margin-bottom:1rem}
.themed-content.themed-content .media-frame{border-radius:var(--radius);box-shadow:none}
.themed-content.themed-content .blog-card .media-frame{border-radius:0;margin:0;aspect-ratio:16/9;overflow:hidden}
.themed-content.themed-content .blog-card .media-frame img{width:100%;height:100%;object-fit:cover}
.themed-content.themed-content .button{border-radius:var(--radius);font-family:var(--body);font-weight:700;min-height:48px;border:1.5px solid var(--ink);text-decoration:none;box-shadow:none}
.themed-content.themed-content .button-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.themed-content.themed-content .button-secondary{background:var(--surface);color:var(--ink)}
.themed-content.themed-content .button:hover{filter:brightness(.92);transform:none}
.themed-content.themed-content :is(.text-link,.meta-line a,.article-body a){color:var(--accent);text-underline-offset:.2em}
.themed-content.themed-content :is(.meta-line,.article-breadcrumb,.article-byline,.filter-label,.eyebrow){color:var(--muted)}
.themed-content.themed-content :is(.form-field input,.form-field textarea,.search-form input,.category-nav a,.tag-list a,.share-links a,.pagination a){background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);font-family:var(--body)}
.themed-content.themed-content :is(.pagination a[aria-current],.category-nav a[aria-current],.category-nav a.active,.billing-switch button.active){background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.themed-content.themed-content .billing-switch{background:var(--surface);border-color:var(--line)}
.themed-content.themed-content .article-layout{max-width:min(var(--content-max),1100px);padding-block:clamp(2rem,5vw,5rem)}
.themed-content.themed-content .article-header{border-bottom:1px solid var(--line);padding-bottom:2rem;margin-bottom:2rem}
.themed-content.themed-content .article-header h1{max-width:24ch}
.themed-content.themed-content .article-body{font-family:var(--body);max-width:72ch;margin-inline:auto;padding:0;background:transparent;border-radius:0;box-shadow:none;line-height:1.85;color:var(--ink)}
.themed-content.themed-content .article-body :is(h2,h3,h4){margin-top:2.25rem;margin-bottom:1rem}
.themed-content.themed-content .article-body h2{font-size:clamp(1.65rem,3vw,2.35rem)}
.themed-content.themed-content .article-body p{color:var(--ink);margin-bottom:1.25rem;line-height:1.85}
.themed-content.themed-content .article-body :is(ul,ol){list-style:revert;margin:1rem 0 1.5rem;padding-left:1.5rem}
.themed-content.themed-content .article-body li{margin-block:.5rem}
.themed-content.themed-content .article-body blockquote{margin:2rem 0;padding:1.25rem;border-left:4px solid var(--accent);background:var(--wash)}
.themed-content.themed-content :is(.rich-text,.article-body){overflow-wrap:anywhere}
.themed-content.themed-content :is(.rich-text,.article-body) table{display:block;overflow:auto;max-width:100%}
.themed-content.themed-content .cta-panel{background:var(--accent);color:var(--on-accent);border:0;border-radius:var(--radius);box-shadow:none}
.themed-content.themed-content .cta-panel :is(h2,p){color:var(--on-accent)}
.themed-content.themed-content .state-page{margin-block:0;padding-block:5rem;border-color:var(--accent);background:transparent;box-shadow:none}
.themed-content.themed-content :focus-visible{outline:3px solid var(--accent);outline-offset:4px}
/* Each theme keeps its own editorial language, including the blog archive. */
.themed-content.theme-grid :is(h1,h2,h3){font-weight:800;font-stretch:112%;letter-spacing:-.04em}
.themed-content.theme-grid .page-intro{border-bottom:2px solid var(--ink)}
.themed-content.theme-grid .blog-grid{gap:0;border-top:2px solid var(--ink)}
.themed-content.theme-grid .blog-card{border:0;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.themed-content.theme-grid .article-header{border-bottom:6px solid var(--accent)}
.themed-content.theme-metro :is(.blog-card,.contact-form,.pricing-card){border-top:6px solid var(--accent)}
.themed-content.theme-metro .blog-card:nth-child(4n+2){border-top-color:#e0282e}
.themed-content.theme-metro .blog-card:nth-child(4n+3){border-top-color:#00955a}
.themed-content.theme-metro .blog-card:nth-child(4n){border-top-color:#7a3fb8}
.themed-content.theme-metro .button{border-radius:999px}
.themed-content.theme-metro .article-header{border-left:5px solid var(--accent);padding-left:1.5rem}
.themed-content.theme-metro .eyebrow{font-family:'Overpass Mono',monospace}
.themed-content.theme-yirmi-dort-saat :is(h1,h2,h3){font-weight:400;letter-spacing:-.02em;line-height:1.1}
.themed-content.theme-yirmi-dort-saat .button{border-radius:10px}
.themed-content.theme-yirmi-dort-saat .article-body{background:var(--surface);padding:clamp(1rem,3vw,2.5rem);border-radius:10px}
.themed-content.theme-yirmi-dort-saat .page-intro .eyebrow{border-top:0;padding-top:0}
.themed-content.theme-izometrik-sehir :is(.content-card,.contact-form,.pricing-card){box-shadow:0 12px 32px -18px #1d234559}
.themed-content.theme-izometrik-sehir .blog-card:nth-child(4n+1){border-top:6px solid #d8ccf5}
.themed-content.theme-izometrik-sehir .blog-card:nth-child(4n+2){border-top:6px solid #ffe8a3}
.themed-content.theme-izometrik-sehir .blog-card:nth-child(4n+3){border-top:6px solid #bfe6d2}
.themed-content.theme-izometrik-sehir .blog-card:nth-child(4n){border-top:6px solid #c5daf8}
/* The original header and footer are emitted from one CMS-backed source. */
.reference-site.reference-landing{overflow-x:clip;min-height:100vh}
.reference-site .reference-header{position:sticky;top:0;z-index:100}
.reference-site .reference-header :is(header.top,header.nav,header.site-head){position:relative}
.reference-site .reference-footer{position:relative;z-index:1}
.reference-site .reference-header .menu-btn,.reference-site .reference-header .mobile-menu{display:none!important}
.reference-site .reference-mobile-nav{display:none;padding:0 24px 12px}
.reference-site .reference-mobile-nav summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700}
.reference-site .reference-mobile-nav nav{display:grid;gap:8px;padding:12px 0}
.reference-site .reference-mobile-nav nav a{display:flex;gap:8px;align-items:center;padding:8px 0;text-decoration:none}
.reference-site.reference-yirmi-dort-saat{background:linear-gradient(155deg,#8fb6e6,#d3ddf2 45%,#f9e1cb)}
.reference-site.reference-yirmi-dort-saat .themed-content{background:transparent}
.reference-site.reference-yirmi-dort-saat .reference-footer .foot{background:rgba(255,255,255,.25)}
.reference-site.reference-grid .reference-mobile-nav{padding-inline:var(--m)}
@media(max-width:1023px){
 .reference-site .reference-mobile-nav{display:block}
 .reference-site .reference-header :is(nav.nav,.nav-links){display:none!important}
 .reference-site .reference-header .top-in{flex-wrap:wrap}
 .reference-site .reference-header .top-in>.brand{margin-right:auto}
 .themed-content.themed-content .contact-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
 .themed-content.themed-content .blog-grid{grid-template-columns:1fr}
 .themed-content.themed-content .search-form>div{flex-wrap:wrap}
 .themed-content.themed-content .search-form input{min-width:0;width:100%}
 .themed-content.themed-content .article-breadcrumb ol{flex-wrap:wrap}
 .reference-site .reference-header .clock-pill{display:none}
}
@media(prefers-reduced-motion:reduce){.themed-content.themed-content *{scroll-behavior:auto;transition:none;animation:none}}

.themed-content.themed-content .article-toc ol{list-style:decimal;padding-left:1.5rem}

.reference-site .reference-language{align-self:center;font-size:.8rem;font-weight:700;padding:8px 12px;text-decoration:none}
.reference-site .reference-consent-settings{background:transparent;color:inherit;border:0;text-decoration:underline;padding:1rem 2rem;cursor:pointer}

/* Turkish-only public release; theme-specific controls retain a 10px ceiling. */
.themed-content.theme-yirmi-dort-saat :is(.billing-switch,.billing-switch button,.language-link,.mobile-nav>summary,.submenu,.mobile-nav nav){border-radius:10px}

.reference-landing .brand .reference-brand-logo{display:block;width:auto;height:32px;max-width:150px;object-fit:contain;flex:none}
.reference-landing.reference-grid .brand .reference-brand-logo{height:26px}
.reference-landing .reference-footer .brand .reference-brand-logo{height:34px}
