/* ASKARA | Editorial detail pages, 2026 */
.depth-section{padding:110px 0;position:relative}
.depth-cream{background:#faf9f3;color:#112c2b}
.depth-white{background:#fff;color:#102d2b}
.depth-pale{background:#edf3eb;color:#102d2b}
.depth-forest{background:radial-gradient(ellipse at 110% 30%,rgba(77,164,124,.23),transparent 47%),#092d2d;color:#f7fff7}
.depth-section h2{font-size:clamp(2.7rem,4.4vw,4.5rem);letter-spacing:-.075em;line-height:1.11}
.depth-section h2 em{font-style:normal;color:#308863}
.depth-forest h2 em{color:#cbfb77}
.depth-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#248d64;font:800 .73rem Manrope,'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.depth-eyebrow:before{content:'';height:8px;width:8px;border-radius:50%;background:#2caa77}
.depth-eyebrow-light{color:#ceff8a}
.depth-eyebrow-light:before{background:#ceff8a}
.depth-split{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:clamp(36px,6vw,95px)}
.depth-copy h2{margin:19px 0 25px}
.depth-copy>p{color:#627770;font-size:1.03rem;line-height:1.87;margin-bottom:17px}
.depth-forest .depth-copy>p{color:#b9d4c7}
.depth-copy>p strong{color:#1c483c}
.depth-quick-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:32px 0}
.depth-quick-list span{font-size:.84rem;font-weight:700;color:#416b55;display:flex;align-items:center;gap:11px}
.depth-quick-list i{font:900 .73rem Arial,sans-serif;display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:50%;background:#dcefd9;color:#118452}
.depth-copy>.premium-btn{margin-top:10px}
.depth-media{position:relative;border-radius:30px;min-height:510px;overflow:hidden;background:#d8e8d9;box-shadow:0 28px 65px rgba(16,46,37,.12);isolation:isolate}
.depth-media img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}
.depth-media:after{content:'';position:absolute;inset:48% 0 0;background:linear-gradient(0deg,rgba(2,27,29,.68),transparent)}
.depth-media-sticker{position:absolute;left:30px;bottom:28px;z-index:2;display:grid;gap:7px;color:#fff}
.depth-media-sticker span{font:800 .63rem Manrope,sans-serif;letter-spacing:.16em;color:#cfff83}
.depth-media-sticker strong{font:800 1.78rem/1.15 Manrope,sans-serif;letter-spacing:-.05em}
.depth-heading{max-width:880px;margin-bottom:40px}
.depth-heading h2{margin:17px 0 19px}
.depth-heading>p{font-size:1.04rem;line-height:1.84;color:#6d8077;max-width:690px}
.depth-forest .depth-heading>p{color:#b2ccc0}
.depth-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.depth-flow-step{position:relative;min-height:265px;background:#edf4ec;border:1px solid #d4e4d8;border-radius:22px;padding:27px 23px;transition:transform .3s,box-shadow .3s}
.depth-flow-step:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(18,63,41,.08)}
.depth-flow-num{font:800 .69rem Manrope,sans-serif;letter-spacing:.1em;color:#31825f}
.depth-flow-icon{display:grid;place-items:center;width:65px;height:65px;border-radius:19px;background:#d3e8d2;color:#1f7959;font:800 2.3rem Manrope;margin:22px 0 17px}
.depth-flow-step h3{font-size:1.15rem;margin-bottom:11px}
.depth-flow-step p{color:#61796b;font-size:.86rem;line-height:1.66}
.depth-note{background:#f4f7ef;border-left:4px solid #62b887;border-radius:0 13px 13px 0;color:#4b665b;padding:18px 24px;font-size:.9rem;line-height:1.75;margin-top:24px}
.depth-note strong{color:#1c4535}
.depth-note a{color:#167e57;font-weight:800;text-decoration:underline}
.depth-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.depth-info-card{border:1px solid #d1e0d0;border-radius:24px;padding:30px;background:#fff;min-height:248px;transition:transform .3s,box-shadow .3s}
.depth-info-card:hover{transform:translateY(-5px);box-shadow:0 17px 38px rgba(17,62,39,.085)}
.depth-info-card>span{color:#328e65;font:800 .64rem Manrope,sans-serif;letter-spacing:.14em}
.depth-info-card h3{font-size:1.38rem;margin:24px 0 13px}
.depth-info-card p{font-size:.9rem;color:#6b8074;line-height:1.8}
.depth-inline-link{margin-top:27px;background:#e4f0e5;padding:16px 21px;border-radius:14px;font-size:.9rem;color:#476c5d}
.depth-inline-link a{color:#14784d;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.depth-forest .depth-scenario{border-bottom:1px solid rgba(255,255,255,.23);display:grid;grid-template-columns:44px 1fr;gap:8px 18px;padding:18px 0}
.depth-forest .depth-scenario span{color:#c9ff7b;font:800 1.11rem Manrope}
.depth-forest .depth-scenario h3{font-size:1.1rem;margin-bottom:7px}
.depth-forest .depth-scenario p{font-size:.87rem;line-height:1.72;color:#a7c5b7}
.depth-forest .depth-scenario:last-of-type{margin-bottom:29px}
.depth-spotlight{background:linear-gradient(155deg,#25584d,#103b39 72%);color:white;border:1px solid #537b63;border-radius:30px;padding:40px;box-shadow:0 25px 62px rgba(0,0,0,.15);align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:430px}
.depth-spotlight-head{font:800 .71rem Manrope,sans-serif;letter-spacing:.16em;color:#c4f78b}
.depth-spotlight>strong{font:800 clamp(3.8rem,6.2vw,6.4rem)/1.03 Manrope;letter-spacing:-.11em;color:#d0ff89;margin:24px 0 16px}
.depth-spotlight>strong small{font-size:.26em;letter-spacing:-.035em}
.depth-spotlight>p{color:#cae0d5;font-size:.97rem;line-height:1.74;max-width:500px}
.depth-spotlight-lines{margin:27px 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.depth-spotlight-lines>div{border-top:1px solid rgba(255,255,255,.27);padding-top:14px}
.depth-spotlight-lines b{display:block;font:800 1.22rem Manrope;letter-spacing:-.04em}
.depth-spotlight-lines span{color:#a5c4b7;font-size:.78rem;display:block;margin-top:7px}
.depth-spotlight>small{color:#a5c4b7;line-height:1.7;font-size:.74rem}
.depth-table-wrap{width:100%;overflow-x:auto;border-radius:24px;border:1px solid #d8e3d9;box-shadow:0 8px 28px rgba(11,48,31,.05)}
.depth-table{border-collapse:collapse;width:100%;min-width:650px;background:#fff;font-size:.9rem}
.depth-table thead{background:#133b36;color:#f0fff4}
.depth-table th,.depth-table td{padding:19px 22px;text-align:left;vertical-align:top;border-bottom:1px solid #e4ebe3;line-height:1.7}
.depth-table thead th{font:800 .78rem Manrope;letter-spacing:.025em}
.depth-table tbody th{color:#1e4639;font-weight:800;min-width:170px}
.depth-table tbody td{color:#667c6f}
.depth-table tbody tr:nth-child(even){background:#f8faf6}
.depth-table tbody tr:last-child th,.depth-table tbody tr:last-child td{border-bottom:0}
.depth-fineprint{font-size:.77rem;color:#788d80;margin-top:17px;max-width:1000px}
.depth-fineprint a{color:#227655;text-decoration:underline}
.depth-action{padding:75px 0;background:#c9f77a;color:#12372d}
.depth-action-inner{display:flex;justify-content:space-between;align-items:center;gap:26px}
.depth-action-inner>div>span{font:800 .67rem Manrope,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#317f56}
.depth-action h2{font-size:clamp(2rem,3.3vw,3.35rem);letter-spacing:-.08em;max-width:750px;margin:12px 0 9px;line-height:1.15}
.depth-action p{font-size:.94rem;color:#416a48}
.depth-action .premium-btn-orange{white-space:nowrap;flex:none;background:#173f38;box-shadow:none}
.depth-action .premium-btn-orange:hover{background:#2b584c}
.depth-opportunity{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.depth-opportunity-card{border:1px solid #d6e3d8;background:#eef5ec;border-radius:25px;min-height:310px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;transition:transform .3s,background .3s}
.depth-opportunity-card:hover{transform:translateY(-6px);background:#dff1da}
.depth-opportunity-card>div>span{font-size:.68rem;font-weight:800;color:#2f8b60;letter-spacing:.12em}
.depth-opportunity-card h3{font-size:1.44rem;margin:17px 0;line-height:1.2}
.depth-opportunity-card p{font-size:.9rem;color:#6b8074}
.depth-opportunity-card>strong{font:800 .75rem Manrope;color:#1a734e;letter-spacing:.05em}
.depth-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.depth-journey-item{border-top:2px solid #b6d4c0;padding:23px 18px 12px 0}
.depth-journey-item>b{font:800 2.65rem Manrope;letter-spacing:-.09em;color:#309062}
.depth-journey-item h3{font-size:1.21rem;margin:23px 0 12px}
.depth-journey-item p{font-size:.87rem;color:#75877a;line-height:1.75}
.depth-specbox{border-radius:30px;background:linear-gradient(150deg,#dfeee0,#f6fbef);border:1px solid #c8ddca;padding:38px}
.depth-specbox-label{font:800 .75rem Manrope;color:#297b54;letter-spacing:.12em}
.depth-spec-hero{font:800 clamp(4rem,6.2vw,6rem)/1 Manrope;letter-spacing:-.09em;color:#1a644c;margin:21px 0}
.depth-spec-hero small{font-size:.34em}
.depth-spec-table{display:grid;grid-template-columns:1fr 1fr;gap:0}
.depth-spec-table>div{border-top:1px solid #bfd4c4;padding:12px 5px 14px 0}
.depth-spec-table span{display:block;color:#688173;font-size:.75rem;margin-bottom:8px}
.depth-spec-table strong{display:block;font:800 1.11rem Manrope;color:#1d4d3b}
.depth-specbox>small{display:block;color:#6a8573;margin-top:19px;font-size:.76rem;line-height:1.7}
.depth-page-nav{background:#f8faf5;border-bottom:1px solid #dfe8df;position:sticky;top:0;z-index:40;overflow-x:auto;scrollbar-width:none}
.depth-page-nav::-webkit-scrollbar{display:none}
.depth-page-nav-inner{display:flex;align-items:center;gap:28px;white-space:nowrap;min-height:62px}
.depth-page-nav a{font-size:.77rem;font-weight:800;color:#577267;transition:color .2s;letter-spacing:.03em}
.depth-page-nav a:hover{color:#18865b}
.depth-page-nav a:first-child{color:#1b7250}
.depth-page-nav .depth-page-nav-cta{margin-left:auto;background:#e0f4d7;color:#176744;padding:8px 15px;border-radius:99px}
@media(max-width:1060px){.depth-flow{grid-template-columns:repeat(2,1fr)}.depth-journey{grid-template-columns:repeat(2,1fr)}.depth-info-grid{grid-template-columns:repeat(2,1fr)}.depth-split{gap:35px}.depth-media{min-height:450px}}
@media(max-width:860px){.depth-split{grid-template-columns:1fr}.depth-media{min-height:460px}.depth-spotlight{min-height:auto}.depth-opportunity{grid-template-columns:1fr 1fr}.depth-opportunity-card:last-child{grid-column:1/-1}.depth-action-inner{align-items:flex-start;flex-direction:column}.depth-page-nav-inner{width:max-content;padding:0 22px}}
@media(max-width:630px){.depth-section{padding:68px 0}.depth-section h2{font-size:clamp(2.45rem,9.5vw,3.55rem)}.depth-copy>p,.depth-heading>p{font-size:.94rem}.depth-split{gap:26px}.depth-media{min-height:310px;border-radius:22px}.depth-media-sticker{left:20px;bottom:20px}.depth-media-sticker strong{font-size:1.4rem}.depth-heading{margin-bottom:26px}.depth-flow{grid-template-columns:1fr 1fr;gap:10px}.depth-flow-step{padding:20px 16px;min-height:255px;border-radius:17px}.depth-flow-icon{width:52px;height:52px;border-radius:16px;font-size:1.75rem}.depth-flow-step h3{font-size:1rem}.depth-flow-step p{font-size:.78rem}.depth-info-grid,.depth-journey{grid-template-columns:1fr}.depth-info-card{min-height:auto;padding:25px}.depth-info-card h3{margin-top:15px}.depth-quick-list{gap:10px}.depth-quick-list span{font-size:.75rem}.depth-spotlight{padding:28px;border-radius:24px}.depth-spotlight>strong{font-size:4rem}.depth-spotlight-lines{gap:13px}.depth-spotlight-lines b{font-size:1.07rem}.depth-table th,.depth-table td{padding:15px 16px;font-size:.81rem}.depth-table{min-width:580px}.depth-opportunity{grid-template-columns:1fr}.depth-opportunity-card{min-height:265px}.depth-opportunity-card:last-child{grid-column:auto}.depth-journey-item h3{margin-top:14px}.depth-action{padding:50px 0}.depth-action h2{font-size:2.35rem}.depth-action .premium-btn{width:100%}.depth-specbox{padding:26px}.depth-page-nav-inner{min-height:56px;gap:19px}.depth-page-nav a{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.depth-info-card,.depth-opportunity-card,.depth-flow-step{transition:none}}

/* Long-form content with compact sticky table of contents */
.depth-article-section{background:#faf9f3}
.depth-article-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(35px,5vw,85px);align-items:start}
.depth-article-aside-inner{position:sticky;top:36px;border:1px solid #e1eadf;border-radius:22px;background:#f1f6ee;padding:24px}
.depth-article-aside .depth-eyebrow{font-size:.6rem}
.depth-article-aside nav{margin-top:18px}
.depth-article-aside ol{padding-left:17px;color:#3f6751;font-size:.78rem;line-height:1.5}
.depth-article-aside li{padding:7px 0}
.depth-article-aside li a{color:#517668;display:inline-block}
.depth-article-aside li a:hover{color:#158153;text-decoration:underline}
.depth-article-aside-cta{display:block;background:#173f38;color:white;border-radius:12px;font-weight:800;font-size:.74rem;text-align:center;padding:12px 14px;margin-top:20px}
.depth-article-body{max-width:790px}
.depth-article-body h2{scroll-margin-top:35px;letter-spacing:-.06em;line-height:1.23;font-size:clamp(1.8rem,3vw,2.5rem)}
.depth-article-body p{font-size:1.04rem;line-height:1.95}
.depth-article-body .depth-article-lead{font-size:1.24rem;line-height:1.83;color:#2d5544;border-left:4px solid #76b984;padding-left:21px;margin-bottom:40px}
.depth-article-body .depth-inline-link{margin-top:30px;max-width:780px}
@media(max-width:960px){.depth-article-layout{grid-template-columns:220px minmax(0,1fr);gap:30px}.depth-article-aside-inner{padding:20px}}
@media(max-width:760px){.depth-article-layout{grid-template-columns:1fr}.depth-article-aside-inner{position:static}.depth-article-aside ol{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.depth-article-body .depth-article-lead{font-size:1.1rem}}
@media(max-width:540px){.depth-article-aside ol{grid-template-columns:1fr}.depth-article-body h2{font-size:1.85rem}.depth-article-body p{font-size:.96rem}}

.depth-page-nav{top:90px}
.depth-form-help{display:grid;gap:7px;background:#edf6e9;border:1px solid #cfe7d0;border-radius:14px;padding:16px 18px;color:#396451}
.depth-form-help strong{font-size:.8rem;color:#1f7047}
.depth-form-help span{font-size:.81rem;line-height:1.7}
@media(max-width:630px){.depth-page-nav{top:76px}.depth-form-help{padding:14px}}
