*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}.reading-site{margin:0;background:#f7f6f0;color:#233e37;font:16px/1.85 system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;overflow-wrap:anywhere}.reading-site a{color:#246b5b;text-underline-offset:5px}.reading-site a:hover{color:#122f28}.reading-site a:focus-visible,.reading-site summary:focus-visible{outline:3px solid #b16c29;outline-offset:5px}.reading-header{max-width:1180px;margin:auto;padding:26px 28px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #d7e0d7}.reading-brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;text-decoration:none;white-space:nowrap}.reading-header nav,.reading-footer nav{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}.reading-header nav a{font-size:14px}.reading-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:12px;background:#173d35;color:#fff!important;text-decoration:none;font-weight:700;text-align:center;min-height:48px;line-height:1.6}.reading-main{max-width:1080px;margin:auto;padding:22px 28px 70px}.reading-hero{max-width:830px;padding:62px 0 42px}.reading-site h1{font-size:clamp(29px,4.8vw,49px);line-height:1.5;letter-spacing:.025em;margin:16px 0 22px;text-wrap:balance}.reading-hero>p:not(.reading-label):not(.reading-meta){max-width:670px;font-size:18px}.reading-label{font-size:13px;font-weight:750;color:#487263;letter-spacing:.06em}.reading-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:28px 0 14px}.reading-meta{font-size:13px;color:#64756e}.reading-section{padding:28px 0;border-bottom:1px solid #d7e0d7}.reading-site h2{font-size:clamp(21px,3vw,27px);line-height:1.6;margin:0 0 18px}.reading-site h3{font-size:19px;line-height:1.6;margin:12px 0}.reading-site p{margin:14px 0}.reading-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.reading-card{display:block;min-width:0;background:#fff;border:1px solid #d5dfd6;border-radius:18px;padding:23px;text-decoration:none;box-shadow:0 3px 0 #173d3505}.reading-card:hover{border-color:#649383}.reading-card p{font-size:14px;color:#53665e}.reading-arrow{font-size:14px;font-weight:700}.reading-note{font-size:13px;color:#4d6259;border-left:3px solid #d4a06a;background:#eee9dc;padding:14px 18px;border-radius:0 10px 10px 0}.reading-steps{padding-left:24px}.reading-steps li{padding:8px}.reading-steps p{margin:5px 0}.reading-crumb{font-size:13px;padding:14px 0}.reading-title{padding:24px 0}.reading-title>p{max-width:780px}.reading-article{max-width:790px;margin:auto}.reading-lead{font-size:19px;line-height:1.85}.reading-toc{background:#edf2eb;border-radius:16px;padding:22px 28px;margin:28px 0}.reading-toc ol{margin:12px 0 0;padding-left:24px}.reading-toc li{padding:5px 0}.reading-figure{margin:28px 0}.reading-figure img,.reading-figure video{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;border:1px solid #d5dfd6;border-radius:12px;background:#fff}.reading-figure figcaption{font-size:12px;color:#5c6c63;margin-top:10px}.reading-practice{background:#e7eee5;border:1px solid #cddacb;border-radius:18px;padding:28px;margin:34px 0}.reading-related{padding-left:24px}.reading-related li{padding:10px 0}.reading-related p{font-size:14px;color:#586c61;margin:5px 0}.reading-sources{font-size:14px;padding-left:22px}.reading-sources li{margin:12px 0}.reading-sources small{display:block;color:#5c6c63}.reading-footer{background:#e9eee5;padding:36px max(28px,calc((100vw - 1024px)/2));font-size:13px}.reading-footer strong{font-size:20px}.reading-footer p{color:#566b5e}.reading-site summary{cursor:pointer;padding:12px 0}.skip-link{position:absolute;top:0;left:0;transform:translateY(-150%);background:white;padding:12px;z-index:5}.skip-link:focus{transform:none}@media(max-width:650px){.reading-header{padding:18px 20px;align-items:flex-start;flex-direction:column;gap:16px}.reading-header nav{width:100%;gap:14px;justify-content:space-between}.reading-header nav a{font-size:12px}.reading-header .reading-button{padding:10px 14px}.reading-main{padding:15px 20px 45px}.reading-hero{padding:30px 0}.reading-hero>p:not(.reading-label):not(.reading-meta){font-size:16px}.reading-grid{gap:14px}.reading-card{padding:21px}.reading-toc,.reading-practice{padding:20px}.reading-lead{font-size:17px}.reading-title{padding:18px 0}.reading-footer{padding:28px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}