/* Sydas Sector V64 — visual alignment and compact rhythm */
:root{--v64-module:980px;--v64-card-radius:18px;--v64-section-gap:28px}

/* Home: use the desktop canvas instead of a narrow floating island. */
@media (min-width:1100px){
 body.page-home .earth-hero{
  width:min(1440px,calc(100% - 64px))!important;
  max-width:1440px!important;
  grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr)!important;
  gap:clamp(44px,5vw,86px)!important;
  padding:clamp(48px,5vw,76px) clamp(44px,5vw,78px)!important;
  border-radius:0 0 28px 28px!important;
 }
 body.page-home .earth-hero h1{max-width:760px!important;font-size:clamp(48px,4.5vw,68px)!important}
 body.page-home .earth-hero p{max-width:680px!important;font-size:17px!important}
 body.page-home .earth-hero .ss-globe-shell{width:min(100%,500px)!important;max-width:500px!important;justify-self:end}
}

/* Bookshelf marketing: balanced columns and a compact empty state. */
.layout-v60 .home-shop-v35{
 grid-template-columns:minmax(340px,.9fr) minmax(430px,1.1fr);
 align-items:center;
 gap:clamp(34px,4vw,64px);
 padding:clamp(34px,4.5vw,58px);
}
.home-shop-promo-v35 h2{font-size:clamp(38px,4vw,58px);max-width:620px}
.home-shop-shelf-v35{align-self:center}
.home-shop-empty-v35{
 min-height:230px;
 justify-content:center;
 padding:clamp(28px,4vw,46px);
 border-radius:var(--v64-card-radius);
}
.home-shop-empty-v35 b{margin-bottom:14px;font-size:clamp(23px,2.1vw,31px)}

/* Article footer system: one centered width and one spacing rhythm. */
.page-article #source,
.page-article #shareBox,
.page-article #prevNext{
 width:100%!important;
 max-width:none!important;
 padding-inline:0!important;
 box-sizing:border-box;
}
.page-article :is(.callout-src,.research-box,.reaction-box,.share-row,.prevnext),
.page-article #adBottom,
.page-article .article-ad-end-v48{
 width:min(calc(100% - 48px),var(--v64-module))!important;
 max-width:var(--v64-module)!important;
 margin-left:auto!important;
 margin-right:auto!important;
 box-sizing:border-box;
}
.page-article .callout-src{
 margin-top:var(--v64-section-gap)!important;
 padding:22px 26px;
 border-radius:var(--v64-card-radius);
 font-size:14px;
 line-height:1.72;
 overflow-wrap:anywhere;
 word-break:break-word;
}
.page-article .callout-src a{overflow-wrap:anywhere;word-break:break-word}
.page-article .research-box{
 margin-top:var(--v64-section-gap)!important;
 margin-bottom:var(--v64-section-gap)!important;
 padding:26px 28px;
 border-radius:var(--v64-card-radius);
}
.page-article .research-head h2{font-size:clamp(24px,2.2vw,30px)}
.page-article .article-end{
 width:min(100%,840px)!important;
 max-width:840px!important;
 margin:30px auto 0!important;
 padding:24px 20px!important;
 box-sizing:border-box;
}
.page-article .reaction-box{
 margin-top:var(--v64-section-gap)!important;
 margin-bottom:var(--v64-section-gap)!important;
 padding:22px 26px;
 border-radius:var(--v64-card-radius);
}
.page-article .reaction-title{margin-bottom:13px}
.page-article .share-row{
 margin-top:0!important;
 margin-bottom:var(--v64-section-gap)!important;
 padding:16px 18px;
 border-radius:14px;
}
.page-article #adBottom,
.page-article .article-ad-end-v48{
 margin-top:0!important;
 margin-bottom:var(--v64-section-gap)!important;
}
.page-article #adBottom .ad-slot-v58,
.page-article .article-ad-end-v48 .ad-slot-v58{
 width:100%!important;
 min-height:112px;
 margin:0!important;
 border-radius:14px;
}
.page-article .smart-route{padding-top:var(--v64-section-gap);padding-bottom:var(--v64-section-gap)}
.page-article .professional-sources{margin-top:16px}
.page-article .professional-sources:empty{display:none}

/* Keep every module compact and readable on phones. */
@media (max-width:930px){
 .layout-v60 .home-shop-v35{grid-template-columns:1fr;gap:28px;padding:32px 28px}
 .home-shop-empty-v35{min-height:190px}
}
@media (max-width:640px){
 :root{--v64-section-gap:18px}
 body.page-home .earth-hero{padding:34px 18px 26px!important}
 body.page-home .earth-hero h1{font-size:clamp(32px,9.5vw,40px)!important}
 .layout-v60 .home-shop-v35{margin-inline:12px;padding:24px 18px;gap:24px}
 .home-shop-promo-v35 h2{font-size:35px}
 .home-shop-promo-v35 ul{gap:6px;margin:17px 0}
 .home-shop-empty-v35{min-height:155px;padding:22px}
 .home-shop-empty-v35 b{font-size:20px}
 .page-article :is(.callout-src,.research-box,.reaction-box,.share-row,.prevnext),
 .page-article #adBottom,
 .page-article .article-ad-end-v48{
  width:calc(100% - 28px)!important;
 }
 .page-article .callout-src,.page-article .research-box{padding:18px}
 .page-article .article-end{width:calc(100% - 28px)!important;margin-top:20px!important;padding:20px 14px!important}
 .page-article .reaction-box{padding:18px 12px}
 .page-article .reaction-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .page-article .reaction-btn{min-width:0;padding:8px 5px;gap:1px 4px}
 .page-article .reaction-btn>span{font-size:17px}
 .page-article .reaction-btn b{font-size:9px}
 .page-article .share-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}
 .page-article .share-row .share-lbl{grid-column:1/-1}
 .page-article .share-row :is(a,button){width:100%;min-width:0;justify-content:center}
 .page-article #adBottom .ad-slot-v58,.page-article .article-ad-end-v48 .ad-slot-v58{min-height:92px}
}
