/* Article-only presentation; shop prices and checkout keep their existing flow. */
.rate-guide .guide-main{max-width:1060px}
.rate-guide .guide-hero{position:relative;overflow:hidden;padding:32px;background:radial-gradient(ellipse at 92% 0,#49437555,transparent 58%),linear-gradient(135deg,#182642,#1c1732);border-color:#55527d}
.rate-guide .rate-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;row-gap:8px;align-items:center}
.rate-guide .rate-hero-heading{grid-column:1;grid-row:1;align-self:end}
.rate-guide .rate-hero h1{font-size:clamp(30px,3.8vw,44px);line-height:1.35;margin-bottom:16px}
.rate-guide .rate-hero-body{grid-column:1;grid-row:2;align-self:start}
.rate-guide .rate-hero-body>p{line-height:1.85;color:#d6dff2;margin-top:0}
.rate-guide .rate-hero-body .guide-date{font-size:12px;color:#acbbd7;margin-top:20px}
.rate-guide .rate-hero .hero-actions{gap:12px}
.rate-guide .rate-hero .button{font-size:14px;min-height:48px}
.rate-guide .rate-hero-art{grid-column:2;grid-row:1/span 2;margin:0;min-width:0}
.rate-guide .rate-cover{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border:1px solid #72739544;border-radius:18px;box-shadow:0 18px 48px #0005}
.rate-guide .rate-hero-art figcaption{font-size:12px;color:#bfcce7;line-height:1.7;margin:14px 0 10px}
.rate-guide .rate-pass-links{display:grid;gap:8px}
.rate-guide .rate-pass-links a{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 10px;background:#151d32;border:1px solid #505976;border-radius:12px;text-decoration:none;font-weight:650;font-size:14px;color:#e8edfc;transition:background .15s,border-color .15s}
.rate-guide .rate-pass-links a:hover{background:#27365a;border-color:#8ba9e4}
.rate-guide .rate-pass-links img{width:36px;height:36px;flex:0 0 auto}
.rate-guide .rate-pass-arrow{margin-left:auto;color:#ffd15c}
.rate-guide .guide-toc{background:linear-gradient(125deg,#18233b,#191b32);border-color:#4a5576;padding:24px}
.rate-guide .guide-toc h2{margin-bottom:18px}
.rate-guide .guide-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;counter-reset:rate-toc}
.rate-guide .guide-toc li{counter-increment:rate-toc;min-width:0}
.rate-guide .guide-toc a{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:12px 14px;background:#121c30;border:1px solid #3f4d6d;border-radius:12px;text-decoration:none;color:#e2eafb;font-size:15px}
.rate-guide .guide-toc a:before{content:counter(rate-toc,decimal-leading-zero);display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border:1px solid #7969a3;border-radius:9px;background:#322449;color:#d2b9ff;font-weight:750;font-size:12px}
.rate-guide .guide-toc a:hover{background:#25324e;border-color:#8aa5d2}
.rate-guide .reading-section{max-width:960px}
.rate-guide #rate-example{padding:28px;border:1px solid #66607a;border-radius:22px;background:radial-gradient(ellipse at 10% 100%,#43332344,transparent 70%),#151d30}
.rate-guide .rate-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:24px}
.rate-guide .rate-example-card{min-width:0;padding:24px;border:1px solid #5d5579;border-radius:18px;background:linear-gradient(145deg,#2c2744,#161e30)}
.rate-guide .rate-example-card:nth-child(2){background:linear-gradient(145deg,#173b45,#161e30);border-color:#386879}
.rate-guide .rate-example-card .rate-example-label{display:inline-block;margin:0 0 16px;padding:4px 9px;border:1px solid #817095;border-radius:7px;font-size:12px;color:#ded0ef;line-height:1.5}
.rate-guide .rate-example-card h3{display:flex;align-items:baseline;gap:8px;margin:0 0 12px;font-size:18px;line-height:1.4}
.rate-guide .rate-example-card h3 span{font-size:32px;color:#f7ecff}
.rate-guide .rate-equation{margin:0 0 12px;color:#c5d3ea;font-size:16px;font-variant-numeric:tabular-nums}
.rate-guide .rate-equation span{white-space:nowrap}
.rate-guide .rate-example-total{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;margin:0;line-height:1.3}
.rate-guide .rate-example-total strong{color:#ffcf5b;font-size:clamp(36px,4.6vw,52px);line-height:1.3;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.rate-guide .rate-example-total small{flex-basis:100%;font-size:13px;color:#b8cde4}
.rate-guide .rate-example-total>span{color:#e1e9f7;font-size:18px}
.rate-guide .rate-example-card .rate-example-unit{margin:14px 0 0;font-size:13px;line-height:1.7;color:#becde2}
.rate-guide .faq details{border-color:#46516d}
@media(max-width:900px){
  .rate-guide .guide-hero{padding:24px}
  .rate-guide .rate-hero{grid-template-columns:minmax(0,1fr);gap:12px}
  .rate-guide .rate-hero-heading{grid-column:1;grid-row:1}
  .rate-guide .rate-hero-art{grid-column:1;grid-row:2}
  .rate-guide .rate-hero-body{grid-column:1;grid-row:3}
  .rate-guide .rate-cover{max-width:620px;margin-inline:auto}
  .rate-guide .rate-pass-links{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rate-guide .rate-pass-links a{flex-direction:column;justify-content:center;text-align:center;gap:6px;padding:10px 6px;font-size:12px}
  .rate-guide .rate-pass-arrow{display:none}
  .rate-guide .rate-hero-body{margin-top:12px}
}
@media(max-width:600px){
  .rate-guide .guide-hero{padding:22px 18px}
  .rate-guide .rate-hero h1{font-size:30px;margin-bottom:6px}
  .rate-guide .guide-toc{padding:20px 16px}
  .rate-guide .guide-toc ol{grid-template-columns:minmax(0,1fr)}
  .rate-guide .guide-toc a{font-size:15px;min-height:56px;padding:10px}
  .rate-guide #rate-example{padding:22px 16px}
  .rate-guide .rate-examples{grid-template-columns:minmax(0,1fr);gap:12px}
  .rate-guide .rate-example-card{padding:20px}
  .rate-guide .rate-example-total strong{font-size:44px}
}
@media(prefers-reduced-motion:reduce){.rate-guide .rate-pass-links a{transition:none}}