.content-toc { display:flex; flex-wrap:wrap; gap:10px; padding:18px; border:1px solid var(--line); border-radius:15px; background:#fffaf4; margin-bottom:45px; }
.content-toc a { padding:8px 12px; font-size:13px; border-radius:8px; background:#f0e5d9; color:#69371f; }
.content-toc a:hover { background:#ff650f; color:#231c19; }
.content-section { padding:32px 0; scroll-margin-top:24px; }.content-section>h2 { font-size:clamp(27px,3vw,38px); margin:12px 0 24px; letter-spacing:-1px; }.content-section>p { max-width:900px; color:var(--muted); margin:14px 0; }
.learning-card h3 { font-size:23px; margin:0 0 16px; }.learning-card p+p { margin-top:12px; }
.editorial-columns { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin:22px 0; }.editorial-columns article { border-top:3px solid #ff650f; padding:24px; border-radius:0 0 15px 15px; background:#fffaf4; }.editorial-columns h3 { font-size:24px; margin-bottom:18px; }.editorial-columns p { color:var(--muted); margin:14px 0; }
.source-note { font-size:13px; color:var(--muted); margin:18px 0; }.source-note a { text-decoration:underline; text-underline-offset:3px; }
.action-list { padding-left:25px; max-width:900px; }.action-list li { padding:14px 8px; border-bottom:1px solid var(--line); color:var(--muted); }.action-list strong { color:var(--text); }.page-panel .page-link { color:#ffbc8a; }.page-panel h3 { font-size:27px; margin-bottom:16px; }
.impact-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:30px 0; }.impact-stat { background:#2b201a; color:#fffaf4; padding:28px; border-radius:16px; display:flex; flex-direction:column; gap:12px; }.impact-stat strong { font-size:37px; color:#ff944f; }.impact-stat span { font-size:14px; }
.impact-criteria { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:25px 0; }.impact-percent { font-size:34px; color:#ad4a1e; }
.routine-context { padding:30px; border:1px solid var(--line); border-left:4px solid #ff650f; border-radius:16px; background:#fffaf4; }.routine-context h2 { font-size:26px; margin:14px 0; }.routine-context p { margin:14px 0; }.routine-context-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px 25px; font-size:14px; }
.checkout-layout { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr); gap:30px; padding-bottom:50px; align-items:start; }.checkout-form { padding:30px; border:1px solid var(--line); border-radius:18px; background:#fffaf4; }.checkout-form h2 { font-size:27px; margin-bottom:22px; }.checkout-fields { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.checkout-fields label { display:flex; flex-direction:column; gap:8px; font-size:14px; }.checkout-fields .full { grid-column:1/-1; }
.checkout-fields input,.checkout-fields select,.checkout-fields textarea { width:100%; padding:12px; border:1px solid #c9b8a8; border-radius:9px; background:white; color:#231c19; font:inherit; min-height:44px; }.checkout-fields input:focus-visible,.checkout-fields textarea:focus-visible,.payment-option:focus-within { outline:3px solid #ff650f; outline-offset:2px; }.checkout-fields small { color:var(--muted); }
.checkout-progress { display:flex; gap:15px; padding:0; margin:0 0 28px; list-style:none; }.checkout-progress li { flex:1; padding:12px 8px; border-bottom:3px solid var(--line); color:var(--muted); font-size:14px; }.checkout-progress [aria-current="step"] { border-color:#ff650f; color:#8e3916; font-weight:700; }
.payment-options { display:grid; grid-template-columns:1fr 1fr; gap:15px; border:0; padding:0; }.payment-options legend { margin-bottom:20px; }.payment-option { display:flex; align-items:start; gap:12px; padding:22px 18px; border:1px solid #c9b8a8; border-radius:12px; cursor:pointer; }.payment-option:has(input:checked) { border-color:#ff650f; background:#fff0e3; }.payment-option input { margin-top:5px; accent-color:#d34b0e; }.payment-option strong { display:block; font-size:18px; }.payment-option small { display:block; color:var(--muted); margin-top:8px; }
.checkout-controls { display:flex; flex-wrap:wrap; gap:16px; margin-top:30px; }.checkout-controls button { cursor:pointer; }.checkout-controls button:disabled { opacity:.5; cursor:default; }.checkout-note { padding:15px; margin:18px 0; border-radius:10px; background:#f0e5d9; font-size:13px; color:#69371f; }
.checkout-review { border:1px solid var(--line); padding:20px; border-radius:12px; margin:20px 0; }.checkout-review p { margin:10px 0; }.checkout-confirm { display:flex; align-items:flex-start; gap:12px; font-size:14px; }.checkout-confirm input { margin-top:4px; accent-color:#d34b0e; }
.checkout-order { padding:35px; margin:20px 0 50px; border:1px solid var(--line); border-top:4px solid #ff650f; border-radius:18px; background:#fffaf4; }.checkout-order h2 { font-size:30px; margin-bottom:20px; }.checkout-order p { margin:12px 0; }.checkout-order ul { padding-left:22px; }.checkout-order li { margin:14px 0; }.cart-summary .page-link { color:#ffbc8a; display:block; margin-top:20px; }.cart-summary [aria-disabled="true"] { opacity:.45; pointer-events:none; }
[hidden] { display:none !important; }
@media(max-width:900px) { .checkout-layout { grid-template-columns:1fr; }.impact-criteria { grid-template-columns:1fr 1fr; } }
@media(max-width:650px) { .editorial-columns,.impact-summary,.impact-criteria,.routine-context-grid,.checkout-fields,.payment-options { grid-template-columns:1fr; }.checkout-form,.routine-context,.checkout-order { padding:22px; }.checkout-progress { gap:7px; }.checkout-progress li { font-size:12px; }.content-toc { padding:12px; }.checkout-fields .full { grid-column:auto; }.checkout-controls>* { width:100%; }.impact-stat strong { font-size:30px; } }