/* Inner pages, guide archive and shared editorial surfaces. */
.inner-page .editorial,.inner-page .shell{width:min(1180px,calc(100% - 32px));max-width:1180px;margin:22px auto 0;padding-top:0}
.inner-page .mini-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #9d85c63d;border-radius:32px;background:linear-gradient(180deg,#6b5887e6,#1e1333);padding:160px 42px 42px;min-height:360px;margin:0 0 28px;box-shadow:0 24px 50px -35px #0009}
.inner-page .mini-hero::after{display:none}
.mini-hero>*:not(.mini-lava){position:relative;z-index:1}
.mini-lava{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.mini-lava .lava-bubble{bottom:-120px}
.inner-page .mini-hero h1{font-family:Outfit,sans-serif;font-size:clamp(42px,5.3vw,68px);line-height:.98;letter-spacing:-.045em;max-width:920px;margin:12px 0 18px;color:white}
.inner-page .mini-hero p{color:#ffffffe0;line-height:1.65}
.inner-page .guide-intro{grid-template-columns:1.3fr 1fr;gap:36px;align-items:end}
.guide-intro h1 span{color:var(--sand)}
.inner-page .article-description{font-size:19px;max-width:820px}
.inner-page .breadcrumbs{margin:0;padding:12px 8px 18px}
.inner-page .article-content{background:linear-gradient(145deg,rgba(43,28,71,.96),rgba(92,42,92,.56));color:var(--white);padding:clamp(25px,5vw,56px);border-radius:24px;max-width:860px;margin:0 auto;box-shadow:0 18px 50px -28px #000c;border:1px solid rgba(157,133,198,.22)}
.inner-page .article-content p,.inner-page .article-content li{color:rgba(255,255,255,.79)}
.inner-page .article-content h2{color:var(--sand)}
.inner-page .article-content h3{color:var(--blue)}
.inner-page .article-content strong{color:#fff}
.inner-page .article-content a{color:var(--blue)}
.inner-page .article-content blockquote{border-color:var(--lavender);background:rgba(122,63,103,.18)}
.inner-page .article-content code{color:var(--sand)}
.inner-page .article-content pre{background:rgba(30,19,51,.72);border:1px solid rgba(157,133,198,.18)}

.inner-page .guide-grid{gap:30px;padding:10px 10px 24px}
.inner-page .guide-card{background:var(--blue);color:var(--ink);border:2px solid #ffffff35;border-radius:28px;transform:rotate(-.7deg);box-shadow:0 9px 0 #10091d70,0 26px 55px -25px #000a;min-height:350px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}
.inner-page .guide-card:nth-child(3n+2){background:var(--sage);transform:rotate(.6deg)}
.inner-page .guide-card:nth-child(3n){background:var(--terracotta);color:white}
.inner-page .guide-card p,.inner-page .guide-card .guide-meta{color:inherit;opacity:.86}
.inner-page .guide-card h2{color:inherit}
.inner-page .guide-card .btn{background:var(--sand);color:var(--ink);align-self:flex-start;min-width:165px;font-size:15px}
.inner-page .guide-card:hover,.inner-page .guide-card:focus-within{transform:translateY(-7px) rotate(0);box-shadow:0 13px 0 #10091d70,0 32px 60px -20px #000b}
.inner-page .category-bar button{box-shadow:0 4px 0 #10091d55}
.inner-page .category-bar button[aria-pressed=true]{background:var(--blue)}
.inner-page .empty-state{background:var(--blue);color:var(--ink);border:0;box-shadow:0 8px 0 #10091d66}
.inner-page .empty-state h2{color:var(--ink)}

.inner-page .mini-hero{width:calc(100vw - 32px);margin-left:calc((100% - (100vw - 32px))/2);padding-left:max(42px,calc((100vw - 1180px)/2));padding-right:max(42px,calc((100vw - 1180px)/2))}
.inner-page .mini-hero .breadcrumbs{font-size:12px;margin-bottom:16px;padding:0}

@media(max-width:980px){
  .inner-page .mini-hero{padding-top:145px}
  .inner-page .guide-intro{grid-template-columns:1fr;gap:10px}
  .inner-page .guide-grid{gap:24px}
}
@media(max-width:620px){
  .inner-page .editorial,.inner-page .shell{width:calc(100% - 20px);margin:14px auto 0}
  .inner-page .mini-hero{width:calc(100vw - 20px);margin-left:calc((100% - (100vw - 20px))/2);padding:138px 24px 30px;min-height:0;border-radius:24px}
  .inner-page .mini-hero h1{font-size:42px;line-height:1.01}
  .inner-page .guide-intro p{font-size:16px}
  .inner-page .guide-grid{grid-template-columns:1fr;padding:10px 6px 24px}
  .inner-page .guide-card{padding:28px;min-height:320px}
  .inner-page .guide-card h2{font-size:32px}
  .inner-page .category-bar{padding-inline:8px}
  .inner-page .article-content{margin:0 4px;padding:28px 23px;font-size:16px}
  .inner-page .article-content h2{font-size:28px}
}
@media(prefers-reduced-motion:reduce){
  .inner-page .guide-card{transform:none}
}


/* Text pages — Diaspro article/legal template */
.text-page .unified-nav,
.text-page .nav-morph-postit{display:none!important}
.text-page .text-page-shell{width:min(1180px,calc(100% - 32px));max-width:1180px;margin:24px auto 0;padding:0 0 40px}
.text-page .text-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;margin:0 0 26px}
.text-page .text-hero-copy{padding:clamp(34px,5vw,62px);border-radius:32px;border:1px solid rgba(157,133,198,.22);background:linear-gradient(145deg,rgba(43,28,71,.98),rgba(92,42,92,.60));box-shadow:0 24px 60px -28px rgba(0,0,0,.8)}
.text-page .text-hero-copy .breadcrumbs{margin:0 0 22px;color:var(--blue);font:700 11px/1.4 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.text-page .text-hero-copy .eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--lavender)}
.text-page .text-hero-copy .eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sand);box-shadow:0 0 0 5px rgba(232,209,158,.07)}
.text-page .text-hero-copy h1{font:900 clamp(48px,7vw,84px)/.94 Outfit,sans-serif;letter-spacing:-.055em;margin:0;max-width:820px;color:#fff}
.text-page .text-hero-copy .article-description{max-width:760px;margin:22px 0 0;font-size:clamp(17px,1.55vw,20px);line-height:1.68;color:rgba(255,255,255,.84)}
.text-meta-row{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap}
.text-pill{display:inline-flex;align-items:center;min-height:30px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.09);font:800 10px/1 "JetBrains Mono",monospace;letter-spacing:.05em}
.text-pill-blue{color:var(--blue);background:rgba(165,196,220,.08);border-color:rgba(165,196,220,.20)}
.text-pill-sage{color:var(--sage);background:rgba(152,167,138,.08);border-color:rgba(152,167,138,.22)}

.text-page .text-lava-card{position:relative;min-height:100%;overflow:hidden;border-radius:32px;border:1px solid rgba(157,133,198,.22);background:rgba(43,28,71,.72);box-shadow:0 24px 60px -28px rgba(0,0,0,.8)}
.text-page .text-lava-card .mini-lava{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,rgba(107,88,135,.90),rgba(30,19,51,.96));pointer-events:none}
.text-page .text-lava-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.14));pointer-events:none}
.text-page .text-lava-card .lava-bubble{bottom:-120px}

