.learning-shell{background:var(--df-paper);min-height:100vh;color:var(--df-ink);font-family:var(--df-font);line-height:1.5}.learning-shell *{box-sizing:border-box}.learning-header{border-bottom:1px solid var(--df-line);background:var(--df-surface);justify-content:space-between;align-items:center;gap:16px;padding:24px max(20px,50vw - 550px);display:flex}.learning-header a{color:var(--df-ink);letter-spacing:-1px;font-size:26px;font-weight:700;text-decoration:none}.learning-header a span{color:var(--df-accent)}.learning-header>span,.learning-caption{color:var(--df-muted);font-size:13px}.learning-main{max-width:1100px;margin:auto;padding:32px 20px 64px}.learning-main h1{letter-spacing:-.8px;margin:12px 0 16px;font-size:clamp(26px,5vw,38px);line-height:1.15}.learning-main h2{margin:0 0 12px;font-size:20px}.learning-main h3{font-size:17px}.learning-main p{margin:12px 0}.learning-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px;margin:24px 0;display:grid}.learning-panel{background:var(--df-surface);border:1px solid var(--df-line);border-radius:var(--df-radius-large);min-width:0;padding:24px}.learning-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.learning-panel label{margin:12px 0;display:block}.learning-panel select{border:1px solid var(--df-controlBorder);background:#fff;border-radius:6px;max-width:100%;margin:6px 0;padding:10px}.learning-error{border-left:3px solid var(--df-danger);background:var(--df-dangerFill);padding:12px}.learning-notice{border-left:3px solid var(--df-accent);background:var(--df-accentFill);padding:12px}.learning-shell a{color:var(--df-accent)}.learning-shell button:focus-visible,.learning-shell a:focus-visible,.learning-shell input:focus-visible,.learning-shell select:focus-visible{outline:3px solid var(--df-focus);outline-offset:3px}.learning-runtime{width:100%;max-width:640px;overflow:hidden}.learning-runtime canvas{max-width:100%;display:block;height:auto!important}.learning-id{overflow-wrap:anywhere;color:var(--df-muted);font-size:12px}.learning-compare{grid-template-columns:1fr 1fr;gap:16px;display:grid}.learning-skip{z-index:100;background:#fff;padding:12px;position:absolute;top:-100px;left:16px}.learning-skip:focus{top:8px}@media (max-width:600px){.learning-header{padding:16px 20px}.learning-panel{padding:18px}.learning-compare{grid-template-columns:1fr}.learning-main{padding-top:24px}}.learning-shell .df-button{transition:border-color var(--df-motion-fast) var(--df-motion-easing)}.learning-shell .dh-topbar{height:auto;min-height:var(--df-layout-target);padding:var(--df-space-5) var(--df-space-5);border-bottom:1px solid var(--df-line);align-items:center}.learning-shell .learning-header{gap:var(--df-space-3);background:0 0;border:0;flex-wrap:wrap;width:100%;padding:0}.learning-shell .learning-header>a{letter-spacing:normal;display:inline-flex}.learning-shell .learning-header .doform-brand>span{color:var(--df-ink)}.learning-shell .dh-main{padding:0}.acceptance-entry{overflow-wrap:anywhere;max-width:62rem;margin-inline:auto}.acceptance-entry h1{font-size:clamp(2.2rem,7vw,4rem)}.moon-invitation{min-width:0;margin:0;position:relative}.moon-invitation svg{border-radius:var(--df-radius-large);width:100%;height:auto;display:block}.moon-invitation figcaption{margin-top:var(--df-space-3);font-weight:var(--df-weight-semibold);color:var(--df-ink)}.moon-story{font-size:var(--df-text-subtitle);line-height:var(--df-leading-body)}.moon-mission{align-items:center;gap:var(--df-space-6);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);display:grid}.moon-mission h2{font-size:clamp(1.7rem,4vw,2.5rem)}.learning-other-title{margin-top:var(--df-space-8)}@media (max-width:767px){.moon-mission{gap:var(--df-space-4);grid-template-columns:minmax(0,1fr)}.acceptance-entry{padding:var(--df-space-4)}}