/* Shared semantic and component tokens */
body{font-family:var(--aifs-font-body)}h1,h2,h3,h4,h5,h6,.brand{font-family:var(--aifs-font-head)}.container{width:min(var(--aifs-max-width),calc(100% - 36px))}.post-card,.category-card,.featured-image,.sidebar-box{border-radius:var(--aifs-radius)}

/* Header compositions */
.aifs-header-compact .header-inner{min-height:60px}.aifs-header-compact .brand-text small{display:none}.aifs-header-centered .header-inner{min-height:104px;justify-content:center;flex-direction:column;gap:12px}.aifs-header-centered .brand{text-align:center}.aifs-header-centered .brand-text small{max-width:420px}.aifs-header-split .brand{min-width:38%}.aifs-header-split .primary-nav{margin-left:auto}

/* Hero compositions */
.aifs-hero-full .hero-grid{grid-template-columns:1fr;text-align:center}.aifs-hero-full .hero-grid>div:first-child{margin:auto}.aifs-hero-full .hero p{margin-inline:auto}.aifs-hero-full .hero-stat{display:none}.aifs-hero-minimal .hero{padding:58px 0;background:var(--aifs-surface);color:var(--aifs-ink)}.aifs-hero-minimal .hero:before{display:none}.aifs-hero-minimal .hero p{color:var(--aifs-muted)}.aifs-hero-minimal .eyebrow{color:var(--aifs-primary);border-color:var(--aifs-line);background:#fff}.aifs-hero-minimal .hero-stat{border-color:var(--aifs-line);background:#fff}

/* Card component variants */
.aifs-cards-elevated .post-card,.aifs-cards-elevated .category-card{border:0;box-shadow:var(--aifs-shadow)}.aifs-cards-bordered .post-card,.aifs-cards-bordered .category-card{border-width:2px;box-shadow:none}.aifs-cards-compact .card-grid{grid-template-columns:repeat(4,1fr);gap:14px}.aifs-cards-compact .post-card-body{padding:16px}.aifs-cards-compact .post-card h3{font-size:17px}.aifs-cards-compact .post-card p{display:none}

/* 1. Technology: precise grid, sharp hierarchy */
.aifs-layout-tech-grid{background-image:linear-gradient(rgba(20,33,61,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(20,33,61,.025) 1px,transparent 1px);background-size:28px 28px}.aifs-layout-tech-grid .brand-mark{border-radius:5px}.aifs-layout-tech-grid .hero{clip-path:polygon(0 0,100% 0,100% 88%,72% 100%,0 93%)}.aifs-layout-tech-grid .eyebrow,.aifs-layout-tech-grid .badge{letter-spacing:.12em;text-transform:uppercase}.aifs-layout-tech-grid .category-card{border-left:4px solid var(--aifs-accent)}

/* 2. Editorial: calm newspaper rhythm */
.aifs-layout-editorial{--aifs-font-head:Georgia,"Times New Roman",serif}.aifs-layout-editorial .site-header{position:relative;border-top:5px solid var(--aifs-primary)}.aifs-layout-editorial .hero{background:#fff;color:var(--aifs-ink);text-align:center;border-bottom:1px solid var(--aifs-line)}.aifs-layout-editorial .hero:before,.aifs-layout-editorial .hero-stat{display:none}.aifs-layout-editorial .hero-grid{grid-template-columns:1fr}.aifs-layout-editorial .hero h1{max-width:980px;margin-inline:auto;font-weight:500}.aifs-layout-editorial .hero p{margin-inline:auto;color:var(--aifs-muted)}.aifs-layout-editorial .card-grid{grid-template-columns:1.35fr 1fr 1fr}.aifs-layout-editorial .post-card{border-width:0 0 1px;border-radius:0}.aifs-layout-editorial .post-card-media{border-radius:0}.aifs-layout-editorial .post-card h3{font-family:var(--aifs-font-head);font-weight:500}

/* 3. Minimal: whitespace and typography */
.aifs-layout-minimal .site-header{box-shadow:none}.aifs-layout-minimal .hero{background:#fff;color:var(--aifs-ink);padding-block:120px}.aifs-layout-minimal .hero:before,.aifs-layout-minimal .hero-stat{display:none}.aifs-layout-minimal .hero-grid{grid-template-columns:1fr}.aifs-layout-minimal .hero p{color:var(--aifs-muted)}.aifs-layout-minimal .section-soft{background:#fff;border-block:1px solid var(--aifs-line)}.aifs-layout-minimal .post-card,.aifs-layout-minimal .category-card{border:0;border-radius:0;box-shadow:none}.aifs-layout-minimal .post-card-body{padding-inline:0}.aifs-layout-minimal .category-card{padding-left:0;border-top:1px solid var(--aifs-line)}

/* 4. Magazine: asymmetric lead story */
.aifs-layout-magazine .hero{padding-block:58px}.aifs-layout-magazine .hero h1{font-size:clamp(44px,7vw,86px)}.aifs-layout-magazine .card-grid{grid-template-columns:repeat(4,1fr)}.aifs-layout-magazine .post-card:first-child{grid-column:span 2;grid-row:span 2}.aifs-layout-magazine .post-card:first-child h3{font-size:30px}.aifs-layout-magazine .post-card:first-child .post-card-media{aspect-ratio:16/10}.aifs-layout-magazine .post-card:not(:first-child) .post-card-media{aspect-ratio:16/8}.aifs-layout-magazine .category-grid{grid-template-columns:repeat(4,1fr)}

/* 5. Warm organic: soft shapes for human topics */
.aifs-layout-warm-organic{background:color-mix(in srgb,var(--aifs-surface) 45%,#fff)}.aifs-layout-warm-organic .hero{margin:20px;border-radius:calc(var(--aifs-radius) * 1.8);background:linear-gradient(125deg,var(--aifs-primary),color-mix(in srgb,var(--aifs-accent) 55%,var(--aifs-primary)))}.aifs-layout-warm-organic .hero:before{border-radius:43% 57% 61% 39%/39% 35% 65% 61%}.aifs-layout-warm-organic .post-card-media{margin:10px;border-radius:calc(var(--aifs-radius) - 6px)}.aifs-layout-warm-organic .category-card:nth-child(3n+2){transform:translateY(18px)}

/* 6. Dark studio: immersive creative presentation */
.aifs-layout-dark-studio{background:#0b0f18;color:#e8edf7;--aifs-ink:#f5f7fb;--aifs-muted:#9aa7bb;--aifs-line:#263044}.aifs-layout-dark-studio .site-header{background:rgba(11,15,24,.9)}.aifs-layout-dark-studio .brand,.aifs-layout-dark-studio .primary-menu a{color:#fff}.aifs-layout-dark-studio .section-soft{background:#111827}.aifs-layout-dark-studio .post-card,.aifs-layout-dark-studio .category-card,.aifs-layout-dark-studio .sidebar-box{background:#151d2c;border-color:#293449}.aifs-layout-dark-studio .post-card h3 a,.aifs-layout-dark-studio .category-card h3{color:#fff}.aifs-layout-dark-studio .hero{background:radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--aifs-accent) 35%,transparent),transparent 32%),#080b12}.aifs-layout-dark-studio .page-header{background:#111827}.aifs-layout-dark-studio .entry-content{color:#d9e1ee}

@media(max-width:900px){.aifs-cards-compact .card-grid,.aifs-layout-magazine .card-grid,.aifs-layout-magazine .category-grid,.aifs-layout-editorial .card-grid{grid-template-columns:1fr 1fr}.aifs-layout-warm-organic .hero{margin:10px}.aifs-header-centered .header-inner{min-height:80px;align-items:flex-start}.aifs-header-centered .brand{text-align:left}.aifs-header-centered .primary-nav{display:none}}
@media(max-width:560px){.aifs-cards-compact .card-grid,.aifs-layout-magazine .card-grid,.aifs-layout-magazine .category-grid,.aifs-layout-editorial .card-grid{grid-template-columns:1fr}.aifs-layout-magazine .post-card:first-child{grid-column:auto;grid-row:auto}.aifs-layout-warm-organic .category-card:nth-child(3n+2){transform:none}}