/* Classic atlas skin. Original grid, sizes, section order and motion hooks are retained. */
h1,h2,h3,.pname,.price,.stat strong{font-weight:700}
.btn{font-family:var(--body);font-weight:800;letter-spacing:.06em;border-width:1px;border-radius:3px}
.stat,.pain,.callout,.shot,.a4,.use,.bonus,.guar,.plan,.tcard,.qa,.creds li{border-radius:3px;border-width:1px}
.vsl{border-radius:3px;border-width:1px;background:var(--paper)}
.check,.pill{border-width:1px;border-radius:3px}
.grid-bg{opacity:.4;background-image:linear-gradient(rgba(20,40,59,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(20,40,59,.045) 1px,transparent 1px);background-size:44px 44px}
.h1 .hi{color:var(--coral)}
.note,.tag,.tcard .date,.avatar .yrs,.final .badges span{font-style:italic}
.tape{background:rgba(209,181,118,.6)}
.doodle{font-family:Georgia,serif;color:var(--muted);filter:none}
.atlas-cover video{object-fit:cover;cursor:default}
.topbar{letter-spacing:.08em;text-transform:uppercase}
.bonus img{object-fit:cover;border-radius:2px}
.stars{color:var(--yellow);-webkit-text-stroke:0}
.tcard q::before,.tcard q::after{content:none}
.tcard .stars{font-size:18px}
.docx{font-family:var(--body)}
[aria-disabled=true]{cursor:not-allowed}

.atlas-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.step .shot,.step .shot img,.bonus img{border-radius:3px}
.step .shot,.bonus img,.plan.best{border-width:1px}
.step .shot img{object-fit:contain;background:var(--paper)}
.bonus{box-shadow:4px 4px 0 var(--ink)}
html{overflow-x:clip}
.bonus .old{text-decoration:none;font-weight:600}
.hero .vsl.atlas-cover{aspect-ratio:4/3;max-width:560px;box-shadow:0 8px 24px #14283b24}
.hero .atlas-cover>img{object-fit:contain}

/* Country-page previews: two quiet, browsable shelves of actual atlas artwork. */
.atlas-showcase{overflow:hidden;padding-block:40px;scroll-margin-top:48px}
.atlas-showcase>.wrap{max-width:760px}
.atlas-showcase>.wrap>.sub{max-width:460px;margin-bottom:22px}
.atlas-carousel{text-align:center;margin:22px auto 0;min-width:0;max-width:720px}
.atlas-row-stage{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:12px;align-items:center}
.atlas-row-stage>.atlas-arrow{transform:translateY(-24px)}
.atlas-arrow{width:36px;height:36px;display:grid;place-items:center;border:1px solid #c9b995;background:var(--white);border-radius:50%;font-size:20px;line-height:1;cursor:pointer;transition:background .2s,color .2s}
.atlas-arrow:hover{background:var(--ink);color:var(--white)}
.atlas-arrow:focus-visible,.atlas-page-button:focus-visible,.atlas-motion:focus-visible,.atlas-dialog-close:focus-visible{outline:2px solid var(--coral);outline-offset:4px}
.atlas-track{display:flex;gap:14px;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 2px 10px;-webkit-overflow-scrolling:touch}
.atlas-track::-webkit-scrollbar{display:none}
.atlas-card{margin:0;flex:0 0 calc((100% - 28px)/3);min-width:0;scroll-snap-align:start}
.atlas-page-button{display:block;width:100%;padding:0;position:relative;border:1px solid #d5c4a3;border-radius:2px;background:var(--white);box-shadow:0 3px 8px #14283b0d;cursor:pointer;overflow:hidden;transition:box-shadow .25s}
.atlas-page-button:hover{box-shadow:0 5px 12px #14283b1a}
.atlas-page-button img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}
.atlas-card figcaption{padding:9px 1px 0}
.atlas-card figcaption strong{display:block;font-family:var(--title);font-size:14px;line-height:1.35;margin-bottom:3px}
.atlas-card figcaption span{display:block;font-size:12px;line-height:1.4;color:var(--ink-soft);max-width:230px;margin-inline:auto}
.atlas-gallery-foot{display:flex;justify-content:center;align-items:center;gap:16px;max-width:624px;margin:14px auto 0;padding-top:8px;color:var(--ink-soft);font-size:11px}
.atlas-motion{background:none;border:0;border-bottom:1px solid currentColor;color:var(--ink-soft);font:inherit;white-space:nowrap;cursor:pointer}
.atlas-dialog{margin:auto;padding:0;border:1px solid #d5c4a3;border-radius:3px;background:var(--paper);color:var(--ink);width:min(850px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
.atlas-dialog::backdrop{background:#102332c9;backdrop-filter:blur(5px)}
.atlas-dialog-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 20px;background:#fffcf5f7;border-bottom:1px solid #d5c4a3}
.atlas-dialog-bar h3{font-size:19px;margin:0 0 3px}
.atlas-dialog-bar p{font-size:12px;line-height:1.4;color:var(--ink-soft)}
.atlas-dialog-close{background:none;border:0;cursor:pointer;flex-shrink:0;font-size:30px;width:32px;height:32px;line-height:1}
.atlas-dialog-image{width:100%;height:auto}
.atlas-dialog-foot{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:15px}
.atlas-fullsize{color:var(--ink);font-size:13px;text-underline-offset:3px}
body.atlas-preview-open{overflow:hidden}
@media(max-width:600px){
 .atlas-carousel{max-width:340px;margin-top:20px}
 .atlas-row-stage{gap:8px}
 .atlas-card{flex-basis:100%;max-width:none}
 .atlas-track{gap:14px;margin-right:0;padding-right:2px;scroll-padding-right:2px}
 .atlas-gallery-foot{justify-content:center;gap:20px}
 .atlas-dialog-bar{padding:12px}
 .atlas-dialog-bar p{max-width:260px}
}
@media(prefers-reduced-motion:reduce){.atlas-page-button:hover{transform:none}}

/* Confirmed prices, full Complete Plan details, quieter Basic Plan. */
.bonus .old{text-decoration:line-through;text-decoration-thickness:1px;font-weight:600}
.bonus .stamp{font-family:var(--body);font-size:12px;font-weight:800;letter-spacing:.03em;border-width:1px;border-radius:2px;padding:2px 8px}
.total .bonus-value{display:block;font-size:15px;font-weight:600;margin-bottom:7px}
.total .bonus-value del{text-decoration-thickness:1px}
.total strong{font-size:28px;margin-bottom:5px}
.total>span:last-child{display:block;font-size:14px;font-weight:600}
.plans{gap:34px}
.plan:not(.best){order:1;background:transparent;border:1px solid #d8cebd;box-shadow:none;padding:22px 20px}
.plan:not(.best) .pname{font-size:23px;color:var(--ink-soft)}
.plan:not(.best) .price span{font-size:48px}
.plan:not(.best) .btn{box-shadow:none;border-color:#b7b0a4;background:transparent;color:var(--ink-soft);padding:15px 20px}
.plan:not(.best) .feat,.plan:not(.best) .pdesc{color:var(--ink-soft)}
.plan.best{order:2}
.plan .price .price-amount{display:inline-flex;align-items:flex-start;gap:1px}
.plan .price span.price-cents{font-size:.45em;letter-spacing:0;line-height:1.2;margin-top:.13em}
.plan.best .was{margin-top:14px;margin-bottom:8px;font-size:14px;font-weight:600}
.bundle-value{text-decoration:line-through;text-decoration-thickness:1px}

/* Reader reviews: simple ratings, reviewer details and the original wording. */
.atlas-reviews{scroll-margin-top:48px}
.atlas-reviews .tslider{align-items:stretch;padding-top:12px}
.atlas-reviews .tcard{background:var(--white);transform:none;border:1px solid #d7cbb6;border-radius:3px;box-shadow:0 3px 10px #14283b0b;padding:20px 18px;display:flex;flex-direction:column}
.review-rating{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;line-height:1.3}
.review-stars{color:#b48b32;letter-spacing:1px;font-size:17px;white-space:nowrap}
.review-rating strong{font-size:12px;font-weight:800}
.atlas-reviews .who{margin-bottom:12px}
.atlas-reviews .who b{font-size:14px;margin-bottom:4px}
.atlas-reviews .who span{display:block;font-size:12px;font-weight:500;line-height:1.4}
.atlas-reviews .tcard q{font-size:14px;line-height:1.65;font-weight:400;margin:0;color:var(--ink-soft)}
.review-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:4px}
.review-controls .dots{gap:7px}

/* Limited-time offer bar. */
.topbar{background:#A52A26;color:#fff;text-transform:none;letter-spacing:0}
.topbar .timer{background:transparent;color:#fff;padding:0;font:inherit;font-weight:900}
.case-showcase {
  background: #171413;
  color: #fff6e7;
}
.case-showcase .h2 { color: inherit; }
.case-showcase .h2 em { color: #efbd70; font-style: normal; }
.case-shelf { max-width: 680px; margin: 36px auto 0; }
.case-shelf h3 {
  font: 800 clamp(20px, 4vw, 30px)/1.2 var(--body);
  margin: 0 0 12px;
}
.case-shelf .atlas-row-stage { display: block; position: relative; container-type: inline-size; }
.case-shelf .atlas-track {
  --card-width: clamp(140px, 58cqw, 270px);
  padding: 12px max(0px, calc((100% - var(--card-width)) / 2)) 16px;
  scroll-padding: 0;
}
.case-shelf .atlas-card {
  flex: 0 0 var(--card-width);
  scroll-snap-align: center;
}
.case-shelf .atlas-page-button {
  border-radius: 10px;
  border-color: #9e8064;
  background: #29201b;
  opacity: .56;
  transform: scale(.88);
  transition: opacity .24s, transform .24s;
}
.case-shelf .is-current .atlas-page-button,
.case-shelf .atlas-page-button:focus-visible { opacity: 1; transform: scale(1); }
.case-shelf .atlas-page-button img { display: block; object-fit: cover; }
.case-shelf .atlas-arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.case-shelf [data-move="-1"] { left: 6px; }
.case-shelf [data-move="1"] { right: 6px; }
.case-showcase .more-classics { margin-top: 36px; color: #221a15; }
@media (prefers-reduced-motion: reduce) {
  .case-shelf .atlas-page-button { transition: none; }
}
.grade-levels {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 18px;
  margin: 24px auto 0;
  max-width: 760px;
  text-align: left;
}
.grade-level {
  background: #faf2e2;
  border: 1px solid #d6c1a0;
  border-top: 4px solid #8b261f;
  padding: 22px;
}
.grade-level h3 { font: 800 24px/1.2 var(--title); margin: 0 0 5px; }
.grade-level .grade-range { color: #8b261f; font-weight: 800; margin: 0 0 12px; }
.grade-level p:last-child { margin: 0; }
.bonus-list .bonus {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(18px, 4vw, 36px);
  align-items: center;
  padding: clamp(14px, 3vw, 24px);
}
.bonus-list .bonus img { width: 100%; height: auto; max-width: none; aspect-ratio: 1; }
.bonus-list .bonus .old {
  color: #a52220;
  font-size: clamp(21px, 4vw, 28px);
  font-weight: 900;
  text-decoration: line-through;
  text-decoration-thickness: 2px;
}
.bonus-list .bonus .stamp { background: #8b261f; color: #fff8eb; padding: 5px 9px; }
@media (max-width: 620px) {
  .bonus-list .bonus { grid-template-columns: 1fr; }
}