body{font-family:Georgia,"Songti SC","Noto Serif CJK SC",serif;background:#f9fbfa} .header{background:#f9fbfa} .nav-shell{max-width:1300px;margin:auto;padding:23px 40px} .brand{font-family:Arial,sans-serif} .hero-paper{padding:70px 7% 45px} .hero-frame{display:grid;grid-template-columns:.83fr 1fr;gap:8%;align-items:center;max-width:1300px;margin:auto} .hero-frame .hero-copy{padding-left:3%} .hero-frame .hero-photo{border-radius:1px 130px 0 0;overflow:hidden} .hero-frame .hero-photo img{height:560px;object-fit:cover} .hero h1{font-size:clamp(48px,4.8vw,72px);font-weight:750;line-height:1.22} .hero .eyebrow{color:#1d756e} .hero-micro{max-width:1300px;margin:22px auto;color:#577b78;font-size:17px} .feature-main{background:#f1f7f5;padding:95px 8%} .feature-editorial{max-width:1150px;margin:50px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:33px} .editorial-item{padding-top:14px} .editorial-item .editorial-icon{color:#3c827d} .editorial-item h3{margin:20px 0} .story{padding:100px 9%;display:grid;grid-template-columns:1fr 1.3fr;gap:65px} .guide-highlight{max-width:780px;margin:40px auto 110px;text-align:center} .cta{background:#154b51;color:white} .download-hero{max-width:1160px;margin:auto;padding:100px 34px;display:grid;grid-template-columns:1fr 1fr;gap:8%} .download-hero aside{align-self:center} .download-systems{display:grid;gap:24px} .system-slot{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center} .system-icon{display:none} .system-description{grid-column:1} .install-method{display:grid;grid-template-columns:1fr 1fr;gap:80px} .footer{background:#e9f1ee}
/* V10 typography and responsive editorial layout: readable content across window sizes */
:root{--reading-max:1120px}
.feature-main :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary),
.features-detailed :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary){
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(28px,3.2vw,58px) clamp(35px,5.5vw,86px);
  width:100%;max-width:var(--reading-max);
  margin-left:auto;margin-right:auto;
}
.feature-main :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary) > *,
.features-detailed :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary) > *{min-width:0;max-width:100%}
.feature-main :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary) p,
.features-detailed :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary) p{
  line-height:1.8;font-size:16px;overflow-wrap:normal;word-break:normal;
}
.feature-main :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary) h3,
.features-detailed :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary) h3{line-height:1.42;overflow-wrap:normal;word-break:normal}
.feature-main .section-intro{max-width:900px}
.feature-main .section-intro > p{max-width:800px;line-height:1.8}
.features-detailed > h2{max-width:900px;margin-left:auto;margin-right:auto}
.story{min-width:0}
.story > *{min-width:0}
.story p,.guide-highlight p,.feature-focus p,.features-context p{line-height:1.8}
@media (max-width:980px){
  .feature-main :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary),
  .features-detailed :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary){grid-template-columns:minmax(0,1fr);gap:35px;max-width:760px}
  .story{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
  .story-body{margin-left:0!important;margin-right:0!important;max-width:760px}
  .feature-main .section-intro{max-width:760px;margin-left:auto;margin-right:auto}
  .feature-main{padding:62px max(5%,26px)!important}
  .features-detailed .feature-main{padding:0!important}
  .feature-gallery .gallery-note{grid-template-columns:44px minmax(0,1fr)!important;gap:16px}
  .feature-ledger .ledger-row{grid-template-columns:54px minmax(0,1fr)!important}
  .guide-highlight{padding-top:62px!important;padding-bottom:62px!important}
}
@media (max-width:710px){
  .feature-main :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary),
  .features-detailed :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary){grid-template-columns:minmax(0,1fr)!important;max-width:none;gap:30px}
  .feature-main .section-intro{margin-left:0;margin-right:0}
  .feature-main{padding:52px 24px!important}
  .features-detailed .feature-main{padding:0!important}
  .feature-ledger .ledger-row{grid-template-columns:44px minmax(0,1fr)!important}
  .feature-gallery .gallery-note{grid-template-columns:44px minmax(0,1fr)!important}
  .features-detailed{padding-top:54px!important;padding-bottom:54px!important}
}

/* Intermediate desktop width: avoid a thin sidebar next to a huge empty area. */
@media (min-width:711px) and (max-width:1200px){
  .story{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
  .story-body{margin-left:0!important;margin-right:0!important;max-width:850px}
  .guide-highlight{text-align:left!important}
  .guide-highlight p{max-width:850px}
}