*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Serif JP",YuMincho,"Hiragino Mincho ProN",serif;background:#f4f1ea;color:#292720;line-height:2;font-size:18px}.site-shell{min-height:100vh}.hero{background:linear-gradient(135deg,#20364f,#3e6178 58%,#8d7858);color:#fff;padding:5rem 1.25rem 4rem;text-align:center}.hero-kicker{font-family:sans-serif;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;opacity:.78}.hero h1{font-size:clamp(2.1rem,6vw,4.6rem);line-height:1.35;margin:.55rem auto 1rem;max-width:1000px}.hero p{max-width:720px;margin:auto;opacity:.9}.container{width:min(920px,calc(100% - 2rem));margin:0 auto}.reading{width:min(790px,calc(100% - 2rem));margin:0 auto}.top-nav,.page-nav{display:flex;gap:.75rem;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:1.5rem auto}.top-nav{width:min(920px,calc(100% - 2rem))}.nav-btn,.chapter-card,.toc-link,.chapter-card>a,.footer a{color:inherit;text-decoration:none}.nav-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.65rem 1.05rem;border:1px solid #cfc7b7;border-radius:999px;background:#fff;box-shadow:0 3px 12px rgba(45,40,30,.06);font-family:sans-serif;font-size:.9rem}.nav-btn:hover{border-color:#8d7858;transform:translateY(-1px)}.intro-card,.chapter-card,.article-section,.preface-card{background:#fff;border:1px solid #ddd5c6;border-radius:18px;box-shadow:0 12px 32px rgba(42,37,28,.08)}.intro-card{padding:clamp(1.5rem,4vw,3rem);margin:2.5rem 0}.intro-card h2{margin-top:0}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.1rem;margin:2rem 0 4rem}.chapter-card{display:block;padding:1.5rem;transition:.2s ease}.chapter-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(42,37,28,.13)}.chapter-number{font-family:sans-serif;color:#7a6548;font-weight:700;font-size:.82rem;letter-spacing:.12em}.chapter-card h2{font-size:1.3rem;line-height:1.55;margin:.45rem 0}.chapter-card ul{margin:.8rem 0 0;padding:0;list-style:none}.chapter-card li{border-top:1px solid #eee7da;padding:.55rem 0;font-size:.94rem;line-height:1.55}.toc-link:hover{text-decoration:underline}.chapter-header{padding:3rem 0 1rem;text-align:center}.chapter-header .eyebrow{font-family:sans-serif;color:#7a6548;letter-spacing:.16em;font-weight:700}.chapter-header h1{font-size:clamp(1.75rem,4vw,2.35rem);line-height:1.55;margin:.4rem 0;word-break:keep-all;overflow-wrap:anywhere}.chapter-toc{background:#ebe6dc;border-radius:16px;padding:1.2rem 1.5rem;margin:1rem 0 3rem}.chapter-toc summary{cursor:pointer;font-weight:700}.chapter-toc ol{margin:1rem 0 0;padding-left:1.5rem}.chapter-toc a{color:#345d75;text-decoration:none}.chapter-toc a:hover{text-decoration:underline}.article-section{padding:clamp(1.4rem,4vw,2.8rem);margin:0 0 2rem;scroll-margin-top:1rem}.section-no{font-family:sans-serif;color:#8d7858;font-weight:700;font-size:.83rem;letter-spacing:.1em}.article-section h2{font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.55;margin:.3rem 0 1.6rem;padding-bottom:.9rem;border-bottom:1px solid #e7dfd1}.article-section p,.preface-card p{margin:0 0 1.45em;text-align:justify;text-justify:inter-ideograph;overflow-wrap:anywhere}.preface-card{padding:clamp(1.5rem,4vw,3rem);margin:2rem 0 3rem}.page-nav{width:min(790px,calc(100% - 2rem));padding:1rem 0 3rem}.footer{text-align:center;border-top:1px solid #d8d0c1;padding:2rem 1rem 3rem;color:#6f695e;font-family:sans-serif;font-size:.85rem}.theme-toggle{position:fixed;right:18px;top:18px;z-index:20;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(31,45,57,.85);color:#fff;cursor:pointer;font-size:20px;box-shadow:0 6px 20px rgba(0,0,0,.2)}body.dark{background:#15191e;color:#e7e2d8}.dark .intro-card,.dark .chapter-card,.dark .article-section,.dark .preface-card,.dark .nav-btn{background:#20262d;border-color:#39434d}.dark .chapter-toc{background:#252d35}.dark .article-section h2,.dark .chapter-card li{border-color:#39434d}.dark .chapter-toc a{color:#9ec8df}.dark .footer{border-color:#39434d;color:#aaa49b}.editor-note{margin:2rem 0 .5rem;border:1px solid #d8c49f;border-left:4px solid #a66d2a;border-radius:14px;background:#fff9ed;overflow:hidden}.editor-note summary{cursor:pointer;padding:1rem 1.25rem;font-weight:700;color:#5d431f;list-style:none;line-height:1.65}.editor-note summary::-webkit-details-marker{display:none}.editor-note summary::before{content:"▶";display:inline-block;margin-right:.65rem;font-size:.78em;transition:transform .2s ease}.editor-note[open] summary::before{transform:rotate(90deg)}.editor-note-body{padding:0 1.25rem 1.25rem;border-top:1px solid #eadcc3}.editor-note-body p{margin:1rem 0}.editor-note-body ul{margin:.75rem 0 0;padding-left:1.4rem}.editor-note-body li{margin:.8rem 0;line-height:1.9}.dark .editor-note{background:#29251f;border-color:#765b34}.dark .editor-note summary{color:#f1d39d}.dark .editor-note-body{border-color:#4b4132}.typo-box{margin:2.5rem 0;padding:0;border:1px solid #d8d0c1;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(42,37,28,.07);overflow:hidden}.typo-box summary{cursor:pointer;list-style:none;padding:1rem 1.25rem;font-weight:700;line-height:1.6}.typo-box summary::-webkit-details-marker{display:none}.typo-box summary::before{content:"▶";display:inline-block;margin-right:.65rem;font-size:.78em;transition:transform .2s ease}.typo-box[open] summary::before{transform:rotate(90deg)}.typo-content{padding:0 1.25rem 1.25rem;border-top:1px solid #e7dfd1}.typo-desc{margin:1rem 0!important;font-size:.95rem;color:#6f695e}.typo-label{display:block;font-family:sans-serif;font-weight:700;margin:.9rem 0 .35rem;font-size:.9rem}.typo-textarea{display:block;width:100%;padding:.8rem 1rem;border:1px solid #cfc7b7;border-radius:11px;background:#faf8f3;color:#292720;font:inherit;line-height:1.6;resize:vertical}.typo-textarea:focus{outline:2px solid rgba(62,97,120,.3);border-color:#3e6178}.typo-row{display:flex;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.typo-btn{border:0;border-radius:999px;padding:.7rem 1.5rem;background:#3e6178;color:#fff;font:inherit;font-family:sans-serif;font-weight:700;cursor:pointer}.typo-btn:hover{background:#2f4c60}.typo-btn:disabled{opacity:.55;cursor:not-allowed}.typo-status{font-family:sans-serif;font-size:.9rem;color:#345d75}.dark .typo-box{background:#20262d;border-color:#39434d;box-shadow:0 10px 28px rgba(0,0,0,.2)}.dark .typo-content{border-color:#39434d}.dark .typo-desc{color:#aaa49b}.dark .typo-label{color:#e7e2d8}.dark .typo-textarea{background:#171c21;border-color:#4b5661;color:#e7e2d8}.dark .typo-status{color:#9ec8df}@media(max-width:620px){body{font-size:16px}.hero{padding:4rem 1rem 3rem}.article-section p,.preface-card p{text-align:left}.page-nav .nav-btn{flex:1}.chapter-grid{grid-template-columns:1fr}}@media print{.theme-toggle,.top-nav,.page-nav,.footer{display:none}.hero{background:none;color:#000;padding:1rem}.article-section,.preface-card{box-shadow:none;break-inside:avoid}body{background:#fff;color:#000}}