.guide-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:start}
.text-page .article-content{max-width:none;margin:0;padding:clamp(28px,5vw,58px);border-radius:32px;border:1px solid rgba(157,133,198,.22);background:linear-gradient(145deg,rgba(43,28,71,.97),rgba(92,42,92,.50));box-shadow:0 24px 60px -28px rgba(0,0,0,.8);font-size:17px;line-height:1.86;color:#fff}
.text-page .article-content h2{margin:44px 0 16px;color:var(--sand);font-size:clamp(28px,3.4vw,39px);line-height:1.08;letter-spacing:-.035em}
.text-page .article-content h2:first-child{margin-top:0}
.text-page .article-content h3{margin:34px 0 12px;color:var(--blue);font-size:24px}
.text-page .article-content p,.text-page .article-content li{color:rgba(255,255,255,.84)}
.text-page .article-content strong{color:#fff}
.text-page .article-content a{color:var(--blue);text-underline-offset:4px}
.text-page .article-content blockquote{margin:32px 0;padding:20px 22px;border-left:4px solid var(--lavender);border-radius:0 18px 18px 0;background:rgba(122,63,103,.18)}
.text-page .article-content blockquote p{margin:0;color:rgba(255,255,255,.90)}
.text-page .article-content pre{overflow:auto;margin:28px 0;padding:20px;border-radius:18px;background:rgba(30,19,51,.76);border:1px solid rgba(157,133,198,.18);color:rgba(255,255,255,.82);font:13px/1.7 "JetBrains Mono",monospace}
.text-page .article-content code{color:var(--sand)}
.text-page .article-content img{max-width:100%;height:auto;border-radius:18px}
.article-back-link{margin:36px 0 0!important}

.article-side{position:sticky;top:24px;display:grid;gap:16px}
.article-side-card{padding:20px;border-radius:22px;border:1px solid rgba(255,255,255,.10);box-shadow:0 16px 40px -24px rgba(0,0,0,.72)}
.article-side-card h2{margin:0 0 10px!important;font:800 19px/1.15 Outfit,sans-serif!important;letter-spacing:-.015em!important;color:inherit!important}
.article-side-card p{margin:0;color:inherit!important;font-size:13px!important;line-height:1.65!important;opacity:.76}
.article-side-card a{color:inherit;text-underline-offset:3px;font-weight:800}
.article-side-card.is-surface{background:var(--surface);color:#fff;border-color:rgba(157,133,198,.20)}
.article-side-card.is-blue{background:var(--blue);color:var(--canvas)}
.article-side-card.is-sage{background:var(--sage);color:var(--canvas)}
.article-side-card.is-plum{background:var(--plum);color:#fff}
.article-side-label{display:block;margin-bottom:8px;font:800 10px/1 "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.10em;opacity:.62}
.article-toc{display:grid;gap:9px;margin-top:12px}
.article-toc .toc-link{padding-left:10px;border-left:2px solid rgba(157,133,198,.30);color:rgba(255,255,255,.76);font-size:13px;font-weight:600;text-decoration:none}
.article-toc .toc-link:hover{color:#fff;border-left-color:var(--lavender)}
.article-toc .toc-link.is-sub{margin-left:10px;font-size:12px;opacity:.86}

.article-postit-wrap{display:flex;justify-content:center;margin-top:38px;padding:4px 0 8px}
.article-postit{position:relative;width:min(300px,100%);aspect-ratio:1;padding:34px 28px 28px;border-radius:17px;background:linear-gradient(135deg,var(--sand),rgba(232,209,158,.91));color:var(--canvas);box-shadow:0 18px 38px -8px rgba(0,0,0,.60),0 0 0 1px rgba(0,0,0,.08);transform:rotate(-1.2deg);display:flex;flex-direction:column;justify-content:center;gap:12px}
.article-postit::before{content:"";position:absolute;top:-9px;left:50%;width:74px;height:20px;transform:translateX(-50%) rotate(.8deg);border-radius:4px;background:rgba(255,255,255,.58);box-shadow:0 2px 6px rgba(0,0,0,.08)}
.text-page .article-content .article-postit h2{margin:0;color:var(--canvas);font-size:31px;line-height:1.02}
.text-page .article-content .article-postit p{margin:0;color:rgba(30,19,51,.78);font-size:14px;line-height:1.55}
.text-page .article-content .article-postit a{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:44px;padding:0 16px;border-radius:999px;background:rgba(30,19,51,.12);border:1px solid rgba(30,19,51,.22);color:var(--canvas);font:900 13px/1 Outfit,sans-serif;text-decoration:none;box-shadow:0 5px 0 rgba(30,19,51,.16);transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease}
.text-page .article-content .article-postit a:hover{transform:translateY(-2px);box-shadow:0 7px 0 rgba(30,19,51,.14)}

.legal-article-layout{display:block}
.legal-article-body{width:min(900px,100%);margin:0 auto!important}

@media(max-width:920px){
  .text-page .text-hero-grid{grid-template-columns:1fr}
  .text-page .text-lava-card{min-height:220px}
  .guide-article-layout{grid-template-columns:1fr}
  .article-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .text-page .text-page-shell{width:calc(100% - 18px);margin-top:9px}
  .text-page .text-hero-copy,.text-page .article-content{padding:26px 22px}
  .text-page .text-hero-copy h1{font-size:46px}
  .text-page .text-lava-card{min-height:180px}
  .article-side{grid-template-columns:1fr}
  .text-page .article-content{font-size:16px}
  .article-postit{width:min(290px,100%)}
}

/* Shared Diaspro statement titles */
.diaspro-statement-title{
  font:900 clamp(62px,6.8vw,108px)/.9 Outfit,sans-serif!important;
  letter-spacing:-.055em!important;
  color:#fff!important;
}
.diaspro-statement-accent{
  position:relative;
  display:inline-block;
  z-index:0;
  color:#fff!important;
  text-shadow:0 0 12px rgba(122,63,103,.75),0 0 30px rgba(122,63,103,.48),0 0 56px rgba(122,63,103,.28);
}
.diaspro-statement-accent::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-1%;
  right:-1%;
  bottom:4%;
  height:38%;
  background:var(--plum);
  border-radius:16px 10px 14px 9px;
  transform:rotate(-.8deg);
  opacity:.92;
  filter:drop-shadow(0 0 16px rgba(122,63,103,.52));
}
.diaspro-statement-accent::after{content:none!important}

@media(max-width:620px){
  .inner-page .mini-hero .diaspro-statement-title{
    font-size:clamp(42px,12vw,54px)!important;
    line-height:.95!important;
  }
  .home-page .hero-copy .diaspro-statement-title{
    font-size:48px!important;
  }
}