.curiosity-shell{max-width:930px;margin:0 auto;padding:28px 18px 72px;color:var(--ink,#192a37)}
.curiosity-card{margin-top:18px;padding:clamp(22px,5vw,50px);border:1px solid var(--line,#dce6e3);border-radius:22px;background:var(--paper,#fffdf8)}
.curiosity-card h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.12;letter-spacing:-.035em;margin:16px 0 22px}
.curiosity-card h2{font-size:1.35rem;margin:32px 0 8px}
.curiosity-card p{line-height:1.72}
.curiosity-lead{font-size:1.15rem}
.curiosity-exercise{padding:18px 24px;margin-top:28px;border:1px solid #a5d6c6;border-radius:18px;background:#eaf5ed}
.curiosity-exercise h2{margin-top:0}
.curiosity-exercise summary{cursor:pointer;font-weight:750;min-height:44px;padding:9px 0}
.curiosity-exercise summary:focus-visible,.curiosity-related a:focus-visible,.curiosity-grid a:focus-visible{outline:3px solid #b87724;outline-offset:3px}
.curiosity-related{display:flex;flex-wrap:wrap;gap:12px}
.curiosity-related a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid var(--line,#dce6e3);border-radius:10px;text-decoration:none;font-weight:700}
.curiosity-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0;margin:28px 0}
.curiosity-grid li{min-width:0}
.curiosity-grid a{display:flex;flex-direction:column;align-items:flex-start;gap:12px;height:100%;padding:22px;border:1px solid var(--line,#dce6e3);border-radius:16px;color:var(--ink,#192a37);text-decoration:none}
.curiosity-grid a:hover,.curiosity-related a:hover{border-color:var(--teal,#147d78);text-decoration:underline}
.curiosity-grid strong{font-size:1.25rem;line-height:1.3}
.curiosity-grid a>span:last-child{color:var(--teal,#147d78);font-weight:750}
.curiosity-card .source-list{overflow-wrap:anywhere}
html[data-theme=dark] .curiosity-card,html[data-theme=dark] .curiosity-grid a{background:var(--paper);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .curiosity-exercise{background:#42615a;border-color:#73958b}
html[data-theme=dark] .curiosity-related a{border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .curiosity-grid a>span:last-child{color:var(--teal)}
@media(max-width:620px){.curiosity-grid{grid-template-columns:1fr}.curiosity-shell{padding:20px 12px 60px}.curiosity-exercise{padding:16px}}