:root{
  --format-navy:#0f223f;
  --format-ink:#24324a;
  --format-amber:#c98c35;
  --format-cream:#fffaf1;
  --format-line:rgba(15,34,63,.14);
  --format-jade:#5f8277;
}

.format-page .guide-page--article{
  width:min(calc(100% - 48px),1220px);
}

.format-page .guide-article__body{
  gap:clamp(42px,6vw,76px);
}

.format-page .guide-article__hero{
  grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);
  padding-block:clamp(38px,5vw,72px);
}

.format-page .guide-article__hero h1{
  max-width:13em;
  font-size:clamp(40px,4.8vw,68px);
}

.format-hero__media{
  aspect-ratio:1693/929;
  border-radius:28px 6px 28px 6px;
  background:#d8c6a9;
}

.format-hero__media::after{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(255,250,241,.6);
  border-radius:20px 3px 20px 3px;
  pointer-events:none;
}

.format-hero__media img{
  object-fit:cover;
}

.format-verdict{
  position:relative;
  overflow:hidden;
  padding:clamp(27px,4vw,42px);
  border:1px solid rgba(201,140,53,.34);
  border-radius:26px 8px 26px 8px;
  background:
    linear-gradient(135deg,rgba(255,250,241,.97),rgba(239,226,203,.9));
  box-shadow:0 22px 50px rgba(15,34,63,.09);
}

.format-verdict::after{
  content:"=";
  position:absolute;
  right:24px;
  top:-25px;
  color:rgba(201,140,53,.12);
  font-family:Georgia,serif;
  font-size:150px;
  font-weight:700;
  line-height:1;
}

.format-verdict h2{
  max-width:20em;
}

.format-verdict h2::before{
  display:none!important;
}

.format-verdict__label{
  color:#a76221!important;
  font-size:12px!important;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.format-equation{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  align-items:stretch;
  gap:12px;
  margin-top:10px;
}

.format-equation__item{
  display:grid;
  align-content:center;
  min-height:112px;
  padding:18px;
  border:1px solid var(--format-line);
  border-radius:16px;
  background:rgba(255,255,255,.6);
  text-align:center;
}

.format-equation__item strong{
  color:var(--format-navy);
  font-family:Georgia,"Noto Serif TC","Songti TC",serif;
  font-size:20px;
}

.format-equation__item span{
  margin-top:7px;
  color:#647087;
  font-size:12px;
  line-height:1.55;
}

.format-equation__symbol{
  align-self:center;
  color:var(--format-amber);
  font-family:Georgia,serif;
  font-size:28px;
}

.format-proof-note{
  padding:22px 24px;
  border:1px solid rgba(95,130,119,.28);
  border-radius:8px 22px 8px 22px;
  background:linear-gradient(135deg,rgba(237,246,241,.9),rgba(255,250,241,.88));
}

.format-proof-note strong{
  color:#365b51;
}

.format-proof-note p{
  margin-top:8px;
}

.format-compare{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  overflow:hidden;
  border:1px solid var(--format-line);
  border-radius:24px 8px 24px 8px;
  background:var(--format-line);
  box-shadow:0 18px 44px rgba(15,34,63,.08);
}

.format-compare__column{
  display:grid;
  align-content:start;
  gap:0;
  background:rgba(255,250,241,.94);
}

.format-compare__head{
  padding:22px 24px;
  color:#fff;
  background:var(--format-navy);
}

.format-compare__column:last-child .format-compare__head{
  background:#8e632e;
}

.format-compare__head small{
  display:block;
  margin-bottom:6px;
  color:rgba(255,255,255,.68);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
}

.format-compare__head h3{
  color:inherit;
  font-family:Georgia,"Noto Serif TC","Songti TC",serif;
  font-size:25px;
}

.format-compare__row{
  display:grid;
  gap:6px;
  min-height:112px;
  padding:20px 24px;
  border-bottom:1px solid var(--format-line);
}

.format-compare__row:last-child{
  border-bottom:0;
}

.format-compare__row strong{
  color:var(--format-navy);
  font-size:14px;
}

.format-compare__row span{
  color:#59657a;
  font-size:14px;
  line-height:1.75;
}

.format-advantage-grid{
  counter-reset:benefit;
}

.format-advantage-grid .guide-article__card{
  position:relative;
  padding-top:58px;
}

.format-advantage-grid .guide-article__card::before{
  counter-increment:benefit;
  content:"0" counter(benefit);
  position:absolute;
  top:20px;
  left:22px;
  color:var(--format-amber);
  font-family:Georgia,serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.1em;
}

.format-page .guide-article__section--wide{
  width:min(100%,980px);
}

.format-sources{
  padding-top:32px;
  border-top:1px solid var(--format-line);
}

.format-disclosure{
  padding:16px 18px;
  border-left:3px solid var(--format-amber);
  background:rgba(255,250,241,.72);
  color:#5b6473!important;
  font-size:13px!important;
}

.format-sources ol{
  padding-left:22px;
}

.format-sources li{
  margin-bottom:12px;
  color:#536076;
  font-size:13px;
  line-height:1.75;
}

.format-sources a{
  color:#294f75;
  text-decoration-color:rgba(41,79,117,.35);
  text-underline-offset:3px;
}

.format-citation{
  font-size:.76em;
  vertical-align:super;
}

.format-citation a{
  color:#9d5f22;
  font-weight:800;
  text-decoration:none;
}

@media (max-width:900px){
  .format-page .guide-article__hero{
    grid-template-columns:1fr;
  }

  .format-hero__media{
    grid-row:2;
  }
}

@media (max-width:680px){
  .format-page .guide-page--article{
    width:min(calc(100% - 28px),1220px);
  }

  .format-page .guide-article__hero{
    gap:28px;
    padding-block:32px;
  }

  .format-page .guide-article__hero h1{
    font-size:clamp(36px,11vw,49px);
  }

  .format-hero__media{
    aspect-ratio:4/3;
    border-radius:18px 4px 18px 4px;
  }

  .format-equation{
    grid-template-columns:1fr;
  }

  .format-equation__symbol{
    justify-self:center;
    transform:rotate(90deg);
  }

  .format-compare{
    grid-template-columns:1fr;
  }

  .format-compare__row{
    min-height:0;
  }

  .format-verdict::after{
    right:10px;
    font-size:110px;
  }
}

@media (prefers-reduced-motion:reduce){
  .format-page *,
  .format-page *::before,
  .format-page *::after{
    scroll-behavior:auto!important;
    transition:none!important;
  }
}