.hero-grid-bg {
  background-image:
    linear-gradient(to right, rgba(99, 102, 241, 0.07) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(99, 102, 241, 0.07) 1px, transparent 1px);
  background-size: 30px 30px;
  mask-image: radial-gradient(circle at center, black 45%, transparent 90%);
}

/* Keep all shell pages aligned with the generated article header. */
body > header {
  border-bottom: 1px solid #e2e8f0 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: none !important;
}
body > header > div {
  width: 100%;
  max-width: 76rem !important;
  margin: 0 auto;
  padding: 0.85rem 1rem !important;
}
body > header svg {
  display: block;
  width: 250px !important;
  max-width: 60vw;
  height: 50px !important;
}
body > header nav { gap: 0.85rem !important; }
body > header nav a {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #334155 !important;
}
body > header nav a:hover { color: #4f46e5 !important; }
@media (max-width: 640px) {
  body > header > div { align-items: flex-start !important; flex-direction: column !important; gap: 1rem; }
  body > header nav { flex-wrap: wrap; }
}

/* Homepage */
.home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:3rem;overflow:hidden;padding:4.75rem;border:1px solid #dbe4f0;border-radius:2rem;background:linear-gradient(135deg,#f8fbff 0%,#fff 55%,#eefbf7 100%);box-shadow:0 24px 70px rgba(15,23,42,.08)}
.hero-orb{position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none}.hero-orb-one{width:18rem;height:18rem;right:-8rem;top:-9rem;background:rgba(16,185,129,.12)}.hero-orb-two{width:14rem;height:14rem;left:-8rem;bottom:-9rem;background:rgba(15,23,42,.09)}
.hero-copy,.hero-panel{position:relative;z-index:1}.eyebrow{margin:0;color:#0891b2;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.home-hero h1{max-width:730px;margin:1rem 0 0;color:#0f172a;font-size:clamp(2.65rem,5vw,4.75rem);font-weight:850;letter-spacing:-.055em;line-height:1.02}.hero-accent{color:#0f172a}.hero-lead{max-width:680px;margin:1.5rem 0 0;color:#475569;font-size:1.125rem;line-height:1.75}.hero-actions{display:flex;gap:.75rem;margin-top:2rem}.search-box{display:flex;flex:1;align-items:center;gap:.65rem;min-width:0;padding:0 1rem;border:1px solid #cbd5e1;border-radius:.85rem;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.search-box svg{width:1.15rem;fill:none;stroke:#64748b;stroke-width:2}.search-box input{width:100%;padding:.95rem 0;border:0;outline:0;background:transparent;color:#0f172a}.primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem 1.2rem;border-radius:.85rem;background:#0f172a;color:#fff;font-size:.875rem;font-weight:750;white-space:nowrap;box-shadow:0 10px 24px rgba(15,23,42,.22)}.primary-cta:hover{background:#111827}.hero-guide-link{display:inline-flex;margin-top:1rem;color:#475569;font-size:.85rem;font-weight:700}.hero-guide-link:hover{color:#0f172a;text-decoration:underline}.hero-stats{display:flex;gap:2rem;margin-top:2rem}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:.9rem;color:#0f172a}.hero-stats span{font-size:.75rem;color:#64748b}
.hero-panel{align-self:center;padding:1.75rem;border:1px solid rgba(255,255,255,.9);border-radius:1.5rem;background:rgba(255,255,255,.88);box-shadow:0 25px 60px rgba(15,23,42,.13);backdrop-filter:blur(12px)}.panel-top{display:flex;gap:.35rem;margin-bottom:1.5rem}.panel-top span{width:.45rem;height:.45rem;border-radius:50%;background:#cbd5e1}.panel-icon{display:grid;width:3rem;height:3rem;place-items:center;border-radius:.9rem;background:#ecfeff}.panel-icon svg{width:1.55rem;fill:none;stroke:#06b6d4;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.panel-kicker{margin:1.25rem 0 .35rem;color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero-panel h2{margin:0;color:#0f172a;font-size:1.45rem;line-height:1.25}.hero-panel ul{display:grid;gap:.85rem;margin:1.4rem 0;padding:0;list-style:none}.hero-panel li{display:flex;gap:.65rem;color:#475569;font-size:.9rem}.hero-panel li span{display:grid;flex:0 0 1.2rem;height:1.2rem;place-items:center;border-radius:50%;background:#cffafe;color:#0891b2;font-size:.7rem;font-weight:800}.hero-panel>a{color:#0f172a;font-size:.85rem;font-weight:750}
.topic-section,.latest-section{margin-top:5rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem}.section-heading h2{margin:.45rem 0 0;color:#0f172a;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;letter-spacing:-.035em}.section-heading p:not(.eyebrow){margin:.65rem 0 0;color:#64748b}.section-heading>a{flex:none;color:#0f172a;font-size:.9rem;font-weight:750}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.75rem}.topic-card{position:relative;padding:1.75rem;border:1px solid #e2e8f0;border-radius:1.25rem;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.04);transition:.2s ease}.topic-card:hover{transform:translateY(-3px);border-color:#a5f3fc;box-shadow:0 18px 38px rgba(15,23,42,.08)}.topic-number{display:inline-grid;width:2.2rem;height:2.2rem;place-items:center;border-radius:.65rem;background:#eff6ff;color:#0f172a;font-size:.72rem;font-weight:800}.topic-card h3{margin:1.2rem 0 .6rem;color:#0f172a;font-size:1.18rem}.topic-card p{min-height:4.5rem;margin:0;color:#64748b;font-size:.9rem;line-height:1.65}.topic-card a{display:inline-flex;margin-top:1.25rem;color:#0891b2;font-size:.85rem;font-weight:750}.latest-section #posts{margin-top:1.75rem!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.home-hero{grid-template-columns:1fr;padding:3rem}.hero-panel{max-width:520px}.topic-grid{grid-template-columns:1fr 1fr}.topic-card:last-child{grid-column:1/-1}.topic-card p{min-height:0}}
@media(max-width:640px){.home-hero{padding:2rem 1.25rem;border-radius:1.4rem}.home-hero h1{font-size:2.55rem}.hero-actions{flex-direction:column}.search-box{min-height:3.25rem}.hero-stats{gap:1rem;justify-content:space-between}.topic-section,.latest-section{margin-top:3.5rem}.topic-grid{grid-template-columns:1fr}.topic-card:last-child{grid-column:auto}.section-heading{align-items:start;flex-direction:column;gap:1rem}}

/* Curated guide hub */
.guide-main{width:100%;max-width:76rem;margin:0 auto;padding:3rem 1rem 5rem}.guide-hero{position:relative;overflow:hidden;padding:4.5rem;border:1px solid #dbe4f0;border-radius:2rem;background:linear-gradient(135deg,#f8fbff,#fff 58%,#ecfeff);box-shadow:0 24px 70px rgba(15,23,42,.07)}.guide-hero:after{content:"";position:absolute;width:18rem;height:18rem;right:-7rem;bottom:-10rem;border-radius:50%;background:rgba(6,182,212,.12)}.guide-hero h1{position:relative;max-width:760px;margin:1rem 0 0;color:#0f172a;font-size:clamp(2.6rem,5vw,4.5rem);font-weight:850;letter-spacing:-.055em;line-height:1.04}.guide-hero>p:not(.eyebrow){position:relative;max-width:700px;margin:1.4rem 0 0;color:#475569;font-size:1.1rem;line-height:1.75}.guide-hero-actions{position:relative;z-index:1;display:flex;align-items:center;gap:1.25rem;margin-top:2rem}.guide-hero-actions>a:last-child{color:#334155;font-size:.9rem;font-weight:750}.guide-explainer{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:1.5rem 0 3rem;padding:1.4rem 1.6rem;border:1px solid #dbeafe;border-radius:1rem;background:#eff6ff}.guide-explainer strong{color:#0f172a}.guide-explainer p{max-width:800px;margin:.3rem 0 0;color:#475569;font-size:.9rem;line-height:1.6}.guide-explainer>a{flex:none;color:#0f172a;font-size:.85rem;font-weight:750}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.guide-collection{display:flex;flex-direction:column;padding:2rem;border:1px solid #e2e8f0;border-radius:1.5rem;background:#fff;box-shadow:0 12px 35px rgba(15,23,42,.05);transition:.2s ease}.guide-collection:hover{transform:translateY(-3px);border-color:#a5f3fc;box-shadow:0 20px 45px rgba(15,23,42,.09)}.guide-card-head{display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.guide-number{display:grid;width:2.35rem;height:2.35rem;place-items:center;border-radius:.7rem;background:#ecfeff;color:#0891b2}.guide-collection h2{margin:1.25rem 0 .6rem;color:#0f172a;font-size:1.5rem;letter-spacing:-.025em}.guide-collection>p{margin:0;color:#64748b;font-size:.92rem;line-height:1.65}.guide-collection ol{display:grid;gap:.15rem;margin:1.4rem 0;padding:0;list-style:none;border-top:1px solid #e2e8f0}.guide-collection li a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem .15rem;border-bottom:1px solid #e2e8f0;color:#334155;font-size:.88rem;font-weight:650}.guide-collection li a:hover{color:#0891b2}.guide-start{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:.5rem;color:#0f172a;font-size:.85rem;font-weight:800}.guide-start:hover{text-decoration:underline}@media(max-width:720px){.guide-main{padding-top:1.5rem}.guide-hero{padding:2.5rem 1.4rem;border-radius:1.4rem}.guide-hero-actions,.guide-explainer{align-items:flex-start;flex-direction:column}.guide-grid{grid-template-columns:1fr}.guide-explainer{margin-bottom:2rem}}

/* About page */
.about-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:3.5rem;overflow:hidden;padding:4rem;border:1px solid #dbe4f0;border-radius:2rem;background:linear-gradient(135deg,#f8fbff,#fff 58%,#ecfeff);box-shadow:0 24px 70px rgba(15,23,42,.07)}.about-hero h1{max-width:680px;margin:1rem 0 0;color:#0f172a;font-size:clamp(2.6rem,5vw,4.35rem);font-weight:850;letter-spacing:-.055em;line-height:1.04}.about-hero-copy>p:not(.eyebrow){max-width:680px;margin:1.4rem 0 0;color:#475569;font-size:1.08rem;line-height:1.75}.about-hero>img{display:block;width:100%;border-radius:1.4rem;box-shadow:0 24px 55px rgba(15,23,42,.17)}.about-actions{display:flex;align-items:center;gap:1.25rem;margin-top:2rem}.about-actions>a:last-child{color:#334155;font-size:.9rem;font-weight:750}.about-mission{display:grid;grid-template-columns:1.35fr .65fr;gap:3rem;margin-top:5rem}.about-mission h2,.about-heading h2,.about-principles h2{margin:.6rem 0 1rem;color:#0f172a;font-size:clamp(1.9rem,3vw,2.6rem);font-weight:820;letter-spacing:-.04em}.about-mission>div>p:not(.eyebrow){max-width:760px;color:#475569;line-height:1.75}.about-mission aside{align-self:start;padding:1.75rem;border:1px solid #a5f3fc;border-radius:1.25rem;background:#ecfeff}.about-mission aside h3{margin:0;color:#0e7490;font-size:1.15rem}.about-mission aside p{margin:.75rem 0 0;color:#475569;font-size:.9rem;line-height:1.7}.about-expect{margin-top:5rem}.about-heading{max-width:700px}.about-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin-top:2rem}.about-card-grid article{padding:1.6rem;border:1px solid #e2e8f0;border-radius:1.25rem;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.04)}.about-card-grid article>span{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:.7rem;background:#eff6ff;color:#0f172a;font-size:.72rem;font-weight:800}.about-card-grid h3{margin:1.1rem 0 .55rem;color:#0f172a;font-size:1.05rem}.about-card-grid p{margin:0;color:#64748b;font-size:.87rem;line-height:1.65}.about-principles{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:5rem;padding:3rem;border-radius:1.6rem;background:#0f172a}.about-principles h2,.about-principles h3{color:#fff}.about-principles ul{display:grid;gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none}.about-principles li{padding-left:1rem;border-left:2px solid #06b6d4}.about-principles li strong{color:#fff}.about-principles p{margin:.3rem 0 0;color:#cbd5e1;font-size:.9rem;line-height:1.65}.about-principles aside{align-self:center;padding:2rem;border:1px solid rgba(255,255,255,.13);border-radius:1.2rem;background:rgba(255,255,255,.06)}.about-principles aside h3{margin:0;font-size:1.35rem}.about-principles aside>a{display:inline-flex;margin-top:1.25rem;color:#67e8f9;font-size:.88rem;font-weight:750}.about-disclaimer{display:flex;gap:1.25rem;margin-top:2rem;padding:1.6rem;border:1px solid #fcd34d;border-radius:1.2rem;background:#fffbeb}.about-disclaimer-icon{display:grid;flex:0 0 2.5rem;height:2.5rem;place-items:center;border-radius:50%;background:#f59e0b;color:#fff;font-weight:900}.about-disclaimer h2{margin:0;color:#78350f;font-size:1.15rem}.about-disclaimer p{max-width:1000px;margin:.55rem 0 0;color:#78450a;font-size:.9rem;line-height:1.7}.about-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:3rem;padding:2.25rem 2.5rem;border:1px solid #dbe4f0;border-radius:1.4rem;background:#fff}.about-cta h2{margin:0;color:#0f172a;font-size:1.7rem}.about-cta p{margin:.45rem 0 0;color:#64748b}.about-cta>div:last-child{display:flex;align-items:center;gap:1rem;flex:none}.about-cta>div:last-child>a:last-child{color:#334155;font-size:.88rem;font-weight:750}@media(max-width:960px){.about-hero{grid-template-columns:1fr;padding:3rem}.about-hero>img{max-width:680px}.about-card-grid{grid-template-columns:1fr 1fr}.about-mission,.about-principles{grid-template-columns:1fr}}@media(max-width:640px){.about-hero{padding:2.4rem 1.3rem;border-radius:1.4rem}.about-actions,.about-cta,.about-cta>div:last-child{align-items:flex-start;flex-direction:column}.about-mission,.about-expect,.about-principles{margin-top:3.5rem}.about-card-grid{grid-template-columns:1fr}.about-principles{padding:2rem 1.3rem}.about-disclaimer{align-items:flex-start}.about-cta{padding:1.6rem}}