:root{--night:#132840;--ink:#1c3045;--muted:#637486;--forest:#127750;--line:#dae5e1;--bg:#f5f8f5;--font:'Prompt','Noto Sans Thai',Tahoma,sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.95 var(--font);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #19a979;outline-offset:4px}.story-wrap{width:min(1190px,calc(100% - 48px));margin:0 auto}.story-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60;box-shadow:0 4px 20px #1b38390d}.story-header-inner{height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px}.story-brand{display:flex;align-items:center;gap:12px;min-width:0}.story-brand img{object-fit:contain;width:58px;height:60px}.story-brand strong{font-size:19px;font-weight:800;color:#122840;display:block;white-space:nowrap}.story-brand small{display:block;color:#82909e;font-size:9px;font-weight:700;letter-spacing:1.1px;line-height:1.4}.story-header-links{display:flex;align-items:center;gap:28px}.story-header-links>a{font-size:12px;font-weight:750;color:#456071}.story-header-links>a:hover{color:var(--forest)}.story-header-links .story-btn-line{background:#0a9c5e;color:white;padding:11px 18px;border-radius:99px}.story-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#8998a5;font-size:11px;font-weight:600;margin:28px 0 31px}.story-breadcrumb a:hover{color:var(--forest)}.story-breadcrumb span:last-child{color:#3f6e61}.story-hero-head{max-width:910px;margin:0 auto 34px;text-align:center}.story-kicker{display:inline-flex;align-items:center;gap:10px;color:#24855b;font-size:10px;font-weight:800;letter-spacing:2.1px;margin-bottom:20px}.story-dot{width:8px;height:8px;background:#49c57e;box-shadow:0 0 0 5px #def2e5;border-radius:50%}.story-hero-head h1{font-size:clamp(32px,4.5vw,56px);line-height:1.43;letter-spacing:-1px;color:#132941;font-weight:800;margin:0 auto 20px;overflow-wrap:anywhere}.story-hero-head>p{font-size:16px;line-height:1.95;color:#637386;max-width:760px;margin:0 auto 24px}.story-byline{display:inline-flex;align-items:center;text-align:left;gap:12px}.story-avatar{height:44px;width:44px;background:linear-gradient(140deg,#d7ebc9,#a2ddb5);color:#116f4b;border-radius:15px;display:grid;place-items:center;font-size:22px}.story-byline strong{display:block;color:#253c4d;font-size:12px;line-height:1.5}.story-byline small{display:block;color:#81929c;font-size:10.5px;line-height:1.7}.story-cover{margin:0 0 45px}.story-cover img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block;border-radius:24px;border:5px solid white;background:#e0e9df;box-shadow:0 19px 56px #1f36331c}.story-cover figcaption{text-align:right;margin-top:10px;color:#96a09f;font-size:10px;line-height:1.5}.story-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start;max-width:1100px;margin:0 auto}.story-content{min-width:0;border:1px solid #e5ebe7;background:#fff;border-radius:23px;padding:39px 44px;box-shadow:0 5px 19px #1d41390b}.story-content-top{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e6eee9;padding-bottom:16px;margin-bottom:22px;font-size:10px;color:#7c9196}.story-reading-label{font-size:10px;color:#148858;letter-spacing:1.5px;font-weight:800}.story-prose{font-size:15.4px;line-height:2.08;color:#455466;overflow-wrap:anywhere}.story-prose>p:first-child{color:#274258;font-size:17px}.story-prose h2{color:#142c46;font-size:clamp(22px,2.3vw,27px);font-weight:800;letter-spacing:-.45px;line-height:1.5;margin:41px 0 15px;position:relative;padding-left:15px}.story-prose h2:before{content:'';position:absolute;top:8px;bottom:8px;left:0;width:4px;background:#54c87c;border-radius:5px}.story-prose p{margin:0 0 17px}.story-prose ul{padding-left:24px;margin:0 0 20px}.story-prose li{padding:0 0 7px 6px}.story-prose li::marker{color:#2c986d}.story-factnote{margin:31px 0;padding:19px 22px;background:#f0f7ed;border:1px solid #d9ebd5;border-radius:15px;display:flex;gap:13px;align-items:start}.story-factnote>span{width:35px;height:35px;background:#d9f0d5;color:#1b7d50;border-radius:10px;display:grid;place-items:center;font-size:20px;flex:none}.story-factnote strong{font-size:13px;color:#244d3e}.story-factnote p{font-size:11.8px;color:#596e68;line-height:1.9;margin:4px 0 0}.story-share{border-top:1px solid #e8edeb;padding-top:28px;margin-top:36px}.story-share>div:first-child>span{color:#148657;font-size:10px;font-weight:800;letter-spacing:1.5px}.story-share h2{font-size:20px;line-height:1.5;margin:6px 0;color:#1c344b}.story-share p{font-size:12px;color:#80909b;margin:4px 0 17px}.story-share-buttons{display:flex;flex-wrap:wrap;gap:8px}.story-share-buttons>*{font-size:11px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbe7e2;border-radius:10px;padding:10px 14px;background:#f9fbfa;color:#315c50;font-weight:800}.story-share-buttons>*:hover{background:#ebf6ee}.story-share-buttons button:first-child{background:#153d48;color:white;border-color:#153d48}.story-share #shareFeedback{min-height:22px;margin:11px 0 0;color:#278253}.story-aside{position:sticky;top:105px}.story-aside-card{background:radial-gradient(circle at 90% 0,#255c51,transparent 55%),linear-gradient(145deg,#162c46,#0f2338);border:1px solid #284953;color:white;border-radius:21px;padding:27px 24px;box-shadow:0 15px 32px #142e401c}.story-side-kicker{font-size:10px;color:#a0dfba;letter-spacing:1.8px;font-weight:800}.story-aside-card h2{font-size:24px;line-height:1.5;font-weight:800;margin:15px 0}.story-aside-card h2 em{font-style:normal;color:#a9e785}.story-aside-card p{font-size:12px;line-height:1.95;color:#cfdee3;margin:0 0 21px}.story-side-line,.story-side-call{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 14px;border-radius:10px;font-weight:800;font-size:12px;margin-bottom:10px}.story-side-line{background:#0bbb62;color:white}.story-side-call{border:1px solid #ffffff4a;color:white}.story-side-micro{font-size:10px;line-height:1.85;color:#aec5c7;border-top:1px solid #ffffff26;padding-top:15px;margin-top:14px}.story-aside-index{padding:20px;border:1px solid #e2ebe5;border-radius:16px;background:#fff;margin-top:17px}.story-aside-index>span{display:block;font-size:10px;color:#2b8b64;font-weight:800;letter-spacing:1px;margin-bottom:8px}.story-aside-index a{display:block;padding:10px 0;border-top:1px solid #edf1ee;font-size:12px;color:#486375;font-weight:650}.story-more{max-width:1100px;margin:61px auto 80px}.story-more-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:21px}.story-more-heading h2{font-size:27px;line-height:1.45;color:#142c42;margin:7px 0 0}.story-more-heading>a{font-size:12px;color:#168155;font-weight:800}.story-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.story-more-card{border:1px solid #e0e9e2;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 5px 19px #102a3b0b}.story-more-card>img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}.story-more-card>div{padding:19px}.story-more-card span{display:block;font-size:10px;color:#168b61;font-weight:800}.story-more-card h3{font-size:15.4px;line-height:1.6;min-height:75px;margin:8px 0 12px;color:#1e364e}.story-more-card strong{font-size:11px;color:#187b5a}.story-footer{background:#10243b;color:white;margin-top:75px;padding:32px 0}.story-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.story-footer strong{font-size:17px}.story-footer p{font-size:11px;color:#acbbc9;margin:5px 0 0}.story-footer-links{display:flex;flex-wrap:wrap;max-width:680px;justify-content:flex-end;gap:10px 19px}.story-footer-links a{font-size:10.5px;color:#e1eae9}.story-footer-links a:hover{color:#9ae9a8}
@media(max-width:980px){.story-layout{grid-template-columns:minmax(0,1fr) 265px;gap:16px}.story-content{padding:29px}.story-aside-card{padding:22px}.story-more-grid{gap:12px}.story-hero-head h1{font-size:40px}}
@media(max-width:760px){.story-wrap{width:calc(100% - 30px)}.story-header-inner{height:72px}.story-brand img{width:49px;height:49px}.story-brand strong{font-size:15px}.story-brand small{font-size:8px}.story-header-links{gap:10px}.story-header-links a:not(.story-btn-line){display:none}.story-btn-line{padding:8px 12px!important;font-size:10px!important}.story-hero-head h1{font-size:clamp(27px,7.8vw,41px)}.story-hero-head>p{font-size:13.5px}.story-kicker{font-size:9px;letter-spacing:1px}.story-breadcrumb{margin:18px 0 24px;font-size:10px}.story-cover{margin-bottom:23px}.story-cover img{border-radius:15px;border-width:3px}.story-layout{display:block}.story-content{padding:26px 23px}.story-prose{font-size:14px;line-height:2}.story-prose h2{font-size:22px;margin-top:32px}.story-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.story-aside-card{padding:23px}.story-aside-index{margin:0}.story-more{margin:45px 0}.story-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-footer-inner{display:block}.story-footer-links{justify-content:flex-start;margin-top:17px}}
@media(max-width:540px){.story-brand strong{font-size:12px}.story-brand small{font-size:7px}.story-brand img{width:42px;height:42px}.story-hero-head h1{font-size:29px}.story-byline small{font-size:9px}.story-content{padding:23px 18px;border-radius:16px}.story-content-top{display:block}.story-content-top span:last-child{display:block;margin-top:4px}.story-aside{display:block}.story-aside-index{margin-top:12px}.story-more-grid{grid-template-columns:1fr}.story-more-card h3{min-height:0}.story-share-buttons>*{flex:1 1 125px}.story-footer{padding:25px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* ============================================================
   Premium Editorial v1.4.5 — matched image and reading panel
   Uses the actual homepage footer markup and shared styles.css.
   ============================================================ */
.story-body{
  background:linear-gradient(180deg,#f8faf6 0,#f1f6f3 53%,#f7f8f4 100%);
  color:#1b3044;
}
.story-page-reading{top:0;z-index:80}
.story-page-reading span{background:linear-gradient(90deg,#1ba865,#bee980,#eccc67)}
.story-header{border-top:2px solid #72c998;border-bottom:1px solid #e1eae6;box-shadow:0 8px 34px rgba(20,42,46,.055)}
.story-header-inner{max-width:1190px}
.story-breadcrumb{margin:32px auto 29px;max-width:1000px;font-size:12px;gap:11px}
.story-breadcrumb a{color:#5a6b7e;transition:color .2s}
.story-hero-head{max-width:1000px;margin:0 auto 35px;padding:10px 30px 4px}
.story-kicker{
  border:1px solid #dbeadd;background:rgba(229,245,230,.85);padding:9px 17px;
  border-radius:99px;color:#23764d;font-size:10px;letter-spacing:1.65px;margin-bottom:24px;
}
.story-hero-head h1{
  font-size:clamp(35px,4.45vw,58px);line-height:1.38;letter-spacing:-.85px;
  margin:0 auto 22px;max-width:970px;color:#142d43;text-wrap:balance;
}
.story-hero-head>p{max-width:815px;font-size:17px;line-height:1.95;color:#627487;margin-bottom:23px}
.story-byline{padding:10px 19px 10px 10px;border:1px solid #e1ebe5;border-radius:18px;background:#fff;box-shadow:0 8px 20px #17473108}
.story-avatar{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#d6f3e2,#eef8d4);color:#167f54}
.story-byline strong{font-size:13px;color:#244457}
.story-byline small{font-size:11px;line-height:1.6;color:#748695}
.story-editorial-column{width:min(100%,1000px);margin:0 auto}
.story-cover{width:100%;margin:0 0 24px}
.story-cover img{
  display:block;width:100%;aspect-ratio:2/1;object-fit:cover;height:auto;
  border-radius:24px;border:4px solid #fff;
  box-shadow:0 16px 52px rgba(23,42,47,.145);
}
.story-cover figcaption{font-size:11px;color:#738597;margin:11px 8px 0;line-height:1.6}
.story-layout{width:100%;max-width:none;margin:0;display:block}
.story-content{
  width:100%;max-width:none;min-width:0;
  padding:clamp(31px,5.3vw,65px) clamp(25px,6.7vw,80px) 48px;
  border:1px solid #e3eae5;background:#fff;border-radius:24px;
  box-shadow:0 13px 44px rgba(17,45,44,.063);
}
.story-content-top{
  margin-bottom:29px;padding-bottom:20px;align-items:center;
  color:#708795;font-size:11.5px;border-bottom:1px solid #e7eee8;
}
.story-reading-label{display:inline-block;font-size:11px;letter-spacing:1.5px;color:#137d50}
.story-prose{width:100%;max-width:none;color:#415568;font-size:16.5px;line-height:2.05;letter-spacing:.03px;overflow-wrap:anywhere}
.story-prose>p:first-child{font-size:18px;font-weight:500;color:#24435a;line-height:2.0;margin-bottom:24px}
.story-prose p{margin:0 0 21px}
.story-prose h2{
  margin:48px 0 19px;padding:0 0 0 23px;
  color:#162f45;font-size:clamp(23px,2.3vw,30px);
  font-weight:800;line-height:1.49;letter-spacing:-.3px;
}
.story-prose h2:before{left:0;top:7px;bottom:8px;width:5px;border-radius:99px;background:linear-gradient(180deg,#24b872,#a6de75)}
.story-prose ul{margin:8px 0 22px;padding-left:30px}
.story-prose li{padding:4px 0 5px 5px}
.story-prose li::marker{color:#259862}
.story-prose strong{color:#23465b}
.story-factnote{margin:42px 0 34px;padding:24px 26px;border-radius:17px;background:#f3f8f3;border:1px solid #d9ebdb}
.story-factnote>span{width:41px;height:41px;font-size:24px}
.story-factnote strong{font-size:14px;color:#245341}
.story-factnote p{font-size:13px;line-height:1.95}
.story-share{
  margin-top:34px;padding:28px 29px 24px;
  border:1px solid #dce9df;border-radius:18px;
  background:linear-gradient(135deg,#f6faf6,#edf6f0);
}
.story-share>div:first-child>span{font-size:10.5px;letter-spacing:1.6px}
.story-share h2{font-size:clamp(21px,2.6vw,25px);line-height:1.5}
.story-share p{font-size:12.5px;color:#687f89}
.story-share-buttons{gap:9px}
.story-share-buttons>*{min-height:42px;border-radius:11px;font-size:12px;padding:11px 15px;transition:transform .18s,background .18s,box-shadow .18s}
.story-share-buttons>*:hover{transform:translateY(-2px);box-shadow:0 7px 15px rgba(19,59,51,.09)}
.story-share-buttons button:first-child{background:#183b50;color:white;border-color:#183b50}
.story-aside{
  position:static;top:auto;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
  gap:18px;width:100%;margin-top:21px;align-items:stretch;
}
.story-aside-card{
  border-radius:21px;padding:28px 30px;background:radial-gradient(circle at 96% 2%,rgba(50,141,108,.33),transparent 55%),linear-gradient(135deg,#18394d,#11283f);
  box-shadow:0 13px 32px rgba(15,39,47,.12)
}
.story-aside-card h2{font-size:clamp(23px,2.2vw,28px);margin:14px 0 10px;line-height:1.42}
.story-aside-card p{font-size:13px;max-width:570px;margin-bottom:20px}
.story-side-line,.story-side-call{width:auto;display:inline-flex;vertical-align:middle;margin-right:6px;margin-bottom:10px;padding:11px 18px;font-size:12px;min-height:44px}
.story-side-line{background:#0ca95d}
.story-side-call{background:#ffffff0b}
.story-side-micro{font-size:11px;line-height:1.75;margin-top:9px}
.story-aside-index{
  margin:0;padding:28px 28px 23px;border:1px solid #dce7df;
  border-radius:21px;box-shadow:0 8px 28px rgba(15,48,36,.035);
  background:linear-gradient(153deg,#fff,#f9fcfa)
}
.story-aside-index>span{font-size:11px;letter-spacing:1.3px;margin-bottom:12px}
.story-aside-index a{font-size:13px;padding:14px 0;transition:color .2s}
.story-aside-index a:hover{color:#168957}
.story-more{max-width:1110px;margin:77px auto 83px}
.story-more-heading{padding:0 4px 17px;border-bottom:1px solid #dfe8e3;margin-bottom:22px}
.story-more-heading h2{font-size:clamp(25px,3vw,34px)}
.story-more-card{border-radius:18px;box-shadow:0 10px 32px rgba(14,42,38,.052);transition:transform .2s,box-shadow .2s}
.story-more-card:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(14,42,38,.1)}
.story-more-card>div{padding:20px 21px 23px}
.story-more-card h3{font-size:16px}
.story-more-card strong{font-size:12px}
/* Homepage footer is reused verbatim below the article / archive. */
.story-body .footer-premium{margin-top:0;font-family:var(--font)}
.story-body .footer-premium .container{width:var(--page)}
.story-body .footer-premium .footer-main a:focus-visible,
.story-body .footer-premium .footer-hero a:focus-visible{outline:3px solid #baf188;outline-offset:3px}
.story-body .footer-premium .footer-back-top{font:inherit;cursor:pointer}
/* The archive keeps its original editorial grid with the shared footer. */
.story-body .ai-archive{padding-top:65px;padding-bottom:88px}
@media(max-width:980px){
  .story-editorial-column{max-width:880px}
  .story-hero-head h1{font-size:clamp(34px,5vw,48px)}
  .story-content{padding:38px 42px}
  .story-aside{grid-template-columns:1.2fr .8fr}
}
@media(max-width:760px){
  .story-breadcrumb{margin:21px auto 22px}
  .story-hero-head{padding:4px 3px 2px;margin-bottom:25px}
  .story-kicker{margin-bottom:18px;font-size:9px;letter-spacing:1px;padding:7px 12px}
  .story-hero-head h1{font-size:clamp(29px,6.9vw,43px);line-height:1.43}
  .story-hero-head>p{font-size:14.5px;line-height:1.86}
  .story-cover{margin-bottom:17px}
  .story-cover img{border-radius:17px;border-width:3px}
  .story-cover figcaption{font-size:10px}
  .story-content{border-radius:18px;padding:31px 29px}
  .story-prose{font-size:15.5px;line-height:2}
  .story-prose>p:first-child{font-size:16.5px}
  .story-prose h2{font-size:23px;margin:37px 0 15px}
  .story-aside{grid-template-columns:1fr;gap:14px;margin-top:14px}
  .story-more{margin:52px auto 64px}
  .story-share{padding:23px 20px}
  .story-body .ai-archive{padding-top:40px;padding-bottom:55px}
}
@media(max-width:540px){
  .story-wrap{width:calc(100% - 28px)}
  .story-hero-head{margin-bottom:20px}
  .story-hero-head h1{font-size:clamp(27px,7vw,35px);letter-spacing:-.35px}
  .story-hero-head>p{font-size:13.8px}
  .story-byline{width:100%;max-width:100%;padding:9px 12px 9px 8px}
  .story-byline small{font-size:10px}
  .story-cover img{border-radius:13px}
  .story-content{padding:25px 19px 24px;border-radius:15px}
  .story-content-top{font-size:10px;line-height:1.7;padding-bottom:14px;margin-bottom:21px}
  .story-prose{font-size:15px;line-height:1.96}
  .story-prose>p:first-child{font-size:16px}
  .story-prose h2{font-size:21px;padding-left:16px}
  .story-factnote{padding:18px 16px;margin:30px 0 23px}
  .story-factnote p{font-size:12px}
  .story-share{padding:21px 16px;border-radius:14px}
  .story-share h2{font-size:20px}
  .story-share-buttons>*{flex:1 1 130px}
  .story-aside-card{padding:23px 21px}
  .story-side-line,.story-side-call{width:100%;margin-right:0}
  .story-aside-index{padding:23px 21px}
  .story-more-heading{align-items:start;flex-direction:column;gap:8px}
  .story-body .footer-premium .container{width:var(--page)}
}
@media(prefers-reduced-motion:reduce){
  .story-more-card,.story-share-buttons>*{transition:none}
}

/* Compact navigation label on phones */
.story-header-links .story-btn-line{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;}
.story-brand small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:370px){.story-header-links .story-btn-line{padding:8px 10px!important;font-size:9.3px!important}.story-brand strong{font-size:11.3px}.story-brand img{width:40px;height:40px}.story-header-inner{gap:8px}}

/* Contextual keyword self-links · v1.4.6. Subtle emphasis fits the article typography. */
.story-prose p.story-keyword-context{margin:0 0 24px;color:#415568;font-size:inherit;line-height:inherit}
.story-prose a.story-keyword-link{color:#126f53;font-weight:700;text-decoration:underline;text-decoration-color:#b5dbc1;text-underline-offset:4px;text-decoration-thickness:1.5px;transition:color .18s,text-decoration-color .18s}
.story-prose a.story-keyword-link strong{color:inherit;font-weight:700}
.story-prose a.story-keyword-link:hover{color:#0d503b;text-decoration-color:#167c5a}
.story-prose a.story-keyword-link:focus-visible{outline:3px solid #69cda0;outline-offset:3px;border-radius:2px}


/* ---------- Premium editorial article cover / v1.4.7 ----------
   Keep article banner, reading body and intro on exactly the same 1000px column.
   Original uploaded AI cover dimensions (2048 x 1024, 2:1) are unchanged. */
.story-body .story-editorial-column{
  width:min(100%,1000px);
  max-width:1000px;
  min-width:0;
  margin-inline:auto;
}
.story-body .story-editorial-column > .story-feature-intro,
.story-body .story-editorial-column > .story-cover,
.story-body .story-editorial-column > .story-layout,
.story-body .story-editorial-column .story-content{
  width:100%;min-width:0;max-width:100%;box-sizing:border-box;
}
.story-body .story-breadcrumb{
  margin:26px auto 22px;
  max-width:1000px;
  color:#718597;
  font-size:11.5px;
}
.story-body .story-feature-intro{
  position:relative;
  z-index:0;
  isolation:isolate;
  text-align:left;
  overflow:hidden;
  margin:0 auto 23px;
  padding:0;
  border:1px solid #dce8df;
  border-radius:25px;
  background:linear-gradient(116deg,#fff 0%,#fff 58%,#f4faf5 100%);
  box-shadow:0 16px 44px rgba(26,57,56,.08);
}
.story-body .story-feature-intro::before{
  content:'';position:absolute;inset:0 0 auto;height:4px;z-index:1;
  background:linear-gradient(90deg,#159e65,#b6dd7a 62%,#d4ae64);
}
.story-feature-topline{
  min-width:0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;
  gap:10px 16px;margin:0 42px;border-bottom:1px solid #e5eee8;padding:28px 0 19px;
}
.story-body .story-feature-intro .story-kicker{
  margin:0;padding:0;background:none;border:0;border-radius:0;
  font-size:10px;line-height:1.6;letter-spacing:1.25px;color:#207e59;font-weight:800;
}
.story-feature-intro .story-dot{width:7px;height:7px;flex:none;box-shadow:0 0 0 4px #e1f3e8}
.story-feature-intro .story-kicker-divider{color:#b5c3b8;padding:0 3px}
.story-feature-edition{font-size:10px;color:#82958e;font-weight:700;letter-spacing:1.05px;line-height:1.5}
.story-feature-edition span{color:#a8d1ad;margin:0 4px}
.story-feature-main{
  display:grid;grid-template-columns:minmax(0,1fr) 210px;
  gap:25px;align-items:stretch;padding:24px 42px 25px;
}
.story-feature-lede{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.story-feature-topic{
  display:inline-flex;align-items:center;gap:8px;
  color:#27835c;font-size:11px;line-height:1.65;font-weight:700;
  margin-bottom:13px;
}
.story-feature-topic span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#e9f5e9;color:#188352}
.story-body .story-feature-intro h1{
  max-width:none;font-size:clamp(32px,3.05vw,43px);line-height:1.42;
  letter-spacing:-.35px;font-weight:800;text-wrap:pretty;
  color:#152d44;margin:0 0 14px;overflow-wrap:anywhere;
}
.story-body .story-feature-intro .story-feature-summary{
  max-width:670px;color:#5e7080;font-size:14.2px;font-weight:400;
  line-height:1.94;margin:0;overflow-wrap:anywhere;
}
.story-feature-panel{
  display:flex;flex-direction:column;min-width:0;
  border:1px solid #284a50;border-radius:18px;
  background:radial-gradient(circle at 100% 0%,#255c50 0,transparent 70%),linear-gradient(155deg,#1a3b4b,#10283e);
  box-shadow:0 12px 28px rgba(21,55,61,.14);
  color:#f7fbf9;padding:22px 20px 17px;
}
.story-feature-panel-eyebrow{
  display:flex;justify-content:space-between;align-items:center;gap:6px;
  font-size:9px;line-height:1.6;letter-spacing:1.2px;font-weight:800;color:#a1dfb9;
}
.story-feature-panel-eyebrow span{color:#b9e88d;font-size:16px}
.story-feature-panel h2{color:#fff;font-size:20px;font-weight:800;letter-spacing:-.2px;line-height:1.45;margin:12px 0 10px}
.story-feature-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.story-feature-panel li{font-size:11.5px;line-height:1.65;color:#d6e8e4;display:flex;gap:8px;align-items:baseline}
.story-feature-panel li::before{content:'✓';flex:none;color:#abefad;font-weight:800}
.story-feature-panel-foot{margin-top:auto;border-top:1px solid #ffffff24;padding-top:12px;font-size:10px;color:#b6d0cb;line-height:1.5}
.story-feature-panel-foot span{font-size:8px;color:#7be6a6;margin-right:5px}
.story-feature-bottom{
  margin:0 42px 25px;padding-top:20px;
  border-top:1px solid #e5eee8;
  display:flex;align-items:center;justify-content:space-between;
  gap:13px 22px;flex-wrap:wrap;
}
.story-feature-intro .story-byline{
  width:auto;max-width:100%;min-width:0;display:flex;gap:10px;align-items:center;
  padding:0;margin:0;border:0;box-shadow:none;background:none;border-radius:0;
}
.story-feature-intro .story-avatar{
  width:41px;height:41px;border-radius:12px;flex:none;
  background:linear-gradient(130deg,#d7f5df,#eff5db);color:#14814f;font-size:20px;
}
.story-feature-intro .story-byline strong{font-size:12px;color:#263f52;line-height:1.5}
.story-feature-intro .story-byline small{font-size:10px;color:#748b93;line-height:1.55}
.story-feature-meta{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;
  gap:4px 8px;color:#627787;font-size:10.8px;line-height:1.65;font-weight:500;
}
.story-feature-meta-icon{color:#218259;font-size:17px;line-height:1}
.story-feature-meta-dot{color:#b9c8be}
.story-body .story-editorial-column > .story-cover{margin:0 0 22px}
.story-body .story-editorial-column > .story-cover img{
  width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block;
  max-width:none;box-sizing:border-box;
}
.story-body .story-editorial-column > .story-layout{display:block;margin:0}
.story-body .story-editorial-column .story-content{margin:0}

@media (max-width:900px){
  .story-feature-topline{margin-inline:30px;padding-top:24px}
  .story-feature-main{grid-template-columns:minmax(0,1fr) 196px;gap:19px;padding:26px 30px}
  .story-body .story-feature-intro h1{font-size:clamp(29px,4.6vw,40px)}
  .story-feature-panel{padding:19px 16px 14px}
  .story-feature-panel h2{font-size:18px}
  .story-feature-panel li{font-size:11px}
  .story-feature-bottom{margin-inline:30px}
}
@media(max-width:760px){
  .story-body .story-breadcrumb{margin:20px auto 16px}
  .story-body .story-feature-intro{border-radius:19px;margin-bottom:18px}
  .story-feature-topline{margin-inline:24px;padding:23px 0 13px}
  .story-feature-edition{font-size:9px}
  .story-feature-main{display:block;padding:24px 24px 22px}
  .story-feature-panel{display:none}
  .story-body .story-feature-intro h1{font-size:clamp(27px,5.1vw,38px);line-height:1.43;margin-bottom:13px}
  .story-body .story-feature-intro .story-feature-summary{font-size:14px;line-height:1.86}
  .story-feature-topic{font-size:10px;margin-bottom:12px}
  .story-feature-bottom{margin:0 24px 22px;padding-top:17px}
  .story-feature-meta{justify-content:flex-start}
  .story-body .story-editorial-column > .story-cover img{border-radius:17px}
}
@media(max-width:540px){
  .story-wrap{width:calc(100% - 28px)}
  .story-feature-topline{margin-inline:20px;padding:18px 0 12px}
  .story-body .story-feature-intro .story-kicker{font-size:9px;letter-spacing:.75px;gap:7px}
  .story-feature-edition{display:none}
  .story-feature-main{padding:20px 20px 20px}
  .story-body .story-feature-intro h1{font-size:clamp(25px,6.8vw,32px);line-height:1.42;letter-spacing:-.2px}
  .story-body .story-feature-intro .story-feature-summary{font-size:13px;line-height:1.86}
  .story-feature-bottom{margin:0 20px 20px;padding-top:16px;gap:8px}
  .story-feature-intro .story-avatar{width:36px;height:36px;font-size:17px}
  .story-feature-intro .story-byline strong{font-size:11px}
  .story-feature-intro .story-byline small{font-size:9.5px}
  .story-feature-meta{font-size:10px;gap:3px 7px}
  .story-body .story-editorial-column > .story-cover{margin-bottom:16px}
  .story-body .story-editorial-column > .story-cover img{border-radius:13px}
}
@media (prefers-reduced-motion:reduce){.story-body .story-feature-intro *{scroll-behavior:auto}}

@media(max-width:370px){
  .story-header-inner{gap:7px}
  .story-brand{flex:1 1 auto;min-width:0;gap:6px}
  .story-brand>span{min-width:0}
  .story-brand strong{font-size:11px;overflow:hidden;text-overflow:ellipsis}
  .story-brand small{display:none}
  .story-brand img{width:35px;height:37px;flex:none}
  .story-header-links{flex:none}
  .story-header-links .story-btn-line{padding:8px 9px!important;font-size:9px!important}
  .story-feature-intro .story-kicker-place,
  .story-feature-intro .story-kicker-divider{display:none}
}
