.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}}
.curiosity-hook{margin:0 0 20px;padding:18px 22px;border-left:4px solid var(--blue,#2563eb);border-radius:0 12px 12px 0;background:var(--blue-soft,#eff6ff);font-size:1.18rem;font-weight:750}
.curiosity-steps{padding-left:24px}.curiosity-steps li{margin:12px 0}
.curiosity-lab,.curiosity-think{margin-top:28px;padding:20px 24px;border:1px solid var(--line);border-radius:16px;background:var(--blue-soft,#eff6ff)}
.curiosity-lab h2,.curiosity-think h2{margin-top:0}
.curiosity-lab form{display:flex;flex-wrap:wrap;align-items:end;gap:12px}
.curiosity-lab label{display:grid;gap:6px;min-width:180px;font-weight:700}
.curiosity-lab select,.curiosity-lab input{min-height:44px;max-width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font:inherit}
.curiosity-lab button{min-height:44px;padding:9px 15px;border:0;border-radius:9px;background:var(--blue,#2563eb);color:#fff;font:inherit;font-weight:750;cursor:pointer}
.curiosity-lab button:hover{background:var(--blue-deep,#1d4ed8)}
.curiosity-lab-feedback:not(:empty){padding:10px 13px;border-radius:9px;background:var(--paper)}
.curiosity-lab-feedback[data-state=correct]{border-left:4px solid #168166}
.curiosity-lab-feedback[data-state=retry],.curiosity-lab-feedback[data-state=error]{border-left:4px solid #d28427}
.curiosity-think summary{min-height:44px;padding:9px 0;font-weight:750;cursor:pointer}
.curiosity-next{padding:18px 20px;border:1px solid var(--line);border-radius:14px}
.curiosity-next a{display:inline-block;margin-left:6px;font-weight:750}
html[data-theme=dark] .curiosity-hook,html[data-theme=dark] .curiosity-lab,html[data-theme=dark] .curiosity-think{background:var(--blue-soft);border-color:var(--line)}
@media(max-width:620px){.curiosity-lab,.curiosity-think{padding:18px 16px}.curiosity-lab label,.curiosity-lab button{width:100%}}