:root{--cream:#f5f1e8;--beige:#ede7dc;--light-beige:#faf8f3;--dark-beige:#e5dfd0;--gold-primary:#c9a961;--gold-light:#d4b76e;--gold-dark:#b8964d;--gold-antique:#9d7e3a;--gold-metallic:#cfb87c;--tiffany-primary:#0abab5;--tiffany-light:#81d8d0;--tiffany-lighter:#b0e6e3;--tiffany-dark:#05a39c;--text-primary:#2d2721;--text-secondary:#6b5e4f;--text-tertiary:#8b7e6a;--text-accent:#c9a961;--white:#fff;--off-white:#fdfcfa;--warm-gray:#8b7e6a;--brown-gray:#6b5e4f;--dark-brown:#4a3f2f;--font-serif:"Meiryo","メイリオ",sans-serif;--font-sans:"Meiryo","メイリオ",sans-serif;--font-display:"Meiryo","メイリオ",sans-serif;--font-accent:"Meiryo","メイリオ",sans-serif;--shadow-sm:0 1px 2px rgba(75,63,47,.05);--shadow-md:0 4px 6px rgba(75,63,47,.07);--shadow-lg:0 10px 15px rgba(75,63,47,.1);--shadow-xl:0 20px 25px rgba(75,63,47,.15);--shadow-ornate:0 8px 30px rgba(201,169,97,.2);--shadow-gold:0 4px 20px rgba(201,169,97,.3)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:linear-gradient(135deg,var(--cream) 0,var(--beige) 100%);min-height:100vh;color:var(--text-primary);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(201,169,97,.03) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(201,169,97,.03) 0,transparent 50%);pointer-events:none;z-index:0}main{min-height:calc(100vh - 80px);position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:600;letter-spacing:.025em}h1{font-size:clamp(2.5rem,5vw,4.5rem);font-family:var(--font-accent);letter-spacing:.1em}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{line-height:1.8;color:var(--text-secondary);font-size:1rem}button,p{font-family:var(--font-sans)}button{cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);border:none;background:none}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}a{text-decoration:none;color:inherit;transition:color .3s ease}a:hover{color:var(--gold-primary)}code{font-family:Courier New,Courier,monospace;background:var(--light-beige);color:var(--gold-dark);padding:.25rem .5rem;border-radius:4px;font-size:.9em;border:1px solid var(--dark-beige)}pre{background:var(--dark-brown);color:var(--light-beige);padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;border:1px solid var(--gold-primary);box-shadow:var(--shadow-md)}pre code{background:transparent;color:inherit;padding:0;border:none}::selection{background:var(--gold-primary);color:var(--white)}::-moz-selection{background:var(--gold-primary);color:var(--white)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--light-beige)}::-webkit-scrollbar-thumb{background:var(--gold-primary);border-radius:6px;border:2px solid var(--light-beige)}::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)}.ornamental-border{border:2px solid var(--gold-primary);position:relative;padding:2rem}.ornamental-border:after,.ornamental-border:before{content:"✦";position:absolute;color:var(--gold-primary);font-size:1.5rem}.ornamental-border:before{top:-.75rem}.ornamental-border:after,.ornamental-border:before{left:50%;transform:translateX(-50%);background:var(--cream);padding:0 1rem}.ornamental-border:after{bottom:-.75rem}.text-gold{color:var(--gold-primary)}.text-accent{font-family:var(--font-accent);letter-spacing:.1em}.luxury-shadow{box-shadow:var(--shadow-ornate)}@media (max-width:768px){h1{letter-spacing:.05em}p{font-size:.95rem}}.curriculum-chapter-header{color:var(--gold-primary);border-bottom:2px solid var(--gold-primary);padding-bottom:.5rem;margin:2rem 0 1.5rem}.curriculum-objectives{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:12px;margin:1.5rem 0}.curriculum-objectives h4{margin:0 0 1rem;color:#fff;font-size:1.1rem;font-weight:600}.curriculum-objectives ul{margin:0;padding-left:1.5rem;list-style-type:disc}.curriculum-objectives li{margin:.5rem 0;line-height:1.6}.curriculum-explanation{background:#e3f2fd;padding:1.5rem;border-left:4px solid #2196f3;margin:1rem 0;border-radius:4px}.curriculum-explanation h5{color:#1565c0;margin-top:0;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.curriculum-explanation p{margin:.75rem 0;line-height:1.8}.curriculum-explanation ol,.curriculum-explanation ul{margin:1rem 0;padding-left:1.5rem}.curriculum-explanation li{margin:.5rem 0;line-height:1.7}.curriculum-exercise{background:#fff8e1;padding:1.5rem;border-left:4px solid #ffc107;margin:1rem 0;border-radius:4px}.curriculum-exercise h5{color:#f57c00;margin-top:0;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.curriculum-exercise p{margin:.75rem 0;line-height:1.7}.curriculum-exercise ol,.curriculum-exercise ul{margin:1rem 0;padding-left:1.5rem}.curriculum-exercise details{margin-top:1rem}.curriculum-exercise summary{cursor:pointer;color:#1976d2;font-weight:600;padding:.5rem;border-radius:4px;transition:background-color .2s}.curriculum-exercise summary:hover{background-color:#fff3cd}.curriculum-quiz{background:var(--light-beige);padding:1.5rem;border-radius:8px;margin:1rem 0}.curriculum-quiz p{margin:.75rem 0;line-height:1.7}.curriculum-quiz details{margin-top:1rem}.curriculum-quiz summary{cursor:pointer;color:var(--gold-primary);font-weight:600;padding:.5rem;border-radius:4px;transition:background-color .2s}.curriculum-quiz summary:hover{background-color:#f5e6d3}.curriculum-quiz-answer{padding:1rem;background:var(--white);color:#333;margin-top:.5rem;border-radius:4px;border:1px solid #e0e0e0}.curriculum-quiz-answer li,.curriculum-quiz-answer p,.curriculum-quiz-answer strong{color:#333}.curriculum-code-block{background:#f5f5f5;color:#333;padding:1rem;border-radius:4px;overflow-x:auto;margin:1rem 0;border:1px solid #e0e0e0}.curriculum-code-block code{font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5}.curriculum-code-good{background:#1b4332!important;color:#d8f3dc!important;padding:1rem;border-radius:4px;overflow-x:auto;margin:1rem 0;border:2px solid #2d6a4f}.curriculum-code-good code{font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5;color:#d8f3dc!important}.curriculum-code-bad{background:#5c0f0f!important;color:#ffcccb!important;padding:1rem;border-radius:4px;overflow-x:auto;margin:1rem 0;border:2px solid #8b0000}.curriculum-code-bad code{font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5;color:#ffcccb!important}.curriculum-exercise code,.curriculum-explanation code,.curriculum-quiz code{background:#f5f5f5;color:#d32f2f;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,Courier,monospace;font-size:.9em}.curriculum-table{width:100%;border-collapse:collapse;background:#fff;margin:1rem 0;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.curriculum-table thead{background:#2196f3;color:#fff}.curriculum-table th{padding:.75rem;text-align:left;border:1px solid #ddd;font-weight:600}.curriculum-table td{padding:.75rem;border:1px solid #ddd;line-height:1.6}.curriculum-table tbody tr:nth-child(2n){background-color:#f9f9f9}.curriculum-table tbody tr:hover{background-color:#e3f2fd}.curriculum-point{background:#fff3e0;padding:1rem;border-radius:8px;margin:1rem 0;border-left:4px solid #ff9800}.curriculum-point p{margin:0;line-height:1.7}.curriculum-warning{background:#ffebee;padding:1rem;border-radius:8px;margin:1rem 0;border-left:4px solid #f44336}.curriculum-warning p{margin:0;line-height:1.7;color:#c62828}.curriculum-summary{background:#f5f5f5;padding:1.5rem;border-radius:8px;margin:2rem 0;border:2px solid var(--gold-primary)}.curriculum-summary h4{color:var(--gold-primary);margin-top:0;margin-bottom:1rem}.curriculum-summary ul{margin:.5rem 0;padding-left:1.5rem}.curriculum-summary li{margin:.5rem 0;line-height:1.7}.curriculum-divider{margin:30px 0;border:none;border-top:2px solid var(--gold-primary)}@media (max-width:768px){.curriculum-exercise,.curriculum-explanation,.curriculum-objectives,.curriculum-quiz{padding:1rem}.curriculum-table{font-size:.9rem}.curriculum-table td,.curriculum-table th{padding:.5rem}.curriculum-code-block{font-size:.85rem}}@media (max-width:480px){.curriculum-chapter-header{font-size:1.3rem}.curriculum-objectives h4{font-size:1rem}.curriculum-table{font-size:.8rem}.curriculum-table td,.curriculum-table th{padding:.4rem}}