/* base.css — the parts of styles.css used by the Tracing / Get Ready pages (fonts, variables, reset). Generated from styles.css. */
@font-face { font-family: "Poppins"; src: url("../fonts/poppins-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/poppins-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/poppins-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "DM Serif Display"; src: url("../fonts/dmserif-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "DM Serif Display"; src: url("../fonts/dmserif-400i.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
:root{--chunri: #D81B60;
--chunri-top: #E2246E;
--chunri-deep: #8E1030;
--maroon: #7A1F2B;
--maroon-deep: #5C1420;
--saffron: #F28C28;
--marigold: #F6B93B;
--gold: #E2B13C;
--leaf: #3E7C47;
--peacock: #1E88A8;
--cream: #FFF8EC;
--paper: #FFFDF8;
--sand: #FDEBD0;
--ink: #3A2A22;
--muted: #6E5A4E;
--serif: "DM Serif Display", Georgia, "Times New Roman", serif;
--sans: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
--wrap: 1120px;
--gutter: clamp(1.1rem, 4vw, 2rem);
--sec-pad: clamp(3.25rem, 8vw, 5.75rem);
--sticky-h: 0px;}
*, *::before, *::after{box-sizing: border-box;}
html{-webkit-text-size-adjust: 100%; scroll-behavior: smooth;}
body{margin: 0;
font-family: var(--sans);
font-size: 1.0625rem;
line-height: 1.65;
color: var(--ink);
background: var(--cream);
padding-bottom: var(--sticky-h);}
img{max-width: 100%; height: auto; display: block;}
h1, h2, h3{margin: 0;}
p{margin: 0 0 1em;}
ul{margin: 0; padding: 0;}
a{color: var(--maroon);}
button{font: inherit;}
:focus-visible{outline: 3px solid var(--peacock); outline-offset: 3px; border-radius: 6px;}
body{--sticky-h: 76px;}
@media (prefers-reduced-motion: no-preference){@keyframes cover-in { from { opacity: 0; transform: translateY(18px) rotate(0deg); } }@keyframes page-in { from { opacity: 0; transform: translateX(-30px) rotate(0deg); } }}
@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}}
@media (min-width: 900px){body{--sticky-h: 0px;}}
@media (prefers-reduced-motion: no-preference){@keyframes petal-fall {
0%   { transform: translate(0, 0) rotate(0deg); opacity: 0; }
8%   { opacity: .7; }
100% { transform: translate(var(--dx), 900px) rotate(540deg); opacity: .15; }
}@keyframes cover-float {
0%, 100% { transform: rotate(3deg) translateY(0); }
50%      { transform: rotate(3deg) translateY(-8px); }
}@keyframes cta-glow {
0%, 60%, 100% { box-shadow: 0 4px 0 #C8871C, 0 10px 22px rgba(92,20,32,.22), 0 0 0 0 rgba(246,185,59,0); }
75%           { box-shadow: 0 4px 0 #C8871C, 0 10px 22px rgba(92,20,32,.22), 0 0 0 12px rgba(246,185,59,.32); }
}@keyframes ticker-move { to { transform: translateX(-50%); } }@keyframes slow-zoom { from { transform: scale(1); } to { transform: scale(1.08); } }}
[hidden]{display: none !important;}
@media (prefers-reduced-motion: no-preference) and (max-width: 767px){@keyframes buy-glow { 0%,100% { box-shadow: 0 3px 0 #C8871C, 0 0 0 0 rgba(246,185,59,.0); } 50% { box-shadow: 0 3px 0 #C8871C, 0 0 0 6px rgba(246,185,59,.35); } }}
@media (prefers-reduced-motion: no-preference){@keyframes hint-pulse { 0%,100% { box-shadow: 0 6px 18px rgba(60,0,20,.35), 0 0 0 0 rgba(216,27,96,.0); } 50% { box-shadow: 0 6px 18px rgba(60,0,20,.35), 0 0 0 8px rgba(216,27,96,.25); } }}
@media (prefers-reduced-motion: no-preference) and (max-width: 899px){@keyframes swipe-nudge { 0%,100% { transform: translateX(0); } 50% { transform: translateX(6px); } }}
s[data-mrp]{text-decoration: line-through; text-decoration-color: #D7192F; text-decoration-thickness: 2.5px;}
@media (prefers-reduced-motion: no-preference){@keyframes ring-pulse { 0%, 100% { opacity: 0; transform: scale(.97); } 50% { opacity: 1; transform: scale(1); } }}
@media (prefers-reduced-motion: no-preference){@keyframes cover-bob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -8px; } }}
html{scroll-padding-top: 70px;}
@media print{body{background: #fff !important; color: #000; font-size: 11pt;}footer, [data-buy]{display: none !important;}a{color: #000; text-decoration: none;}}