:root{--brand-green: #3bb273;--brand-yellow: #f0a500;color-scheme:dark;--color-bg: #0e1014;--color-bg-raised: #1a1a1c;--color-surface: #ffffff;--color-surface-muted: #383840;--color-text: #f5f5fa;--color-text-muted: #b0b0c3;--color-border: #383840;--color-accent: #d68bdd;--color-accent-contrast: #1a1020;--color-action: #9c3ea1;--color-action-text: #ffffff;--color-suit-red: #b2140e;--color-suit-black: #212129;--color-joker: #bd6ec3;--color-danger: #ff9699;--color-positive: #79d5ae;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font-ui: "Noto Sans JP Variable", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "M PLUS 1p", var(--font-ui);--font-card: "Roboto", sans-serif;--font-mono: "Roboto", "Noto Sans JP Variable", sans-serif;--shadow-card: 0 1px 2px #00000040;--shadow-raised: 0 8px 24px #00000030}.learn-page{min-height:100vh}.learn-main,.learn-footer{max-width:820px;margin:0 auto;padding-left:var(--space-5);padding-right:var(--space-5)}.learn-main{padding-top:var(--space-7);padding-bottom:var(--space-7);font-size:16px;line-height:1.9}.learn-main h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 var(--space-4)}.learn-main h2{margin-top:var(--space-7)}.learn-main h3{margin-top:var(--space-5)}.learn-main p,.learn-main li{color:var(--color-text-muted)}.learn-main code{font-family:var(--font-mono)}.learn-main pre{overflow-x:auto;padding:var(--space-4);background:var(--color-bg-raised);border-radius:var(--radius-md)}.learn-main img{display:block;max-width:100%;height:auto;margin:var(--space-5) auto;border-radius:var(--radius-md)}.learn-hero{display:block;margin:var(--space-5) 0 var(--space-6)}.learn-hero img{width:100%;margin:0;aspect-ratio:16 / 7;object-fit:cover}.learn-hub-banner{position:relative;height:160px;margin-bottom:var(--space-5);overflow:hidden;border-radius:var(--radius-md)}.learn-hub-banner:after{content:"";position:absolute;inset:0;background:#000000b3}.learn-hub-banner picture{display:block;height:100%}.learn-hub-banner img{width:100%;height:100%;margin:0;border-radius:0;object-fit:cover}.learn-meta{color:var(--color-text-muted);font-size:.9rem}.learn-answer{margin:var(--space-5) 0;padding:var(--space-4);border-left:3px solid var(--color-accent);background:var(--color-bg-raised)}.learn-list{display:grid;gap:var(--space-4);list-style:none;padding:0}.learn-card{display:block;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-raised);text-decoration:none}.learn-card__thumb{display:block;margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-5)) var(--space-4);overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0}.learn-card__thumb img{width:100%;margin:0;border-radius:0;aspect-ratio:16 / 7;object-fit:cover;transition:transform .18s ease}.learn-card:hover{border-color:var(--brand-yellow)}.learn-card:hover .learn-card__thumb img{transform:scale(1.015)}.learn-card h2{margin:0 0 var(--space-2);font-size:1.25rem}.learn-card p{margin:0;color:var(--color-text-muted)}.learn-language-note{margin:var(--space-4) 0;font-size:.9rem}.learn-language-note a{margin-left:.35em}.learn-crosslang{margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.learn-crosslang h2{margin:0 0 var(--space-4);font-size:1.25rem}.learn-crosslang__list{gap:var(--space-3)}.learn-card--compact{padding:var(--space-4)}.learn-card--compact h3{margin:0 0 var(--space-1);font-size:1rem}.learn-faq{border-top:1px solid var(--color-border);margin-top:var(--space-7)}.learn-cta{margin-top:var(--space-7);padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-bg-raised)}.learn-footer{padding-top:var(--space-5);padding-bottom:var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.9rem}