/* Adeo Marketing Webb 2.0 – editorial guide refinement */

/* WordPress admin bar + fixed header */
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}

/* Guide hero */
.guide-hero{padding-bottom:clamp(54px,7vw,88px)!important;overflow:hidden}
.guide-hero:after{content:"";position:absolute;right:-12vw;top:18%;width:min(34vw,520px);aspect-ratio:1;border-radius:50%;background:#2578ff;filter:blur(120px);opacity:.045;pointer-events:none}
.guide-hero .shell{max-width:1160px}
.guide-hero h1{max-width:980px!important;font-size:clamp(3.4rem,7vw,6.4rem)!important;line-height:1.01!important;letter-spacing:-.012em!important}
.guide-hero .page-lead{max-width:760px!important;line-height:1.7}
.guide-topics{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.topic-chip{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid rgba(201,183,156,.2);border-radius:999px;background:rgba(255,255,255,.025);color:rgba(250,250,251,.72);font-size:.78rem;font-weight:650}

/* Guide index */
.guide-library{padding-top:54px!important;padding-bottom:clamp(90px,10vw,140px)!important}
.guide-library>.shell{max-width:1160px}
.guide-intro-row{display:grid!important;grid-template-columns:minmax(180px,.55fr) minmax(0,1fr);align-items:end!important;gap:40px!important;margin-bottom:30px!important;padding-bottom:24px!important}
.guide-intro-row>p:last-child{max-width:620px!important;justify-self:end;line-height:1.65}
.guide-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}

.guide-card{position:relative;min-height:330px!important;overflow:hidden;border:1px solid rgba(255,255,255,.085)!important;border-radius:24px!important;background:#111113!important;box-shadow:none!important;transition:transform .3s var(--ease),border-color .3s ease,background .3s ease!important}
.guide-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,#c9b79c,#ff5c00 58%,transparent);opacity:.68}
.guide-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.15)!important;background:#141416!important}
.guide-card .post-card__body{padding:26px!important;display:flex!important;flex-direction:column!important;min-height:100%}
.guide-card__meta{gap:8px 14px!important;font-size:.68rem!important;letter-spacing:.095em!important}
.guide-card h2{margin:16px 0 15px!important;font-size:clamp(1.65rem,2.4vw,2.15rem)!important;line-height:1.08!important;letter-spacing:-.01em!important;text-wrap:balance}
.guide-card .post-card__body>p{margin:0 0 24px!important;color:rgba(250,250,251,.62)!important;font-size:.94rem;line-height:1.65}
.guide-card__footer{margin-top:auto!important;padding-top:18px!important;font-size:.72rem!important}
.guide-card__footer .text-link{min-height:40px;font-size:.8rem!important}

/* Featured first article */
.guide-card--featured{grid-column:1/-1!important;min-height:400px!important;background:radial-gradient(circle at 88% 0%,rgba(255,92,0,.07),transparent 28rem),#111113!important}
.guide-card--featured .post-card__body{padding:clamp(30px,4vw,44px)!important}
.guide-card--featured h2{max-width:930px;margin-top:18px!important;font-size:clamp(2.45rem,4.5vw,4.25rem)!important;line-height:1.02!important}
.guide-card--featured .post-card__body>p{max-width:760px;font-size:1.02rem;line-height:1.7}

/* Article reading experience */
.article-single{overflow:hidden}
.article-single__header{max-width:1040px!important;padding-top:calc(var(--header) + 96px)!important;padding-bottom:42px!important}
.article-single__header .back-link{display:inline-flex;align-items:center;min-height:42px;margin-bottom:32px;padding:8px 13px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:rgba(250,250,251,.62);font-size:.78rem}
.article-meta{margin-bottom:22px!important;font-size:.7rem!important}
.article-single__header h1{max-width:980px!important;margin:0!important;font-size:clamp(3.4rem,6vw,5.9rem)!important;line-height:1.01!important;letter-spacing:-.012em!important;text-wrap:balance}
.article-single__header .page-lead{max-width:760px!important;margin-top:25px!important;font-size:clamp(1.05rem,1.6vw,1.22rem)!important;line-height:1.72!important}
.article-single__image{max-width:1100px!important;margin-top:12px}
.article-single__image img{width:100%;max-height:620px;object-fit:cover;border-radius:28px}
.article-content{width:min(calc(100% - 32px),780px)!important;max-width:780px!important;margin-inline:auto!important;padding:60px 0 78px!important}
.prose{font-size:1.05rem;line-height:1.8}
.prose p{margin:0 0 1.45em;color:rgba(250,250,251,.76)!important}
.prose>p:first-child{font-size:1.16rem!important;line-height:1.78!important;color:rgba(250,250,251,.9)!important}
.prose h2{margin:2.2em 0 .72em!important;font-size:clamp(2rem,3.2vw,2.75rem)!important;line-height:1.08!important}
.prose h3{margin:1.9em 0 .65em!important;font-size:1.45rem!important;line-height:1.15!important}
.prose ul,.prose ol{margin:0 0 1.6em;padding-left:1.25em}
.prose li{margin:.55em 0!important;line-height:1.7}
.guide-callout{margin:38px 0!important;padding:23px 24px!important}
.guide-sources{margin-top:58px!important}
.article-cta{max-width:900px!important;margin:0 auto 100px!important;padding:clamp(28px,4vw,44px)!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important}
.article-cta h2{max-width:720px;font-size:clamp(2.2rem,4.4vw,4rem)!important;line-height:1.04!important;letter-spacing:-.012em!important}
.article-cta>p:not(.eyebrow){font-size:1rem;line-height:1.65}

@media(max-width:859px){
  .guide-hero{padding-top:calc(var(--header) + 48px)!important;padding-bottom:52px!important}
  .guide-hero h1{font-size:clamp(2.85rem,11vw,4.8rem)!important;line-height:1.04!important}
  .guide-hero .page-lead{font-size:1rem!important}
  .guide-topics{margin-top:22px;gap:7px}
  .topic-chip{min-height:36px;padding:7px 11px;font-size:.72rem}
  .guide-library{padding-top:36px!important;padding-bottom:82px!important}
  .guide-intro-row{display:block!important;margin-bottom:20px!important;padding-bottom:18px!important}
  .guide-intro-row>p:last-child{margin-top:10px!important;font-size:.88rem!important;line-height:1.6}
  .guide-grid{grid-template-columns:1fr!important;gap:11px!important}
  .guide-card,.guide-card--featured{grid-column:auto!important;min-height:0!important;border-radius:20px!important}
  .guide-card .post-card__body,.guide-card--featured .post-card__body{padding:21px!important}
  .guide-card h2,.guide-card--featured h2{margin:13px 0 13px!important;font-size:clamp(1.45rem,6.5vw,2rem)!important;line-height:1.1!important}
  .guide-card .post-card__body>p,.guide-card--featured .post-card__body>p{margin-bottom:18px!important;font-size:.9rem!important;line-height:1.58!important}
  .guide-card__meta{font-size:.62rem!important;gap:6px 10px!important}
  .guide-card__footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding-top:15px!important}
  .guide-card__footer .text-link{margin:0!important;font-size:.76rem!important}

  .article-single__header{width:min(calc(100% - 28px),1040px)!important;padding-top:calc(var(--header) + 56px)!important;padding-bottom:28px!important}
  .article-single__header .back-link{margin-bottom:24px}
  .article-single__header h1{font-size:clamp(2.55rem,10vw,4.2rem)!important;line-height:1.045!important}
  .article-single__header .page-lead{font-size:1rem!important;line-height:1.65!important}
  .article-content{width:min(calc(100% - 28px),760px)!important;padding:40px 0 62px!important}
  .prose{font-size:1rem;line-height:1.75}
  .prose>p:first-child{font-size:1.06rem!important}
  .prose h2{font-size:clamp(1.8rem,7.5vw,2.35rem)!important;margin-top:1.9em!important}
  .prose h3{font-size:1.3rem!important}
  .guide-callout{margin:30px 0!important;padding:19px 18px!important}
  .guide-sources{margin-top:44px!important;padding:20px 18px!important}
  .article-cta{width:min(calc(100% - 28px),900px)!important;margin-bottom:76px!important;padding:26px 22px!important}
  .article-cta .button{width:100%}
}

@media(max-width:520px){
  .guide-card__footer{font-size:.68rem!important}
  .guide-card__footer .text-link{min-height:36px!important}
  .article-meta{font-size:.62rem!important;gap:6px 10px!important}
  .article-single__header h1{font-size:clamp(2.35rem,10.8vw,3.45rem)!important}
}