/* Stratetia editorial system. Scoped homepage integration, independent reading layout. */
:root{--journal-bg:#0c1127;--journal-fg:#f0f2f7;--journal-accent:#a7b7fc;--journal-muted:#b4bed5;--journal-line:#a7b7fc30}
body:has(.journal-nav){margin:0;background:var(--journal-bg);color:var(--journal-fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.journal-nav,#contenu,.journal-footer,.home-resources,.journal-nav *,#contenu *,.journal-footer *,.home-resources *{box-sizing:border-box}
body:has(.journal-nav) a{color:inherit;text-decoration:none}
body:has(.journal-nav) a:focus-visible,.home-resources a:focus-visible{outline:2px solid var(--journal-accent);outline-offset:5px;border-radius:3px}
body:has(.journal-nav) ::selection{background:#a7b7fc;color:#0c1127}
.skip-link{position:absolute;left:20px;top:-90px;padding:14px;background:#f0f2f7;color:#0c1127!important;z-index:100}.skip-link:focus{top:15px}
.journal-nav{position:relative;margin:22px auto 0;max-width:1340px;width:92%;min-height:76px;padding:18px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #e4edff40;border-radius:24px;background:linear-gradient(120deg,#ffffff0e,#a7b7fc06);box-shadow:inset 0 1px 0 #ffffff45}
.journal-brand img{display:block;width:167px;height:auto}.journal-nav nav{display:flex;align-items:center;gap:32px;font-size:13px}.journal-nav a[aria-current]{color:var(--journal-accent)}.journal-nav .nav-cta{padding:12px 17px;border:1px solid #a7b7fc55;border-radius:30px;background:#a7b7fc0b}
#contenu{max-width:1280px;margin:auto;padding:0 40px}#contenu em,.home-resources em{font-style:normal;color:var(--journal-accent)}
#contenu .kicker,.home-resources .kicker{font:10px/1.7 monospace;letter-spacing:1.8px;color:var(--journal-accent);text-transform:uppercase}
.journal-intro{padding:90px 0 52px;max-width:990px}.journal-intro h1{font-size:clamp(44px,6.5vw,86px);font-weight:400;letter-spacing:-.065em;line-height:1.06;margin:22px 0 26px}.journal-intro>p:last-of-type{font-size:18px;line-height:1.8;max-width:690px;color:var(--journal-muted)}
.topic-chips{display:flex;flex-wrap:wrap;gap:12px;padding:0 0 35px;border-bottom:1px solid var(--journal-line);margin-bottom:40px}.topic-chips a{padding:10px 16px;border:1px solid var(--journal-line);border-radius:30px;font-size:12px}.topic-chips a:hover,.topic-chips a[aria-current]{background:#a7b7fc17;border-color:#a7b7fc88}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.resource-card{min-width:0;border:1px solid var(--journal-line);border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#ffffff06,transparent);display:flex;flex-direction:column;transition:border-color .2s}.resource-card:hover{border-color:#a7b7fc80}.card-image{display:block;overflow:hidden;background:#080c1b}.card-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .5s}.resource-card:hover .card-image img{transform:scale(1.025)}.card-copy{padding:25px;display:flex;flex-direction:column;flex:1}.card-copy .kicker{font-size:9px!important;letter-spacing:1px!important}.kicker span{color:var(--journal-muted)}.card-copy h2{font-size:23px!important;line-height:1.25!important;letter-spacing:-.035em!important;font-weight:400;margin:12px 0 16px!important}.card-copy>p:not(.kicker){font-size:14px;line-height:1.8;color:var(--journal-muted);margin:0 0 24px}.card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;font-size:10px;color:var(--journal-muted)}.card-foot a{font-size:11px;color:var(--journal-accent)!important;border-bottom:1px solid #a7b7fc60;padding-bottom:3px}.featured{display:grid;grid-template-columns:1.15fr 1fr;margin-bottom:38px}.featured .card-image{height:100%}.featured .card-image img{height:100%}.featured .card-copy{padding:44px}.featured h2{font-size:34px!important}.resource-list{margin-bottom:85px}.back-link{display:inline-block;margin-top:20px;border-bottom:1px solid var(--journal-accent);padding-bottom:6px;font-size:13px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font:11px/1.8 monospace;color:var(--journal-muted);margin-bottom:50px}.breadcrumbs span{opacity:.4}.breadcrumbs a:hover{color:var(--journal-accent)}.article-top{padding-top:40px}.article-top h1{font-size:clamp(40px,5.4vw,72px);font-weight:400;letter-spacing:-.055em;line-height:1.08;max-width:1050px;margin:22px 0 26px}.article-deck{font-size:20px;line-height:1.7;max-width:880px;color:#cbd2e5}.byline{display:flex;flex-wrap:wrap;gap:10px 24px;font:11px/1.7 monospace;color:var(--journal-muted);margin:28px 0 20px}.byline a{color:var(--journal-accent)!important}.intro-diagnostic{font-size:12px;color:var(--journal-accent)!important;border-bottom:1px solid #a7b7fc55;display:inline-block;padding-bottom:7px}.article-cover{margin:40px 0 60px}.article-cover img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:22px}.article-cover figcaption{color:var(--journal-muted);font-size:10px;line-height:1.7;margin-top:12px}
.reading-layout{display:grid;grid-template-columns:230px minmax(0,740px);gap:72px;align-items:start;margin:0 auto 70px}.reading-aside{position:sticky;top:32px}.reading-aside ol{padding:0;list-style:none;margin:22px 0 30px}.reading-aside li{font-size:12px;line-height:1.6;margin-bottom:16px;color:var(--journal-muted)}.reading-aside a:hover{color:var(--journal-accent)}.reading-aside .button{font-size:11px;padding:13px 16px}
.article-body{min-width:0;font-size:18px;line-height:1.85;color:#d8deeb}.article-body>p{margin:25px 0}.article-body h2{font-size:32px;line-height:1.2;letter-spacing:-.035em;font-weight:400;color:var(--journal-fg);margin:56px 0 22px;scroll-margin-top:30px}.article-body h3{font-size:23px;line-height:1.4;font-weight:400;color:var(--journal-fg);margin:35px 0 16px}.article-body a{color:var(--journal-accent)!important;text-decoration:underline!important;text-underline-offset:4px}.article-body li{margin-bottom:12px}.article-body strong{font-weight:600;color:var(--journal-fg)}.essentials{background:#a7b7fc0a;border:1px solid #a7b7fc35;border-radius:18px;padding:24px 30px;margin-bottom:36px}.essentials ul{margin:18px 0 0;padding-left:20px;font-size:16px}.practice{border-left:2px solid var(--journal-accent);margin:32px 0;padding:8px 25px;background:#a7b7fc08}.practice p{font-size:16px;line-height:1.85}.article-faq{margin:55px 0}.article-faq details{border-bottom:1px solid var(--journal-line);padding:20px 0}.article-faq summary{cursor:pointer;color:var(--journal-fg);font-size:17px;line-height:1.5}.article-faq details p{font-size:16px;line-height:1.8;color:var(--journal-muted)}.author-note{border-top:1px solid var(--journal-line);padding-top:30px;font-size:14px;color:var(--journal-muted);line-height:1.8}.author-note strong{font-size:17px}
.diagnostic-callout{border:1px solid #a7b7fc55;border-radius:24px;padding:44px;margin:65px 0;background:radial-gradient(ellipse at 90% 5%,#a7b7fc15,transparent 65%),#ffffff04;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 35px}.diagnostic-callout h2{font-size:clamp(28px,3.2vw,42px);line-height:1.15;letter-spacing:-.04em;font-weight:400;margin:14px 0 18px;color:var(--journal-fg)}.diagnostic-callout p:not(.kicker){max-width:650px;font-size:16px;line-height:1.8;color:var(--journal-muted)}.diagnostic-callout small{grid-column:1/-1;font-size:10px;line-height:1.6;color:var(--journal-muted)}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:var(--journal-accent);border:1px solid var(--journal-accent);border-radius:30px;padding:16px 23px;font-size:12px;color:#0c1127!important;line-height:1.5;text-decoration:none!important}.button:hover{background:#c4ceff}.article-body .diagnostic-callout{display:block;padding:26px;margin:45px 0}.article-body .diagnostic-callout h2{font-size:28px;margin-top:12px}.article-body .diagnostic-callout .button{color:#0c1127!important;text-decoration:none!important;margin:10px 0 18px}.article-body .diagnostic-callout small{display:block}
.related{padding:20px 0 70px}.related>h2{font-weight:400;font-size:38px;letter-spacing:-.04em;margin:15px 0 34px}.journal-footer{border-top:1px solid var(--journal-line);padding:40px max(4%,calc((100vw - 1200px)/2));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px}.journal-footer>a{font-size:26px;letter-spacing:-1px}.journal-footer>a span{display:block;font-size:11px;letter-spacing:0;color:var(--journal-muted);margin-top:8px}.journal-footer nav{display:flex;flex-wrap:wrap;gap:20px;font-size:11px;color:var(--journal-muted)}.journal-footer small{width:100%;font-size:10px;color:var(--journal-muted)}.empty-state{padding:40px 0;color:var(--journal-muted)}
.home-resources{margin:0 5%;padding:90px 0;border-top:1px solid var(--journal-line)}.home-resource-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.home-resource-heading h2{font-size:clamp(38px,4.5vw,62px);font-weight:400;letter-spacing:-.05em;line-height:1.1;margin:16px 0 0}.home-resources a{color:inherit;text-decoration:none}.home-resources .resource-card{max-width:800px}.home-resources .cards:has(>.resource-card:only-child){grid-template-columns:minmax(0,800px)}
/* Five homepage nav entries remain legible without squeezing the mobile menu. */
.navigation nav{gap:18px;font-size:10px}@media(min-width:901px) and (max-width:1150px){.navigation{padding-left:18px;padding-right:18px;gap:15px}.navigation nav{gap:12px;font-size:9px}.navigation .nav-contact{display:none}}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-layout{grid-template-columns:190px minmax(0,1fr);gap:35px}.featured .card-copy{padding:28px}.featured h2{font-size:28px!important}.diagnostic-callout{grid-template-columns:1fr}.diagnostic-callout>.button{justify-self:start}.navigation nav{gap:12px;font-size:9px}}
@media(max-width:700px){#contenu{padding:0 22px}.journal-nav{margin-top:12px;padding:16px;flex-direction:column;gap:16px;border-radius:20px}.journal-brand img{width:150px}.journal-nav nav{width:100%;justify-content:center;gap:18px;font-size:11px}.journal-nav .nav-cta{padding:9px 12px}.journal-intro{padding:55px 0 32px}.journal-intro h1{font-size:46px}.journal-intro>p:last-of-type{font-size:16px}.topic-chips{gap:8px;padding-bottom:28px}.topic-chips a{font-size:10px;padding:9px 12px}.cards{grid-template-columns:1fr;gap:22px}.featured{display:flex}.featured h2{font-size:27px!important}.card-copy,.featured .card-copy{padding:24px}.breadcrumbs{margin-bottom:32px;font-size:10px}.article-top{padding-top:28px}.article-top h1{font-size:40px}.article-deck{font-size:18px}.byline{gap:8px 16px;font-size:10px}.intro-diagnostic{font-size:11px;line-height:1.7}.article-cover{margin:28px 0 35px}.article-cover img{border-radius:14px}.reading-layout{display:flex;flex-direction:column;gap:30px;margin-bottom:40px}.reading-aside{position:static;border-bottom:1px solid var(--journal-line);padding-bottom:22px;width:100%}.reading-aside ol{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:16px 0 8px}.reading-aside li{font-size:11px;margin:0}.reading-aside .button{display:none}.article-body{font-size:17px;line-height:1.85;width:100%}.article-body h2{font-size:29px;margin-top:44px}.essentials{padding:20px}.essentials ul{font-size:15px}.diagnostic-callout{padding:26px;margin:45px 0}.diagnostic-callout h2{font-size:30px}.diagnostic-callout .button{font-size:11px}.related>h2{font-size:31px}.journal-footer{padding:30px 22px}.journal-footer nav{gap:16px;font-size:10px}.home-resources{padding:60px 0}.home-resource-heading{display:block}.home-resource-heading .text-link{margin-top:26px}.navigation nav{display:grid;grid-template-columns:repeat(3,max-content);justify-content:center;gap:2px 18px;font-size:9px}.navigation{height:120px!important}.hero{padding-top:165px!important}html{scroll-padding-top:140px}}
@media(max-width:360px){#contenu{padding:0 17px}.journal-nav nav{gap:10px;font-size:10px}.journal-nav .nav-cta{padding:8px 9px}.journal-intro h1{font-size:40px}.article-top h1{font-size:35px}.reading-aside ol{grid-template-columns:1fr}.navigation nav{gap:2px 12px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.resource-card,.card-image img{transition:none}.resource-card:hover .card-image img{transform:none}}
@media print{body:has(.journal-nav){background:#fff;color:#111}.journal-nav,.journal-footer,.reading-aside,.diagnostic-callout,.related,.intro-diagnostic{display:none!important}#contenu{padding:0}.reading-layout{display:block}.article-body,.article-body h2,.article-deck{color:#111}.article-cover{max-width:500px}.article-body a{color:#234!important}.essentials{border:1px solid #999}}

/* Sharing at both reading entry and exit. Text labels remain clear on small screens. */
.article-sharing{margin:28px 0;padding:20px 0;border-top:1px solid var(--journal-line);border-bottom:1px solid var(--journal-line)}
.article-sharing .kicker{margin:0 0 12px}.share-controls{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
body:has(.journal-nav) .share-controls a,.share-controls button,.share-disabled{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:1px solid #a7b7fc55;border-radius:24px;background:#a7b7fc0b;color:var(--journal-fg)!important;font:12px/1.4 Arial,Helvetica,sans-serif;text-decoration:none!important;cursor:pointer}
.share-controls button:hover,.share-controls a:hover{background:#a7b7fc24}.share-controls button:focus-visible{outline:2px solid var(--journal-accent);outline-offset:4px}.share-controls [hidden]{display:none!important}
.share-controls button:disabled,.share-disabled{cursor:default;opacity:.5}.article-sharing small,.share-status{display:block;font:11px/1.7 Arial,Helvetica,sans-serif;color:var(--journal-muted);margin-top:10px}.share-status:empty{display:none}.share-fallback{box-sizing:border-box;width:100%;padding:12px;margin-top:12px;border:1px solid var(--journal-line);border-radius:8px;background:var(--journal-bg);color:var(--journal-fg);font-size:13px}
@media(max-width:360px){body:has(.journal-nav) .share-controls a,.share-controls button,.share-disabled{padding:9px 12px;font-size:11px}}
.preview-notice{box-sizing:border-box;max-width:1200px;width:calc(100% - 44px);margin:25px auto 0;padding:17px 22px;display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;border:1px solid #a7b7fc66;border-radius:14px;background:#a7b7fc16;color:#f0f2f7;font:12px/1.7 Arial,Helvetica,sans-serif}.preview-notice strong{font-weight:600}.preview-notice span{flex:1;min-width:200px;color:#cbd2e5}.preview-notice a{color:#a7b7fc!important;text-decoration:underline!important;text-underline-offset:3px}
