/* johto.data offers + order pages (Team 6 M0 patch). Loaded only on /offers/* and /order/. */
.offers-nav{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}
.offers-nav a{display:inline-block;padding:8px 10px;font-size:.92rem;color:var(--fg);border-radius:var(--pill);white-space:nowrap}
.offers-nav a:hover{background:var(--laser-50);text-decoration:none}
.offers-nav a[aria-current="page"]{background:var(--laser-100);color:var(--laser-ink-2);font-weight:600}
.offers-hero{padding:56px 0 32px}
.offers-hero h1{font-size:clamp(2rem,4.6vw,3.1rem)}
.offers-hero .lede{max-width:760px;font-size:1.1rem;color:var(--muted)}
.offer-list{display:grid;gap:20px;padding:40px 20px}
.offer{display:block}
.offer-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-start}
.offer-price{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.offer-price .price{font-size:2rem;font-weight:800;letter-spacing:-.02em}
.plan-card .offer-price{align-items:flex-start;text-align:left;margin-bottom:8px}
.small{font-size:.88rem}
.sample{margin:12px 0 4px}
.sample-scroll{overflow-x:auto;border:1px solid var(--line-2);border-radius:12px;background:#fff}
.sample-scroll .samples-table{margin:0;font-size:.82rem;min-width:640px}
.sample-scroll th{background:var(--laser-50);white-space:nowrap}
.run-cite{font-size:.82rem;color:var(--muted);margin:8px 0 0}
.run-cite code{font-family:var(--mono);background:var(--laser-50);padding:1px 6px;border-radius:6px;color:var(--fg)}
.buy-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.order-alt{font-size:.85rem;color:var(--muted);margin:8px 0 0}
.mt8{margin-top:8px}
.offer-plans{padding:40px 0 0}
.offer-plans .card{display:flex;flex-direction:column}
.offer-plans .buy-row{margin-top:auto;padding-top:12px;flex-direction:column}
.offer-plans .buy-row .btn{text-align:center;justify-content:center}
.fineprint{margin-bottom:40px}
.offer .plans{margin:16px 0}
.offer .plans-1{grid-template-columns:minmax(0,360px)}
.offer-type{display:block;color:var(--fg)}
.offer-type:hover{text-decoration:none;border-color:var(--laser)}
.offer-type .price{font-size:1.7rem;font-weight:800}
.alt>.wrap>.grid.g3{padding:40px 0}
.how{padding:40px 20px 56px}
.steps-list{padding-left:20px;max-width:760px}
.steps-list li{margin-bottom:8px}
.order-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:40px 20px}
.order-form .field{margin-bottom:14px}
.order-form label{display:block;font-weight:600;font-size:.92rem;margin-bottom:6px}
.order-form input,.order-form select,.order-form textarea{width:100%;font:inherit;padding:10px 12px;border:1px solid var(--line-2);border-radius:10px;background:#fff;color:var(--fg)}
.order-links{list-style:none;padding:0;margin:0 0 16px}
.order-links li{padding:6px 0;border-bottom:1px solid var(--line)}
.order-links .mono{font-size:.78rem}
@media (max-width:820px){.order-grid{grid-template-columns:1fr}.offer-price{align-items:flex-start;text-align:left}.offers-hero{padding:36px 0 20px}}
.offer .plans-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:820px){.offer .plans,.offer .plans-2,.offer .plans-1{grid-template-columns:1fr}}