/* Reuse the existing learning shell; colours follow saved Suber appearance. */
.useful-facts .phone-hero{display:block;padding:32px 0 24px;max-width:100%}.useful-facts .phone-hero h1{max-width:19ch;font-size:clamp(2.1rem,4vw,3.4rem)}.useful-facts .phone-hero .lead{max-width:64ch}.useful-facts .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}.useful-facts .hero-actions .primary-link{margin:0}.useful-facts .hero-actions>a{display:inline-flex;align-items:center;min-height:44px;font-size:.95rem}.useful-facts .lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:26px}.useful-facts .lesson-card{scroll-margin-top:24px}.useful-facts .lesson-copy{padding:24px}.useful-facts .lesson-copy>h3{font-size:1.4rem;line-height:1.25}.useful-facts .lesson-copy>p:not(.eyebrow){font-size:1rem}.useful-facts .lesson-content summary{font-size:1rem;gap:16px}.useful-facts .lesson-body p{font-size:.97rem}.useful-facts .lesson-body h4{font-size:1rem;margin:0 0 7px}.useful-facts .lesson-body>section{margin:0 0 22px}.useful-facts .lesson-body>section:last-child{margin-bottom:0}.useful-facts .fact-takeaway{background:var(--subtle);border-left:3px solid var(--purple);padding:16px;border-radius:0 8px 8px 0}.useful-facts .fact-takeaway p:last-child{margin-bottom:0}.useful-facts .fact-boundary{color:var(--muted)}.useful-facts .fact-sources{border-top:1px solid var(--line);padding-top:16px}.useful-facts .fact-sources ul{list-style:none;padding:0;margin:0}.useful-facts .fact-sources li+li{margin-top:5px}.useful-facts .fact-sources a{display:inline-block;align-content:center;min-height:44px;font-size:.9rem;line-height:1.45;overflow-wrap:anywhere;padding:6px 0}.useful-facts .fact-sources span{display:block;font-size:.85rem;color:var(--muted)}.useful-facts .facts-method{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:26px}.useful-facts .facts-method summary{font-weight:700;color:var(--purple);font-size:1rem}.useful-facts .facts-method p{font-size:.94rem;max-width:80ch}.useful-facts .facts-method p:last-child{margin-bottom:0}.useful-facts .phone-header nav{gap:16px}.useful-facts #weather-background-caption{min-height:44px;align-content:center;font-size:.85rem}.useful-facts .phone-footer{font-size:.88rem}.useful-facts .phone-footer p{max-width:90ch}.useful-facts .phone-sidebar>p{font-size:.86rem}.useful-facts #facts{scroll-margin-top:22px}.useful-facts .lesson-heading p{max-width:34ch;font-size:.95rem}
@media(max-width:900px){.useful-facts .phone-header{padding:14px 18px}.useful-facts .phone-sidebar>p{display:none}}
@media(max-width:650px){.useful-facts .lesson-grid{grid-template-columns:1fr;gap:18px}.useful-facts .phone-page{padding-inline:14px}.useful-facts .phone-hero{padding-top:20px}.useful-facts .phone-hero h1{font-size:2.3rem}.useful-facts .lesson-copy,.useful-facts .facts-method{padding:20px}.useful-facts .phone-header{padding-inline:16px!important}.useful-facts .phone-header nav a{font-size:.9rem}.useful-facts .hero-actions{align-items:flex-start;flex-direction:column}.useful-facts .lesson-heading{padding:18px}}
@media(forced-colors:active){.useful-facts :is(.facts-method,.fact-takeaway){color:CanvasText!important;background:Canvas!important;border-color:CanvasText!important}}
@media print{.useful-facts{--ink:#000;--muted:#222;--purple:#000;--paper:#fff;--canvas:#fff;--subtle:#fff;--line:#555;--control-line:#555;background:#fff!important;color:#000!important}.useful-facts .hero-actions{display:none}.useful-facts .lesson-grid{display:block}.useful-facts .lesson-body,.useful-facts .facts-method>div{display:block!important}.useful-facts .lesson-card{break-inside:avoid;margin-bottom:18px}}

/* Topic-specific original vector art stays readable with the saved colour palette. */
.useful-facts .fact-heading{display:flex;align-items:center;gap:14px;margin-bottom:16px}.useful-facts .fact-heading .eyebrow{margin:0}.useful-facts .fact-icon{display:block;flex:0 0 58px;width:58px;height:58px;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--subtle);color:var(--purple);fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.useful-facts .fact-featured{grid-column:1/-1}.useful-facts .fact-featured .lesson-copy>p{max-width:72ch}.useful-facts .fact-featured .lesson-body{max-width:85ch}.useful-facts .wind-diagram{margin:20px 0;background:var(--subtle);border:1px solid var(--line);border-radius:12px;padding:16px}.useful-facts .wind-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:640px;margin:auto}.useful-facts .fact-diagram{display:block;width:100%;height:auto;color:var(--ink);fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.useful-facts .fact-diagram text{fill:currentColor;stroke:none;font:15px ui-sans-serif,system-ui,sans-serif}.useful-facts .fact-diagram .diagram-label{font-weight:750;font-size:17px}.useful-facts .air-layer{stroke:var(--purple);stroke-dasharray:5 5}.useful-facts .air-arrow{stroke:var(--purple)}.useful-facts .skin-line{stroke-width:6}.useful-facts .vapour-arrow{stroke-dasharray:3 4}.useful-facts .wind-diagram figcaption{font-size:.9rem;line-height:1.5;max-width:72ch;margin:12px auto 0;color:var(--muted)}.useful-facts .fact-topics{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.useful-facts .fact-topics a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:99px;background:var(--paper);font-size:.93rem;font-weight:650}.useful-facts .fact-topics a:hover{background:var(--subtle)}
@media(max-width:650px){.useful-facts .wind-panels{grid-template-columns:1fr;max-width:320px;gap:18px}.useful-facts .wind-diagram{padding:12px}.useful-facts .fact-icon{flex-basis:52px;width:52px;height:52px}.useful-facts .fact-topics{gap:6px}.useful-facts .fact-topics a{padding-inline:12px}}
@media(forced-colors:active){.useful-facts :is(.fact-icon,.wind-diagram,.fact-topics a){background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important}.useful-facts .fact-diagram{color:CanvasText}.useful-facts :is(.air-layer,.air-arrow){stroke:CanvasText}}
@media print{.useful-facts .fact-topics{display:none}.useful-facts .wind-diagram{break-inside:avoid}}