.sj-home{--sj-green:#12634d;--sj-ink:#172b27;--sj-muted:#63736e;--sj-border:#dce5df;background:#f7f8f4;padding-bottom:12px;color:var(--sj-ink)}
.sj-home a:focus-visible{outline:3px solid #198763;outline-offset:5px;border-radius:4px}.sj-home a:hover{color:var(--sj-green)}
.sj-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:40px 0 30px}.sj-kicker{font-size:10px;letter-spacing:.15em;font-weight:800;text-transform:uppercase;color:var(--sj-green);line-height:1.6}.sj-intro h1{font-size:clamp(30px,3.3vw,45px);line-height:1.15;letter-spacing:-.045em;margin:9px 0 0;font-weight:650;color:var(--sj-ink)}.sj-intro h1 em{font-family:Georgia,serif;font-weight:400;color:var(--sj-green)}.sj-intro>p{font-size:13px;line-height:1.8;color:var(--sj-muted);flex-shrink:0;padding-bottom:3px}
.sj-lead-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:28px}.sj-card{background:#fff;border:1px solid var(--sj-border);border-radius:18px;overflow:hidden}.sj-image{display:block;overflow:hidden;background:#e5eee7;position:relative}.sj-image img,.sj-image-fallback{width:100%;height:100%;object-fit:cover;display:block}.sj-image img{transition:transform .35s ease}.sj-image:hover img{transform:scale(1.025)}.sj-image-fallback{background:linear-gradient(135deg,#d7e6d6,#edf1e3);color:#246c53}.sj-image-fallback svg{height:100%;width:100%}.sj-lead-image{aspect-ratio:1.95}.sj-image-label{position:absolute;top:18px;left:18px;padding:7px 12px;border-radius:6px;background:#fff;color:var(--sj-ink);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.sj-lead-copy{padding:25px 28px 20px}.sj-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font-size:10px;line-height:1.5}.sj-meta>a{color:var(--sj-green);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.sj-meta>span{color:var(--sj-muted);white-space:nowrap}.sj-lead h2{font-size:clamp(24px,2.4vw,32px);line-height:1.2;letter-spacing:-.035em;margin:12px 0;color:var(--sj-ink)}.sj-lead-copy>p{font-size:14px;line-height:1.75;color:var(--sj-muted);max-width:60ch}.sj-lead-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e8ede9;margin-top:22px;padding-top:17px;font-size:11px;color:var(--sj-muted)}.sj-lead-bottom a{color:var(--sj-green);font-weight:800;font-size:12px}.sj-lead-bottom a span{margin-left:10px}
.sj-trending{padding:23px 24px;background:#eef2eb;border:1px solid var(--sj-border);border-radius:18px;display:flex;flex-direction:column}.sj-section-top{display:flex;align-items:center;justify-content:space-between}.sj-live-dot{height:7px;width:7px;border-radius:50%;background:#258265;box-shadow:0 0 0 4px #dce9db}.sj-trending>h2{font-family:Georgia,serif;font-weight:400;font-size:28px;letter-spacing:-.03em;margin:7px 0 8px;color:var(--sj-ink)}.sj-trending-list{flex:1}.sj-trend-story{display:grid;grid-template-columns:100px minmax(0,1fr);gap:15px;padding:21px 0;border-bottom:1px solid #d5dfd4}.sj-trend-image{aspect-ratio:1;border-radius:10px}.sj-trend-story h3{font-size:15px;line-height:1.45;margin:5px 0 8px;letter-spacing:-.02em}.sj-trend-story .sj-kicker{font-size:9px;letter-spacing:.07em}.sj-muted{font-size:10px;color:var(--sj-muted)}.sj-text-link{font-size:12px;font-weight:750;color:var(--sj-green);display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.sj-trending>.sj-text-link{padding-top:22px}
.sj-topics{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:28px 0 52px;padding:19px 0;border-top:1px solid var(--sj-border);border-bottom:1px solid var(--sj-border)}.sj-topics>span{font-size:11px;font-weight:750;margin-right:9px}.sj-topics>a{border:1px solid #d8e1d8;background:#fff;border-radius:100px;padding:9px 13px;font-size:11px;display:flex;align-items:center;gap:12px}.sj-topics>a:hover{background:#e8f0e5;border-color:#9fbcab}
.sj-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:32px;scroll-margin-top:24px}.sj-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}.sj-section-heading h2{font-size:29px;line-height:1.2;letter-spacing:-.035em;margin-top:6px;color:var(--sj-ink)}.sj-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.sj-story{display:flex;flex-direction:column;transition:box-shadow .2s}.sj-story:hover{box-shadow:0 8px 24px #1b3d2910}.sj-story-image{aspect-ratio:1.65}.sj-story-copy{padding:21px;flex:1;display:flex;flex-direction:column}.sj-story h3{font-size:19px;line-height:1.4;margin:11px 0 10px;letter-spacing:-.025em;color:var(--sj-ink)}.sj-story-copy>p{font-size:12px;line-height:1.8;color:var(--sj-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sj-story-bottom{margin-top:auto;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--sj-muted)}.sj-story-bottom a{color:var(--sj-green);font-weight:750}.sj-sidebar{min-width:0}.sj-sidebar>aside:first-child{margin-top:0}.sj-popular{border-top:3px solid var(--sj-green);padding:24px 0}.sj-popular>h2{font-size:25px;letter-spacing:-.03em;margin:5px 0 8px}.sj-popular li{display:grid;grid-template-columns:25px minmax(0,1fr) 58px;gap:10px;padding:19px 0;border-bottom:1px solid var(--sj-border)}.sj-rank{font-family:Georgia,serif;font-size:21px;color:#7d9a87;line-height:1.2}.sj-popular h3{font-size:13px;line-height:1.5;letter-spacing:-.015em;margin-bottom:6px}.sj-popular-image{width:58px;height:58px;border-radius:8px}.sj-note{background:#173f32;color:#fff;border-radius:16px;padding:27px;margin-top:20px}.sj-note-mark{display:block;font-family:Georgia,serif;font-size:40px;color:#c4dcb1;margin-bottom:24px}.sj-note .sj-kicker{color:#c4dcb1;font-size:9px}.sj-note h2{font-family:Georgia,serif;font-weight:400;font-size:29px;line-height:1.2;color:#fff;margin:13px 0}.sj-note>p:not(.sj-kicker){color:#c2d3ca;font-size:13px;line-height:1.85}.sj-note>a{display:flex;justify-content:space-between;border-top:1px solid #416254;padding-top:19px;margin-top:24px;color:#fff;font-size:12px;font-weight:700}.sj-note>a:hover{color:#c4dcb1}
.sj-directory{margin-top:64px;border-top:1px solid var(--sj-border);padding-top:35px}.sj-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sj-directory-grid>article{background:#fff;border:1px solid var(--sj-border);border-radius:14px;padding:21px;display:flex;flex-direction:column}.sj-topic-title{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-bottom:17px}.sj-topic-title h3{font-size:17px;line-height:1.4}.sj-topic-title>span{color:var(--sj-green)}.sj-topic-story{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.6;padding:13px 0;border-top:1px solid #e8ede9}.sj-topic-image{width:64px;height:64px;flex-shrink:0;border-radius:8px}.sj-directory-grid .sj-text-link{padding-top:16px;margin-top:auto;font-size:11px}.sj-empty{border:1px solid var(--sj-border);background:#eef2eb;border-radius:18px;padding:60px 24px;text-align:center}.sj-empty h2{font-size:28px;margin-bottom:12px}
@media(min-width:1450px){.sj-home .shell{max-width:1360px}}
@media(max-width:1100px){.sj-reading-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px}.sj-trend-story{grid-template-columns:80px minmax(0,1fr)}.sj-lead-copy{padding:22px}.sj-trending{padding:22px}.sj-trend-story h3{font-size:14px}.sj-intro>p{font-size:12px}.sj-story-copy{padding:17px}}
@media(max-width:900px){.sj-intro{align-items:start;flex-direction:column;gap:14px;padding-top:30px}.sj-intro>p br{display:none}.sj-lead-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px}.sj-trend-story{grid-template-columns:65px minmax(0,1fr);gap:10px;padding:18px 0}.sj-trending>h2{font-size:24px}.sj-reading-layout{grid-template-columns:minmax(0,1fr)}.sj-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sj-sidebar>aside{grid-column:1/-1}.sj-note{margin-top:0;align-self:start}.sj-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-topics{margin-bottom:36px}}
@media(max-width:620px){.sj-lead-grid{grid-template-columns:minmax(0,1fr)}.sj-lead-image{aspect-ratio:1.6}.sj-lead h2{font-size:27px}.sj-lead-copy{padding:22px}.sj-trend-story{grid-template-columns:88px minmax(0,1fr);gap:16px}.sj-trend-story h3{font-size:15px}.sj-trending{padding:22px}.sj-trending>h2{font-size:27px}.sj-story-grid{grid-template-columns:minmax(0,1fr);gap:22px}.sj-story-copy{padding:22px}.sj-story h3{font-size:21px}.sj-story-copy>p{font-size:13px}.sj-section-heading{align-items:start}.sj-section-heading h2{font-size:26px}.sj-section-heading>.sj-text-link{margin-top:6px;font-size:11px}.sj-sidebar{grid-template-columns:minmax(0,1fr);gap:12px}.sj-popular li{grid-template-columns:28px minmax(0,1fr) 64px}.sj-popular h3{font-size:15px}.sj-popular-image{width:64px;height:64px}.sj-directory-grid{grid-template-columns:minmax(0,1fr)}.sj-directory{margin-top:42px}.sj-topics{gap:8px;margin-top:22px}.sj-topics>span{width:100%;margin-bottom:4px}.sj-topics>a{font-size:10px;padding:8px 11px}.sj-intro h1{font-size:34px;max-width:360px}.sj-lead-bottom{font-size:10px}.sj-note h2{font-size:32px}}
.sj-image>img,.sj-image>.sj-image-fallback{position:absolute;inset:0}
@media(prefers-reduced-motion:reduce){.sj-home *{transition:none!important;scroll-behavior:auto!important}}
