:root {
  --concept-ink: #061943;
  --concept-muted: #526681;
  --concept-blue: #1268e8;
  --concept-blue-dark: #08245b;
  --concept-teal: #069fa4;
  --concept-coral: #ff7168;
  --concept-sky: #eff8ff;
  --concept-line: #d8e5f4;
}

body { color: var(--concept-ink); background: #fff; }
.button.secondary { color: var(--concept-ink); }
.concept-shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.concept-hero { position: relative; overflow: hidden; padding: clamp(62px, 7.5vw, 96px) 0 clamp(58px, 7vw, 88px); background: radial-gradient(circle at 85% 15%, rgba(6,159,164,.14), transparent 28%), linear-gradient(135deg, #f5f9ff, #fff); }
.concept-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(300px, .62fr); gap: clamp(38px, 6vw, 74px); align-items: center; }
.concept-hero h1 { max-width: 800px; margin: 12px 0 20px; font-size: clamp(3rem, 5.2vw, 5.35rem); line-height: .97; letter-spacing: -.052em; }
.concept-hero .intro { max-width: 760px; color: var(--concept-muted); font-size: clamp(1.13rem, 1.7vw, 1.36rem); line-height: 1.6; }
.concept-eyebrow { margin: 0; color: var(--concept-blue); font-size: .78rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.concept-sidecard { position: relative; overflow: hidden; padding: 27px; background: white; border: 1px solid var(--concept-line); border-radius: 22px; box-shadow: 0 20px 48px rgba(6,25,67,.09); }
.concept-sidecard strong { display: block; margin-bottom: 12px; font-size: 1.35rem; }
.concept-sidecard p { margin: 0; color: var(--concept-muted); }
.concept-section { padding: clamp(62px, 7.5vw, 94px) 0; }
.concept-section.soft { background: var(--concept-sky); }
.concept-section.dark { color: white; background: linear-gradient(140deg, var(--concept-blue-dark), var(--concept-blue)); }
.concept-section h2 { max-width: 820px; margin: 10px 0 18px; font-size: clamp(2.2rem, 4vw, 4rem); line-height: 1.02; letter-spacing: -.043em; }
.concept-section-lead { max-width: 780px; margin-bottom: 38px; color: var(--concept-muted); font-size: 1.12rem; }
.concept-section.dark .concept-section-lead { color: #dce8ff; }
.concept-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.concept-grid.two { grid-template-columns: repeat(2, 1fr); }
.concept-card { padding: 24px; background: white; border: 1px solid var(--concept-line); border-radius: 18px; box-shadow: 0 10px 28px rgba(6,25,67,.045); }
.concept-card h3 { margin: 8px 0 10px; font-size: 1.25rem; }
.concept-card p { margin-bottom: 0; color: var(--concept-muted); }
.concept-card .number { display: grid; width: 36px; height: 36px; place-items: center; color: white; background: var(--concept-blue); border-radius: 50%; font-weight: 900; }
.concept-card .status { display: inline-block; padding: 6px 9px; color: #0a6d59; background: #e8fbf5; border: 1px solid #bdebdc; border-radius: 999px; font-size: .68rem; font-weight: 850; }
.concept-card.feature { grid-column: span 2; display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .9fr); gap: 24px; align-items: center; }
.concept-card.feature img { width: 100%; border: 1px solid var(--concept-line); border-radius: 14px; }
.concept-list { display: grid; gap: 12px; padding: 0; list-style: none; }
.concept-list li { padding: 16px 18px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); border-radius: 14px; }
.concept-note { margin-top: 28px; padding: 20px 22px; color: var(--concept-muted); background: #fff8ef; border-left: 4px solid var(--concept-coral); border-radius: 0 14px 14px 0; }
.concept-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.concept-article-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.concept-article-card { display: flex; flex-direction: column; min-height: 245px; padding: 26px; color: inherit; background: white; border: 1px solid var(--concept-line); border-radius: 18px; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease; }
.concept-article-card:hover { transform: translateY(-3px); box-shadow: 0 20px 42px rgba(6,25,67,.1); }
.concept-article-card small { color: var(--concept-blue); font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.concept-article-card h2, .concept-article-card h3 { margin: 10px 0; font-size: 1.55rem; line-height: 1.15; letter-spacing: -.02em; }
.concept-article-card p { color: var(--concept-muted); }
.concept-article-card span { margin-top: auto; color: var(--concept-blue); font-weight: 800; }
.concept-article-card.featured { grid-column: 1 / -1; color: white; background: linear-gradient(135deg, var(--concept-blue-dark), var(--concept-blue) 65%, var(--concept-teal)); border: 0; }
.concept-article-card.featured small, .concept-article-card.featured p, .concept-article-card.featured span { color: #dce8ff; }
.article-page { padding-top: clamp(44px, 5vw, 64px); background: radial-gradient(circle at 90% 0, rgba(6,159,164,.09), transparent 25%), #f4f8fd; }
.article-page .article-wrap { position: relative; max-width: 790px; padding: clamp(30px, 4.5vw, 52px); border: 0; border-radius: 26px; box-shadow: 0 24px 70px rgba(6,25,67,.09); }
.article-page .article-wrap::before { display: block; margin-bottom: 22px; content: "AI WORKBOOK INSIGHTS"; color: var(--concept-teal); font-size: .68rem; font-weight: 900; letter-spacing: .12em; }
.article-page .article-wrap .back-link { margin-bottom: 18px; }
.article-page .article-wrap .back-link::after { display: none; }
.article-page .article-wrap .eyebrow { display: block; margin: 0 0 20px; }
.publication-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: -8px 0 22px; color: var(--concept-muted); font-size: .82rem; }
.publication-meta span + span::before { margin-right: 18px; content: "·"; color: var(--concept-teal); }
.article-page .article-wrap h1 { margin-bottom: 22px; font-size: clamp(2.7rem, 4.6vw, 4.35rem); line-height: 1.02; }
.article-page .article-wrap .article-intro { font-size: clamp(1.12rem, 1.5vw, 1.27rem); font-weight: 520; line-height: 1.62; }
.article-page .article-wrap h2 { margin-top: 44px; font-size: clamp(1.55rem, 2vw, 1.9rem); }
.article-page .article-wrap p { line-height: 1.78; }
.article-page .article-wrap li { margin-bottom: 10px; color: var(--concept-muted); }
.article-summary { margin: 32px 0; padding: 20px 22px; background: var(--concept-sky); border: 0; border-left: 4px solid var(--concept-teal); border-radius: 0 14px 14px 0; }
.evidence-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 24px; }
.evidence-gallery a { display: block; padding: 10px; color: var(--concept-ink); background: white; border: 1px solid var(--concept-line); border-radius: 14px; }
.evidence-gallery img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: top; border-radius: 9px; }
.evidence-gallery span { display: block; padding: 9px 3px 2px; font-size: .78rem; font-weight: 800; }

.examples-page .concept-hero::after, .process-page .concept-hero::after, .trust-page .concept-hero::after, .consultant-page .concept-hero::after, .insights-page .concept-hero::after { position: absolute; content: ""; width: 420px; height: 420px; right: -150px; top: -220px; border: 1px solid rgba(18,104,232,.16); border-radius: 50%; box-shadow: 0 0 0 72px rgba(18,104,232,.04), 0 0 0 144px rgba(6,159,164,.035); }
.examples-page .concept-sidecard { border-top: 4px solid var(--concept-teal); }
.process-page .concept-sidecard { color: white; background: linear-gradient(145deg, var(--concept-blue-dark), var(--concept-blue)); border: 0; }
.process-page .concept-sidecard p { color: #dce8ff; }
.process-page .concept-sidecard::after { display: block; margin-top: 24px; content: "IDENTIFY  →  DEFINE  →  PROVE  →  OPERATE  →  IMPROVE"; color: #aeeceb; font-size: .66rem; font-weight: 900; letter-spacing: .06em; line-height: 1.8; }
.trust-page .concept-hero { background: radial-gradient(circle at 82% 15%, rgba(18,104,232,.22), transparent 28%), linear-gradient(135deg, #f7faff, #edf7f8); }
.trust-page .concept-sidecard { color: white; background: var(--concept-blue-dark); border: 0; }
.trust-page .concept-sidecard p { color: #dce8ff; }
.consultant-page .concept-sidecard { color: var(--concept-blue-dark); background: linear-gradient(145deg, #dffff7, #a9eee1); border: 0; }
.consultant-page .concept-sidecard p { color: #315e68; }
.insights-page .concept-hero { color: white; background: radial-gradient(circle at 86% 18%, rgba(72,227,203,.24), transparent 25%), linear-gradient(135deg, var(--concept-blue-dark), var(--concept-blue) 68%, var(--concept-teal)); }
.insights-page .concept-hero .intro { color: #dce8ff; }
.insights-page .concept-eyebrow { color: #aeeceb; }
.insights-page .concept-sidecard { background: rgba(255,255,255,.11); border-color: rgba(255,255,255,.25); box-shadow: none; backdrop-filter: blur(10px); }
.insights-page .concept-sidecard p { color: #dce8ff; }
.insights-page .concept-section.soft { background: #f4f8fd; }
.insights-page .feature-copy .text-link { display: flex; width: fit-content; margin-top: 18px; }
.insights-page .concept-article-card:nth-child(n+5) { display: grid; grid-template-columns: 1fr auto; min-height: 0; padding: 19px 21px; box-shadow: none; }
.insights-page .concept-article-card:nth-child(n+5) small { grid-column: 1 / -1; }
.insights-page .concept-article-card:nth-child(n+5) h3 { margin: 8px 16px 0 0; font-size: 1.08rem; }
.insights-page .concept-article-card:nth-child(n+5) p { display: none; }
.insights-page .concept-article-card:nth-child(n+5) span { align-self: end; white-space: nowrap; }
.process-page .concept-section:not(.dark):not(.soft) .concept-grid { position: relative; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.process-page .concept-section:not(.dark):not(.soft) .concept-grid::before { position: absolute; content: ""; z-index: 0; top: 42px; right: 7%; left: 7%; height: 2px; background: linear-gradient(90deg, var(--concept-blue), var(--concept-teal)); }
.process-page .concept-section:not(.dark):not(.soft) .concept-card { position: relative; z-index: 1; padding: 20px; }
.process-page .concept-section:not(.dark):not(.soft) .concept-card .number { margin-bottom: 20px; box-shadow: 0 0 0 8px white; }
body:has(.article-page) .site-footer { grid-template-columns: minmax(260px, 1.3fr) repeat(3, minmax(130px, .55fr)); }
.cookie-banner { width: min(610px, calc(100% - 36px)); gap: 12px; padding: 14px; border-radius: 14px; }
.cookie-banner strong { font-size: .92rem; }
.cookie-banner p { margin-top: 3px; font-size: .8rem; line-height: 1.4; }
.cookie-actions { gap: 7px; }
.cookie-actions .button { min-height: 38px; padding: 0 12px; font-size: .78rem; }

@media (max-width: 900px) {
  .concept-hero-grid, .concept-card.feature { grid-template-columns: 1fr; }
  .concept-grid { grid-template-columns: repeat(2, 1fr); }
  .process-page .concept-section:not(.dark):not(.soft) .concept-grid { grid-template-columns: repeat(2, 1fr); }
  .process-page .concept-section:not(.dark):not(.soft) .concept-grid::before { display: none; }
}

@media (min-width: 641px) and (max-width: 720px) {
  body:has(.article-page) .site-header .nav-links { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; width: 100%; }
  body:has(.article-page) .site-header .nav-links a { min-width: 0; padding: 8px 6px; background: var(--concept-sky); border: 1px solid var(--concept-line); border-radius: 8px; text-align: center; font-size: .78rem; }
}

@media (max-width: 640px) {
  .concept-shell { width: min(100% - 28px, 1180px); }
  .concept-grid, .concept-grid.two, .concept-article-grid { grid-template-columns: 1fr; }
  .process-page .concept-section:not(.dark):not(.soft) .concept-grid { grid-template-columns: 1fr; }
  .concept-card.feature, .concept-article-card.featured { grid-column: auto; }
  .insights-page .concept-article-card:nth-child(n+5) { grid-template-columns: 1fr; }
  .insights-page .concept-article-card:nth-child(n+5) h3 { margin-right: 0; }
  .insights-page .concept-article-card:nth-child(n+5) span { margin-top: 10px; }
  .concept-hero h1 { font-size: clamp(2.8rem, 14vw, 4.3rem); }
  body:has(.article-page) .site-header .nav-links { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; width: 100%; }
  body:has(.article-page) .site-header .nav-links a { min-width: 0; padding: 8px 10px; background: var(--concept-sky); border: 1px solid var(--concept-line); border-radius: 8px; text-align: center; }
  .evidence-gallery { grid-template-columns: 1fr; }
  body:has(.article-page) .site-footer { grid-template-columns: 1fr; }
  .cookie-banner { right: 10px; bottom: 10px; grid-template-columns: 1fr; width: calc(100% - 20px); padding: 15px; }
  .cookie-actions .button { width: 100%; }
}