/* SiteOS Premium Editorial / Service Coverage, v1.1.3
   Scoped to long-form service articles so header, directory, and footer keep their styles. */
:root{
  --sao-green:#45ef87;
  --sao-green-soft:#b8ffcf;
  --sao-bg:#06110d;
  --sao-line:rgba(88,236,139,.21);
  --sao-white:#f3fff6;
  --sao-muted:#bed2c4;
}
html{scroll-behavior:smooth;scroll-padding-top:96px}
#article .wrap{max-width:1180px!important}
#article .article.siteos-article,
.siteos-standalone-section .article.siteos-article{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1180px!important;
  padding:clamp(18px,3.6vw,46px)!important;
  border:1px solid rgba(93,238,144,.31)!important;
  border-radius:24px!important;
  margin-inline:auto!important;
  color:var(--sao-white)!important;
  background:
    radial-gradient(ellipse at 4% -3%,rgba(21,166,81,.18),transparent 32%),
    radial-gradient(ellipse at 102% 55%,rgba(16,126,65,.10),transparent 39%),
    linear-gradient(150deg,#081711 0%,#05100b 55%,#07130e 100%)!important;
  box-shadow:0 24px 66px rgba(0,0,0,.34),inset 0 1px 0 rgba(219,255,230,.035)!important;
  position:relative;
  overflow:hidden!important;
  counter-reset:siteos-heading;
}
#article .article.siteos-article::before,
.siteos-standalone-section .article.siteos-article::before{
  height:4px!important;
  background:linear-gradient(90deg,#124a2e,#43f28a 42%,#d4f6ac 70%,transparent)!important;
  box-shadow:0 2px 24px rgba(67,242,138,.17)!important;
}
#article .article.siteos-article::after,
.siteos-standalone-section .article.siteos-article::after{display:none!important}
#article .article.siteos-article > *,
.siteos-standalone-section .article.siteos-article > *{min-width:0;max-width:100%}

/* Editorial identity and section rhythm. */
.siteos-article-eyebrow{
  display:flex;align-items:center;flex-wrap:wrap;gap:10px;
  margin:0 0 14px!important;
  color:#adf9ca;font:800 12px/1.35 system-ui,Tahoma,sans-serif;
  letter-spacing:.018em;
}
.siteos-article-eyebrow-pulse{
  width:9px;height:9px;display:inline-block;flex:none;border-radius:50%;
  background:#40ee83;box-shadow:0 0 0 5px rgba(64,238,131,.12),0 0 14px rgba(64,238,131,.2);
}
.siteos-article-eyebrow-divider{width:1px;height:15px;background:rgba(137,239,166,.27)}
.siteos-article-eyebrow-en{font-size:10px;color:#7da890;letter-spacing:.15em}
#article .article.siteos-article > h1,
.siteos-standalone-section .article.siteos-article > h1{
  display:block!important;
  font-size:clamp(23px,2.65vw,37px)!important;
  text-align:left!important;
  line-height:1.46!important;
  margin:0 0 17px!important;
  padding:clamp(17px,2.3vw,28px)!important;
  color:#f6fff7!important;
  border-radius:16px!important;
  border:1px solid rgba(78,239,134,.28)!important;
  border-left:5px solid #46f68b!important;
  background:linear-gradient(104deg,rgba(17,86,49,.76) 0%,rgba(9,39,25,.68) 58%,rgba(8,20,14,.32) 100%)!important;
  box-shadow:inset 0 1px 0 rgba(222,255,232,.055)!important;
  text-shadow:none!important;
  letter-spacing:-.015em;
  overflow-wrap:anywhere;
}
#article .article.siteos-article > h1:not(:first-of-type),
.siteos-standalone-section .article.siteos-article > h1:not(:first-of-type){
  margin-top:27px!important;font-size:clamp(19px,2.15vw,26px)!important;
  background:linear-gradient(98deg,rgba(14,80,47,.39),rgba(8,25,17,.6))!important;
}
#article .article.siteos-article > h2,
.siteos-standalone-section .article.siteos-article > h2{
  display:flex!important;
  align-items:center;
  gap:12px;
  margin:30px 0 11px!important;
  padding:14px clamp(14px,2vw,23px)!important;
  border-radius:13px!important;
  border:1px solid rgba(75,231,130,.20)!important;
  border-left:4px solid #47f28b!important;
  color:#c4ffd8!important;
  background:linear-gradient(90deg,rgba(12,84,46,.55),rgba(7,38,23,.56) 70%,rgba(7,25,15,.28))!important;
  font-size:clamp(19px,2.15vw,26px)!important;
  font-weight:850!important;
  line-height:1.4!important;
  text-shadow:none!important;
  scroll-margin-top:104px;
  counter-increment:siteos-heading;
}
#article .article.siteos-article > h2::before,
.siteos-standalone-section .article.siteos-article > h2::before{
  content:counter(siteos-heading,decimal-leading-zero)!important;
  display:inline-flex!important;flex:none;align-items:center;justify-content:center;
  width:36px;height:36px;min-width:36px;max-width:36px;
  border:1px solid rgba(103,237,151,.27);border-radius:9px;
  background:rgba(59,199,107,.13)!important;
  color:#7dffae!important;
  font:900 12px/1 system-ui,Tahoma,sans-serif!important;
  letter-spacing:.02em;box-shadow:none!important;
}
#article .article.siteos-article > h3,
.siteos-standalone-section .article.siteos-article > h3{
  display:flex;align-items:center;gap:10px;
  margin:22px 0 7px!important;
  font-size:clamp(17px,1.8vw,21px)!important;
  line-height:1.5!important;
  color:#f8e7a7!important;
  font-weight:800;
}
#article .article.siteos-article > h3::before,
.siteos-standalone-section .article.siteos-article > h3::before{
  content:"";display:block;flex:0 0 4px;align-self:stretch;
  min-height:15px;border-radius:10px;background:#d7bc68;
}
#article .article.siteos-article > p,
.siteos-standalone-section .article.siteos-article > p{
  display:block!important;
  margin:9px 0!important;
  padding:14px 18px!important;
  color:#d7eadf!important;
  background:linear-gradient(110deg,rgba(255,255,255,.045),rgba(255,255,255,.022))!important;
  border:1px solid rgba(146,201,165,.12)!important;
  border-left:3px solid rgba(88,221,134,.34)!important;
  border-radius:11px!important;
  box-shadow:none!important;
  line-height:1.87!important;
  font-size:clamp(14.5px,1.35vw,16px)!important;
  font-weight:400!important;
  overflow-wrap:anywhere;
  text-wrap:pretty;
}
#article .article.siteos-article > h2 + p,
.siteos-standalone-section .article.siteos-article > h2 + p{
  border-left-color:rgba(100,249,156,.65)!important;
  background:rgba(28,84,52,.15)!important;
}
#article .article.siteos-article > h3 + p,
.siteos-standalone-section .article.siteos-article > h3 + p{
  border-left-color:rgba(225,195,113,.58)!important;
}
#article .article.siteos-article > p strong,
.siteos-standalone-section .article.siteos-article > p strong{
  color:#fff!important;text-shadow:none!important;font-weight:800!important;
}
#article .article.siteos-article > :is(ul,ol),
.siteos-standalone-section .article.siteos-article > :is(ul,ol){
  padding:13px 24px 13px 38px;line-height:1.9;
  border-radius:12px;background:rgba(255,255,255,.035);
  border:1px solid rgba(146,201,165,.12);
}
#article .article.siteos-article li,
.siteos-standalone-section .article.siteos-article li{margin:3px 0;color:#d5eadc}
#article .article.siteos-article img,
.siteos-standalone-section .article.siteos-article img{
  display:block;max-width:100%;width:auto;height:auto;margin-inline:auto;border-radius:12px;
}
#article .article.siteos-article > .neon-divider,
.siteos-standalone-section .article.siteos-article > .neon-divider{
  height:1px;margin:27px 0!important;
  background:linear-gradient(90deg,transparent,rgba(81,222,131,.45),transparent)!important;
}

/* Table of contents */
.siteos-reading-toc{
  margin:21px 0 25px;
  padding:clamp(15px,2.5vw,24px);
  border:1px solid rgba(84,221,135,.27);
  border-radius:17px;
  background:linear-gradient(135deg,rgba(21,79,47,.32),rgba(5,22,13,.80));
  box-shadow:inset 0 1px 0 rgba(230,255,234,.045);
}
.siteos-reading-toc-title{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:14px;
}
.siteos-reading-toc-title>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.siteos-reading-kicker,
.siteos-topic-eyebrow{
  color:#80eaa7;font:800 10px/1.4 system-ui,Tahoma,sans-serif;
  letter-spacing:.15em;
}
.siteos-reading-toc-title strong{font-size:clamp(19px,2.2vw,26px);color:#f0fff4;line-height:1.3}
#article .article.siteos-article .siteos-reading-toc-title p,
.siteos-standalone-section .article.siteos-article .siteos-reading-toc-title p{
  font-size:13px!important;color:#9fbdac!important;background:transparent!important;
  padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;
}
.siteos-reading-total{
  color:#b7f6ca;font-size:12px;font-weight:800;white-space:nowrap;
  padding:7px 11px;border-radius:99px;background:rgba(73,229,130,.12);
  border:1px solid rgba(73,229,130,.2);
}
.siteos-reading-toc-grid,.siteos-reading-more-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
}
#article .article.siteos-article a.siteos-reading-link,
.siteos-standalone-section .article.siteos-article a.siteos-reading-link{
  display:flex;align-items:center;gap:11px;min-width:0;
  padding:10px 11px;background:rgba(255,255,255,.032);
  border:1px solid rgba(123,220,151,.13);border-radius:10px;
  text-decoration:none;color:#dcefe2;font-weight:600;
  font-size:13px;line-height:1.55;box-shadow:none;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
#article .article.siteos-article a.siteos-reading-link:hover,
#article .article.siteos-article a.siteos-reading-link:focus-visible,
.siteos-standalone-section .article.siteos-article a.siteos-reading-link:hover,
.siteos-standalone-section .article.siteos-article a.siteos-reading-link:focus-visible{
  color:#fff;background:rgba(63,232,126,.1);border-color:rgba(89,246,143,.35);
  transform:translateY(-1px);outline:none;
}
.siteos-reading-link-no{flex:0 0 24px;color:#7df5a8;font:800 11px/1.4 system-ui,Tahoma,sans-serif}
.siteos-reading-link-text{flex:1;overflow-wrap:anywhere}
.siteos-reading-link-arrow{flex:none;color:#89cf9e;font-size:14px}
.siteos-reading-more{margin-top:10px;border-top:1px solid rgba(104,220,147,.16)}
.siteos-reading-more>summary{cursor:pointer;color:#abefc0;font-weight:750;font-size:13px;padding:12px 2px 2px;list-style:none}
.siteos-reading-more>summary::-webkit-details-marker{display:none}
.siteos-reading-more>summary span{margin-left:8px}
.siteos-reading-more-grid{padding-top:12px}

/* Keyword-heavy service copy becomes a compact taxonomy, never an unreadable wall. */
.siteos-topic-panel{
  margin:12px 0 3px;
  padding:clamp(13px,2.5vw,24px);
  border-radius:18px;
  border:1px solid rgba(73,220,128,.32);
  background:linear-gradient(146deg,rgba(8,40,23,.92),rgba(3,14,9,.94) 69%);
  box-shadow:0 12px 34px rgba(0,0,0,.13),inset 0 1px 0 rgba(181,255,198,.05);
}
.siteos-topic-heading{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  border-bottom:1px solid rgba(95,212,136,.20);
  padding-bottom:17px;margin-bottom:17px;
}
.siteos-topic-heading>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.siteos-topic-heading-title{
  font-size:clamp(19px,2.2vw,27px);line-height:1.3;
  color:#f3fff6;font-weight:900;letter-spacing:-.012em;
}
.siteos-topic-heading-note{color:#accab5;font-size:13px;line-height:1.6}
.siteos-topic-heading-count{
  display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;
  width:76px;min-height:68px;border-radius:13px;
  background:linear-gradient(140deg,rgba(56,228,114,.16),rgba(19,83,44,.15));
  border:1px solid rgba(83,232,139,.28);
}
.siteos-topic-heading-count strong{color:#afffca;font:900 23px/1.1 system-ui,Tahoma,sans-serif}
.siteos-topic-heading-count small{font-size:11px;color:#b0cbb7;margin-top:4px}
.siteos-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.siteos-topic-card{
  min-width:0;padding:clamp(13px,1.8vw,18px);
  border-radius:13px;
  border:1px solid rgba(140,220,164,.16);
  background:linear-gradient(150deg,rgba(255,255,255,.038),rgba(255,255,255,.016));
  transition:border-color .18s ease,background .18s ease;
}
.siteos-topic-card:hover{border-color:rgba(105,240,151,.36);background:rgba(49,122,73,.09)}
.siteos-topic-card-top{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-bottom:8px}
.siteos-topic-number{color:#70e69c;font:800 12px/1.2 system-ui,Tahoma,sans-serif;letter-spacing:.08em}
.siteos-topic-total{
  border:1px solid rgba(130,226,160,.16);border-radius:40px;
  padding:4px 9px;font:750 11px/1.2 Tahoma,sans-serif;color:#b6d6c0;
  white-space:nowrap;
}
#article .article.siteos-article .siteos-topic-card h3,
.siteos-standalone-section .article.siteos-article .siteos-topic-card h3{
  display:block!important;margin:0 0 3px!important;padding:0!important;
  color:#e9fff0!important;font-size:clamp(16px,1.5vw,19px)!important;line-height:1.5!important;
  font-weight:850!important;
}
.siteos-topic-sub{font:400 12px/1.6 Tahoma,system-ui,sans-serif;color:#94b6a0;margin-bottom:12px}
.siteos-topic-chips{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px}
.siteos-topic-chip{
  display:inline-block;max-width:100%;min-width:0;
  padding:6px 10px;border-radius:7px;
  border:1px solid rgba(120,222,153,.17);
  background:rgba(17,76,40,.32);
  color:#d4f4db;
  font:600 clamp(11.5px,1.06vw,12.7px)/1.55 Tahoma,system-ui,sans-serif;
  overflow-wrap:anywhere;
}
.siteos-topic-more{
  margin-top:12px;border:1px solid rgba(104,229,146,.22);
  border-radius:11px;background:rgba(32,87,51,.13);overflow:hidden;
}
.siteos-topic-more>summary{
  display:flex;align-items:center;gap:9px;list-style:none;
  cursor:pointer;min-height:48px;padding:10px 15px;
  color:#d8fbe2;font-size:13px;line-height:1.4;font-weight:750;
  transition:background .2s ease;
}
.siteos-topic-more>summary:hover,.siteos-topic-more>summary:focus-visible{background:rgba(45,151,82,.2);outline:2px solid rgba(83,242,136,.3);outline-offset:-2px}
.siteos-topic-more>summary::-webkit-details-marker{display:none}
.siteos-topic-more>summary strong{color:#88f0a9;white-space:nowrap}
.siteos-topic-more-arrow{
  width:27px;height:27px;border-radius:7px;display:grid;place-items:center;
  flex:none;background:rgba(76,240,138,.13);color:#91fdb3;font-size:21px;
  transition:transform .2s ease;
}
.siteos-topic-more[open] .siteos-topic-more-arrow{transform:rotate(180deg)}
.siteos-topic-more-hint{margin-left:auto;font-size:11px;color:#86ad96;white-space:nowrap}
.siteos-topic-more-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border-top:1px solid rgba(108,227,151,.17)}
.siteos-topic-more-group{min-width:0}
.siteos-topic-more-group h4{font-size:13px;font-weight:850;color:#bdffd3;margin:0 0 9px}

/* Legacy full-article routes receive the same editorial shell instead of blank default styling. */
body.siteos-standalone-body{
  margin:0!important;color:#e6fff0;background:#04100a!important;
  font-family:Tahoma,system-ui,sans-serif;
  background-image:radial-gradient(ellipse at 14% 4%,rgba(46,168,88,.1),transparent 34%)!important;
  overflow-x:clip;
}
.siteos-standalone-shell{max-width:1240px;margin:0 auto;padding:24px clamp(12px,3vw,24px) 38px}
.siteos-standalone-header{
  display:flex;align-items:center;justify-content:space-between;gap:15px;
  border:1px solid rgba(80,219,126,.25);background:#091b11;
  padding:13px 16px;margin-bottom:18px;border-radius:16px;
}
.siteos-standalone-brand{display:flex;align-items:center;gap:12px;min-width:0}
.siteos-standalone-mark{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;background:#0d4c28;color:#67f5a1;font-size:25px}
.siteos-standalone-brand div{display:flex;flex-direction:column;gap:3px;min-width:0}
.siteos-standalone-brand strong{color:#fff;font-size:14px;overflow-wrap:anywhere}
.siteos-standalone-brand span:not(.siteos-standalone-mark){color:#92bb9f;font:700 10px/1.3 system-ui,Tahoma,sans-serif;letter-spacing:.12em}
.siteos-standalone-back{flex:none;display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;color:#c3ffda!important;background:rgba(56,205,108,.13);border:1px solid rgba(75,230,126,.3);border-radius:10px;text-decoration:none;font:750 12px/1.4 Tahoma,sans-serif}
.siteos-standalone-back:hover{background:rgba(56,205,108,.25)}
.siteos-standalone-section{min-width:0}

@media(max-width:700px){
  .siteos-reading-toc-grid,.siteos-reading-more-grid,.siteos-topic-grid,.siteos-topic-more-content{grid-template-columns:minmax(0,1fr)}
  #article .article.siteos-article,
  .siteos-standalone-section .article.siteos-article{padding:17px!important;border-radius:17px!important}
  #article .article.siteos-article > h1,
  .siteos-standalone-section .article.siteos-article > h1{font-size:clamp(21px,5vw,28px)!important;padding:16px!important;line-height:1.48!important}
  #article .article.siteos-article > h2,
  .siteos-standalone-section .article.siteos-article > h2{font-size:clamp(18px,4.4vw,22px)!important;gap:9px;padding:11px 12px!important;margin-top:24px!important}
  #article .article.siteos-article > h2::before,
  .siteos-standalone-section .article.siteos-article > h2::before{width:29px;min-width:29px;max-width:29px;height:29px;font-size:10px!important}
  #article .article.siteos-article > p,
  .siteos-standalone-section .article.siteos-article > p{padding:12px 13px!important;font-size:14.25px!important;line-height:1.82!important}
  .siteos-topic-panel{padding:12px;border-radius:13px}
  .siteos-topic-card{padding:13px}
  .siteos-topic-chip{font-size:12px;line-height:1.5;padding:6px 9px}
  .siteos-topic-heading-count{width:60px;min-height:59px}
  .siteos-topic-heading-count strong{font-size:20px}
  .siteos-reading-toc{padding:14px}
}
@media(max-width:390px){
  .siteos-topic-heading{align-items:flex-start;gap:10px}
  .siteos-topic-heading-title{font-size:18px}
  .siteos-topic-heading-note{font-size:12px}
  .siteos-topic-heading-count{width:51px;min-height:53px}
  .siteos-topic-more-hint{display:none}
  .siteos-reading-total{font-size:11px;padding:6px 8px}
  .siteos-article-eyebrow-en{display:none}
  .siteos-article-eyebrow-divider{display:none}
  .siteos-standalone-header{align-items:flex-start;flex-wrap:wrap}
  .siteos-standalone-back{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.siteos-topic-card,.siteos-reading-link,.siteos-topic-more-arrow{transition:none!important}}