:root{--bg: #FFFFFF;--bg-soft: #FDFBF6;--text: #1A1A1A;--muted: #6B6B6B;--line: #E8E2D0;--teal: #2A6E7A;--teal-soft: #DCEEF1;--orange: #E89B3C;--orange-soft: #FCF0DF;--yellow: #FFF8E1;--green-soft: #E8F5E9;--green-dk: #2E7D32}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Noto Sans JP,sans-serif;line-height:1.95;font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.site-header{border-bottom:2px solid var(--teal);padding:18px 0;background:#fff;position:sticky;top:0;z-index:10}.site-header-inner{max-width:720px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.logo{font-family:Shippori Mincho,serif;font-size:19px;font-weight:700;color:var(--teal);letter-spacing:.04em;line-height:1.2}.logo small{display:block;font-size:10px;color:var(--muted);letter-spacing:.15em;margin-top:-2px;font-weight:400}.site-nav{display:flex;gap:24px;font-size:13.5px}.site-nav a{color:var(--muted)}.site-nav a:hover{color:var(--teal)}.site-footer{border-top:1px solid var(--line);padding:40px 24px;text-align:center;font-size:12.5px;color:var(--muted);margin-top:80px}.article-wrap{max-width:720px;margin:0 auto;padding:56px 24px 80px}.chapter-num{display:inline-block;background:var(--teal);color:#fff;padding:5px 14px;font-size:12px;letter-spacing:.18em;margin-bottom:18px;border-radius:3px;font-weight:700;text-shadow:0 0 1px rgba(255,255,255,.2)}.article-title{font-family:Shippori Mincho,serif;font-size:34px;font-weight:700;line-height:1.5;margin-bottom:12px;letter-spacing:.02em}.article-subtitle{font-size:17px;color:var(--text);opacity:.75;margin-bottom:24px;font-weight:500}.article-meta{font-size:12px;color:var(--muted);margin-bottom:32px;padding-bottom:24px;border-bottom:1px dashed var(--line);display:flex;gap:16px}.intro{background:var(--orange-soft);border-left:4px solid var(--orange);padding:22px 26px;border-radius:0 6px 6px 0;margin-bottom:36px;font-size:14.5px}.intro strong{color:var(--orange)}.article-body p{margin-bottom:18px;font-size:15px;line-height:2}.article-body p strong{background:linear-gradient(transparent 65%,var(--yellow) 65%);font-weight:700}.article-body h2{font-family:Shippori Mincho,serif;font-size:24px;font-weight:700;margin:60px 0 20px;padding-left:16px;border-left:6px solid var(--teal);line-height:1.5}.article-body h3{font-family:Shippori Mincho,serif;font-size:18px;margin:36px 0 14px;color:var(--text)}.article-body ul,.article-body ol{margin:16px 0 24px 24px}.article-body li{margin-bottom:6px;line-height:1.9}.figure{margin:32px 0;text-align:center}.figure img{margin:0 auto;max-width:100%;border:1px solid var(--line);border-radius:6px}.figure-caption{margin-top:10px;font-size:12.5px;color:var(--muted);font-weight:500}.figure-caption strong{color:var(--teal);font-weight:700}.illust-block{background:var(--bg-soft);border-radius:12px;padding:28px;margin:32px 0}.illust-block .title{display:block;font-family:Shippori Mincho,serif;font-size:17px;margin-bottom:12px;font-weight:700}.checkpoint{background:var(--green-soft);border-radius:8px;padding:20px 24px;margin:32px 0;border-left:4px solid #4CAF50}.checkpoint h4{font-family:Shippori Mincho,serif;font-size:15px;margin-bottom:10px;color:var(--green-dk)}.checkpoint ul{list-style:none;padding:0;margin:0}.checkpoint li{padding-left:24px;position:relative;margin-bottom:6px;font-size:14px}.checkpoint li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.checkpoint--rule{background:#e3f2fd;border-left-color:#1976d2}.checkpoint--rule h4{color:#1565c0}.checkpoint--rule li:before{content:"•";color:#1976d2;font-size:18px;line-height:1}.next-up{background:var(--teal-soft);border-radius:12px;padding:28px;margin-top:60px;text-align:center}.next-up .label{display:block;color:var(--text);opacity:.7;font-size:12px;letter-spacing:.15em;margin-bottom:10px;font-weight:700}.next-up a{font-family:Shippori Mincho,serif;font-size:19px;color:var(--text);font-weight:700}.next-up a:after{content:" →";color:var(--teal)}.home-wrap{max-width:720px;margin:0 auto;padding:64px 24px 80px}.home-hero{text-align:center;margin-bottom:64px}.home-hero h1{font-family:Shippori Mincho,serif;font-size:36px;font-weight:700;margin-bottom:16px;letter-spacing:.04em}.home-hero p{font-size:15px;color:var(--muted)}.home-section-title{font-family:Shippori Mincho,serif;font-size:22px;font-weight:700;margin-bottom:28px;padding-left:14px;border-left:5px solid var(--teal)}.article-list{display:grid;gap:20px}.article-card{display:flex;gap:22px;align-items:center;padding:18px 22px;border:1px solid var(--line);border-radius:8px;transition:all .2s ease;background:#fff}.article-card-thumb{flex:0 0 140px;aspect-ratio:1 / 1;background:var(--bg-soft);border-radius:6px;overflow:hidden}.article-card-thumb img{width:100%;height:100%;object-fit:cover}.article-card-body{flex:1;min-width:0}.article-card:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 8px 20px #0000000a}.article-card .num{display:inline-block;background:var(--teal);color:#fff;padding:3px 10px;font-size:11px;letter-spacing:.18em;border-radius:2px;margin-bottom:10px;font-weight:700}.article-card h3{font-family:Shippori Mincho,serif;font-size:19px;font-weight:700;margin-bottom:6px;color:var(--text)}.article-card .sub{font-size:13.5px;color:var(--muted);margin-bottom:0}@media(max-width:600px){.article-wrap,.home-wrap{padding:36px 18px 60px}.article-title{font-size:26px}.home-hero h1{font-size:28px}.article-body h2{font-size:20px}.article-card{padding:14px;gap:14px}.article-card-thumb{flex:0 0 100px}}.lightbox{position:fixed;inset:0;background:#000000d9;display:none;align-items:center;justify-content:center;z-index:9999;padding:20px;cursor:zoom-out}.lightbox.open{display:flex}.lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 8px 32px #00000080}