*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#241811;color:#38291d;font:16px/1.85 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.45}small,.small{font-size:14px}.notice{background:#171c19;color:#dacaa3;text-align:center;padding:10px;font-size:14px}.wrap{max-width:1180px;margin:auto;padding:0 32px;background:linear-gradient(110deg,#f5ead0,#ead8b3);border-left:8px solid #543724;border-right:8px solid #543724;box-shadow:0 0 0 2px #ac8343,0 0 80px #0007}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid #af8a51}.brand{font-weight:800;letter-spacing:.07em;font-size:20px}nav{display:flex;gap:18px;align-items:center}nav a{font-size:14px;min-height:48px;display:flex;align-items:center}.hero{padding:48px 0 34px;display:grid;grid-template-columns:1fr 1.12fr;gap:30px;align-items:center}.eyebrow{font-size:14px;letter-spacing:.14em;color:#81602e;margin-bottom:12px}h1{font-size:38px;letter-spacing:-.04em}.lead{margin:22px 0;color:#514332}.btn{display:inline-flex;min-height:52px;padding:12px 22px;align-items:center;justify-content:center;text-decoration:none;background:linear-gradient(#32604b,#1b4033);color:#fff5d8;border:2px solid #bc914c;box-shadow:0 4px 0 #553a22;border-radius:7px;font-weight:700}.meta{margin-top:16px;font-size:14px}.frame{padding:10px;background:linear-gradient(120deg,#6d472b,#302017);border:2px solid #b7914d;box-shadow:0 8px 20px #34230e33;border-radius:8px;color:#efdfb9}.frame img{display:block;width:100%;height:auto;border:1px solid #bf9b5e}.frame figcaption{font-size:14px;line-height:1.7;padding-top:10px}figure{margin:0}.section{padding:32px 0;border-top:1px solid #b99c6c}h2{font-size:27px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff8e6b3;border:1px solid #ba9c62;border-radius:7px;padding:22px}.card h3{font-size:19px;margin-bottom:10px}.num{color:#94692e;font-size:14px;letter-spacing:.15em;margin-bottom:10px}.card p{line-height:1.8}.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.two img{width:100%;height:220px;object-fit:contain;background:#1b231d}.link{display:inline-flex;min-height:48px;align-items:center;font-weight:600;text-underline-offset:5px}.closing{text-align:center;background:#e2cca0;padding:32px 20px;border:1px solid #b18c4c;border-radius:7px;margin:24px 0}.closing p{margin:10px 0 20px}footer{padding:24px 0 32px;font-size:14px;color:#65543e}.sub{font-size:14px;color:#6d5c44;margin-top:10px}.board{max-width:1100px;margin:35px auto;padding:34px;background:#f7edda;border:2px solid #a27c43}.search{background:white;padding:26px;margin:18px 0;border-radius:10px;color:#343434}.search h2{font:22px/1.5 sans-serif;color:#1a0dab;margin:8px 0}.search p{font-size:16px}.search small{color:#555}.badge{font-size:14px;color:#81602e;font-weight:bold}.node{border:1px solid #a9854d;background:#fff9eb;padding:18px;border-radius:6px}.tree{display:grid;grid-template-columns:1fr 1fr;gap:18px}.arrow{text-align:center;color:#87612e;padding:14px}.node strong{display:block}.node p{font-size:14px}.muted{color:#695d49}@media(max-width:650px){.wrap{padding:0 20px;border-width:5px}header{padding:16px 0}.brand{font-size:17px}nav a:not(.play){display:none}nav{gap:0}.hero{grid-template-columns:1fr;padding:30px 0;gap:25px}h1{font-size:30px}.grid,.two,.tree{grid-template-columns:1fr}.two img{height:auto}.hero .btn{width:100%}.section{padding:27px 0}h2{font-size:24px}.card{padding:20px}.board{margin:0;padding:22px}.search{padding:18px}.notice{font-size:14px}.lead{margin:18px 0}.frame{padding:7px}}
/* Shared production layout: one responsive source for introduction and guides. */
html{scroll-behavior:auto}body{overflow-wrap:break-word}.wrap{width:min(1180px,100%);min-height:100vh}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}.hero>*{min-width:0}img{max-width:100%}.frame a{display:block}.frame a:focus-visible{outline-color:#fff2b9}a:focus-visible{outline:3px solid #176483;outline-offset:4px}.skip{position:absolute;top:8px;left:8px;z-index:20;background:#fff8e6;padding:12px;transform:translateY(-180%)}.skip:focus{transform:none}.brand{text-decoration:none}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;padding-top:18px}.breadcrumb a{min-height:48px;display:inline-flex;align-items:center}.breadcrumb span{align-self:center}.article{max-width:850px;margin:auto;padding:30px 0}.article h1{font-size:34px}.article h2{font-size:25px;margin:36px 0 14px}.article h3{font-size:20px;margin:24px 0 10px}.article p,.article li,.article dd{font-size:16px;line-height:1.9}.article p{margin:14px 0}.article dt{font-weight:700;margin-top:18px}.article dd{margin:6px 0 18px}.article ul,.article ol{padding-left:1.5em}.toc{display:flex;flex-wrap:wrap;gap:4px 18px;padding:14px 18px;margin:22px 0;border:1px solid #b69a64;background:#fff7e2;border-radius:8px}.toc a,.footer-links a{display:inline-flex;align-items:center;min-height:48px}.article .note{padding:16px 20px;background:#e9d9b5;border-left:4px solid #9b7339;font-size:16px}.article .updated{font-size:14px;color:#66543b}.footer-links{display:flex;gap:4px 20px;flex-wrap:wrap}.reading-link{margin-top:14px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:16px;table-layout:fixed}th,td{text-align:left;vertical-align:top;border:1px solid #bfa579;padding:14px;overflow-wrap:anywhere}th{background:#e6d2a9}caption{text-align:left;font-weight:700;margin:12px 0}.flow{list-style:none!important;padding:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.flow li{padding:18px;background:#fff7e2;border:1px solid #b99a61;border-radius:7px}.flow strong{display:block}.example{padding:20px;background:#fff8e9;border:1px solid #b99a61;border-radius:7px}.about-caption{font-size:14px;color:#65543e;margin-top:12px}.about-links{display:flex;flex-wrap:wrap;gap:8px 24px}.frame figcaption{font-size:14px}.intro-shot{margin:26px 0}.intro-shot .frame{max-width:760px;margin:auto}.text-link{display:inline-flex;min-height:48px;align-items:center}.two .card{min-width:0}.two .card h3{margin-top:16px}.two .card img{height:auto;aspect-ratio:auto}.section p+ .two{margin-top:20px}footer{border-top:1px solid #b99c6c}.hero h1 span{display:block}.hero h1 .genre{font-size:clamp(25px,2.6vw,34px);margin-top:8px}.btn:hover{background:#173b30}.image-link{display:block;min-height:48px}.image-link:focus-visible{outline:3px solid #176483}.info-date{font-size:14px!important}.article .small{font-size:14px}.article .btn{margin-top:12px}.small a{font-size:inherit}.related{padding:20px;background:#e9d9b5;border-radius:8px;margin-top:28px}.related h2{margin:0 0 8px}.related a{display:flex;min-height:48px;align-items:center}.article section{scroll-margin-top:18px}
@media(max-width:650px){.wrap{padding:0 18px}.hero{grid-template-columns:minmax(0,1fr)}header{gap:8px;flex-wrap:wrap}.brand{font-size:17px;letter-spacing:.03em}nav{gap:12px;flex-wrap:wrap}nav a:not(.play){display:flex}nav a{font-size:14px}h1,.article h1{font-size:28px}.hero h1 .genre{font-size:25px}.article h2{font-size:24px}.article{padding-top:20px}.grid,.two,.flow{grid-template-columns:minmax(0,1fr)}.card{padding:18px}.hero .btn{width:100%}.table-wrap{margin:0 -4px}th,td{padding:9px;font-size:16px}.frame{padding:7px}.section{padding:28px 0}.article .note{padding:14px}.closing{padding:26px 14px}.btn{max-width:100%}.intro-shot{margin:22px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

header .brand{display:inline-flex;align-items:center;min-height:48px}