@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
/* Public reading system v5: dark navigation, pale reading surface, predictable article hierarchy. */
:root{color-scheme:dark;--ink:#12181A;--raised:#1b2823;--line:#33403F;--ball:#9CBF8A;--text:#F1F5F2;--muted:#AFBFBA;--paper:#eef1e8;--paper-ink:#1b3027;--paper-muted:#46594c;--paper-line:#cad4c7;--paper-link:#245c40}*{box-sizing:border-box}html{background:var(--ink);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.8;scroll-behavior:smooth}body{margin:0}a{color:var(--ball);text-underline-offset:4px;overflow-wrap:anywhere}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible,button:focus-visible,.table-scroll:focus-visible{outline:2px solid var(--ball);outline-offset:4px}.skip-link{position:absolute;left:12px;top:-100px;padding:12px;background:var(--raised);z-index:10}.skip-link:focus{top:12px}.content-header{max-width:1120px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{font:700 25px 'Space Grotesk',system-ui,sans-serif;text-decoration:none;color:var(--text)}.brand span{color:var(--ball)}.content-header nav{display:flex;gap:28px}.content-header nav a{font-size:13px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.content-header nav a[aria-current]{text-decoration:underline}.reading{max-width:1120px;margin:auto;padding:22px 28px 28px}.breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:11px;line-height:1.7}.breadcrumbs>a{display:inline-flex;align-items:center;min-height:36px}.article-intro{padding:24px 0 30px;max-width:850px}.article-intro h1{font:500 clamp(38px,5.5vw,64px)/1.09 'Space Grotesk',system-ui,sans-serif;letter-spacing:-1.5px;margin:14px 0 22px}.article-intro .lead{font-size:19px;line-height:1.8;color:#c5d1c8;max-width:780px;margin:0 0 20px}.eyebrow{color:var(--ball);font-size:10px;letter-spacing:1.5px;font-weight:600;line-height:1.7;margin:0}.byline{color:var(--muted);font-size:11px;line-height:1.8;margin:0}.byline a{color:var(--muted)}.article-grid.has-toc{display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px;align-items:start}.article-toc{position:sticky;top:28px;padding-top:14px}.article-toc>p{font-size:9px;font-weight:600;letter-spacing:1.5px;color:var(--ball);margin:0 0 14px}.article-toc nav{display:flex;flex-direction:column;gap:4px}.article-toc a{font-size:12px;line-height:1.7;padding:8px 0;color:#afbfba;text-decoration:none;border-bottom:1px solid #33403f88}.article-toc a:hover{color:var(--ball)}.article-body{min-width:0;padding:32px 38px;background:var(--paper);color:var(--paper-ink);border-radius:16px;color-scheme:light}.article-body h2{font:500 28px/1.3 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.5px;margin:38px 0 16px;color:var(--paper-ink);scroll-margin-top:24px}.article-body h2:first-child{margin-top:0}.article-body h3{font:600 19px/1.4 'Space Grotesk',sans-serif;color:var(--paper-ink)}.article-body p,.article-body li{font-size:16px;line-height:1.95;color:var(--paper-muted)}.article-body p{margin:14px 0 20px}.article-body li{margin:0 0 14px}.article-body ul,.article-body ol{padding-left:24px}.article-body strong{color:var(--paper-ink)}.article-body a{color:var(--paper-link)}.article-body :focus-visible{outline-color:var(--paper-link)}.quick-answer{padding:20px 22px;margin:0 0 28px;background:#dfe9d7;border-radius:10px;border-left:3px solid #73986c}.quick-answer .answer-label{font-size:9px;font-weight:700;letter-spacing:1.2px;color:#35523c;margin:0 0 9px}.quick-answer>p:last-child{font-size:15px;line-height:1.85;margin:0}.callout{padding:14px 0 14px 20px;border-left:3px solid #8aa77b;font-size:13px!important;line-height:1.85!important}.source-note{padding:22px;background:#e1e8db;border-radius:10px;margin-top:30px}.source-note h2{margin:0 0 14px;font-size:23px}.source-note p{font-size:14px}.table-scroll{overflow:auto;margin:24px 0;border:1px solid var(--paper-line);border-radius:9px}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left;line-height:1.8}th,td{padding:12px 15px;border-bottom:1px solid var(--paper-line);vertical-align:top}th{color:#24452f;font-weight:600}td{color:var(--paper-muted)}caption{text-align:left;padding:12px 15px;font-size:12px;color:#46594c;background:#e0e8d9}tr:last-child td,tr:last-child th{border-bottom:0}.guide-grid{display:grid;gap:0;margin:24px 0 36px}.guide-card{display:block;padding:26px 0;border-bottom:1px solid var(--paper-line);text-decoration:none}.guide-card span{font-size:10px;letter-spacing:1.1px;color:#3c6b47}.guide-card h2{font-size:29px;margin:12px 0!important}.guide-card p{font-size:15px;margin:0}.guide-card:hover h2{text-decoration:underline;text-decoration-color:#8ba77a;text-underline-offset:5px}.guide-featured{padding:24px;background:#dfe9d7;border-bottom:0;border-radius:12px;margin-bottom:4px}.guides-hub .article-body{padding:32px 38px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.compare section{padding:12px 20px;background:#e0e8d9;border-radius:10px}.compare section p{font-size:14px}.score-diagram{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:24px 12px;background:#245043;border-radius:12px;text-align:center;color:#f1f5f2}.score-diagram strong{display:block;font:600 52px 'Space Grotesk',sans-serif;color:#c9dfb5}.score-diagram span{display:block;font-size:12px;line-height:1.5}details{padding:18px 0;border-top:1px solid var(--paper-line);margin:14px 0}summary{cursor:pointer;font-size:15px;font-weight:600;color:var(--paper-link);line-height:1.8}.primary-button,.print-guide{display:inline-flex;align-items:center;padding:14px 20px;gap:18px;background:#245c40;color:#fff!important;border:0;border-radius:8px;font:600 14px/1.6 Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer}.print-guide[hidden]{display:none}.session-checklist{list-style:none;padding:0!important}.session-checklist li{position:relative;padding-left:30px}.session-checklist li:before{content:'';position:absolute;left:0;top:8px;width:14px;height:14px;border:1px solid #73986c;border-radius:3px}.article-next{border-top:1px solid var(--paper-line);margin-top:32px;padding-top:24px}.article-next>.eyebrow{font-size:9px;color:#466543}.article-next a{display:block;font-size:14px;line-height:1.8;padding:8px 0;min-height:44px}.article-editorial{margin:24px 0 0;padding-top:16px}.article-editorial p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.public-footer{margin:32px 0 0;border-top:1px solid #33403F;padding:24px 0;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;font-size:13px;line-height:1.6}.public-footer>a{font-weight:700}.public-footer nav{display:flex;gap:4px 18px;flex-wrap:wrap}.public-footer a{display:inline-flex;align-items:center;min-height:44px}.public-footer small{flex-basis:100%;color:#AFBFBA;font-size:11px}
@media(max-width:760px){.content-header{padding:18px 20px;gap:12px;flex-wrap:wrap}.brand{font-size:22px}.content-header nav{gap:20px}.content-header nav a{font-size:12px}.reading{padding:16px 18px 20px}.breadcrumbs{font-size:10px;gap:8px}.article-intro{padding:20px 0 26px}.article-intro h1{font-size:clamp(35px,8vw,52px);letter-spacing:-.9px}.article-intro .lead{font-size:17px;line-height:1.85}.byline{font-size:10px}.article-grid.has-toc{display:block}.article-toc{position:static;padding:0 0 22px}.article-toc>p{margin-bottom:8px}.article-toc nav{display:flex;flex-direction:row;gap:14px;overflow-x:auto;padding:0 2px 8px;max-width:100%;scrollbar-width:thin}.article-toc a{flex:0 0 auto;max-width:180px;font-size:11px;line-height:1.7;white-space:normal;border:0;border-left:1px solid #536b55;padding:4px 0 4px 12px;min-height:44px}.article-body,.guides-hub .article-body{padding:26px 22px;border-radius:12px}.article-body p,.article-body li{font-size:15px;line-height:1.95}.article-body h2{font-size:25px;margin-top:32px}.quick-answer{padding:18px;margin-bottom:24px}.quick-answer>p:last-child{font-size:14px}.callout{padding-left:15px}.guide-card h2{font-size:25px}.guide-card p{font-size:14px}.guide-featured{padding:20px}.compare{grid-template-columns:1fr}.score-diagram{padding:18px 8px;gap:6px}.score-diagram strong{font-size:42px}.score-diagram span{font-size:11px}.source-note{padding:18px}.source-note p{font-size:13px}.article-editorial{margin-top:20px}.public-footer{gap:8px 20px}}
@media(max-width:380px){.content-header{padding-inline:16px}.content-header nav{gap:17px}.content-header nav a{font-size:11px}.content-header .brand{font-size:20px}.content-header .paddlepot-logo{width:34px;height:32px}.reading{padding-inline:14px}.article-body,.guides-hub .article-body{padding:22px 18px}.article-body h2{font-size:23px}.article-intro h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{:root{color-scheme:light}html,body{background:#fff;color:#000}.content-header,.skip-link,.article-toc,.breadcrumbs,.public-footer,.article-editorial,.article-next,.print-guide{display:none!important}.reading{max-width:none;padding:0}.article-grid.has-toc{display:block}.article-intro{padding:0}.article-intro h1{font-size:28pt}.article-body{padding:0;background:#fff}.article-body p,.article-body li{font-size:11pt;line-height:1.5}.article-body h2{font-size:16pt;break-after:avoid}.quick-answer,.callout{break-inside:avoid}.table-scroll{overflow:visible}a{color:#000!important;text-decoration:underline}.byline{color:#333}}
