:root{font-family:"Yu Gothic",Meiryo,system-ui,sans-serif;color:#37413c;background:#fffdf8;font-synthesis:none;--coral:#a34e43;--sage:#506e5d;--line:#e0e4d8}
*{box-sizing:border-box}body{margin:0}a{color:var(--coral);text-underline-offset:.2em}button,a{touch-action:manipulation}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #637f6b;outline-offset:4px}img{max-width:100%;height:auto}.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:20px;top:-70px;background:white;padding:12px;z-index:10}.skip-link:focus{top:12px}.site-header{display:flex;gap:20px;align-items:center;justify-content:space-between;padding-block:26px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#37413c;font-size:25px;font-weight:700;white-space:nowrap}.brand img{width:65px;height:40px;object-fit:contain}.site-header nav{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}.site-header nav a{color:#506052;text-decoration:none}.public-main{padding:30px 0 65px}.page-intro{max-width:840px;margin:0 auto 40px}.eyebrow{color:var(--sage);font-size:13px;letter-spacing:.12em;font-weight:700}h1{font-size:clamp(30px,4.2vw,48px);line-height:1.5;margin:14px 0 16px;letter-spacing:.02em}h2{font-size:25px;line-height:1.6;margin:0 0 18px}h3{font-size:19px;line-height:1.65;margin:27px 0 10px}p,li,dd{font-size:16px;line-height:1.95}p{margin:0 0 18px}.lead{font-size:18px;color:#667163}.article{max-width:840px;margin:auto}.content-card{padding:30px 34px;border:1px solid var(--line);border-radius:20px;background:#fff;margin-bottom:24px}.content-card h2{color:#415c4c}.content-card ul,.content-card ol{padding-left:1.5em}.content-card li{padding-left:.25em;margin-bottom:10px}.content-card p:last-child{margin-bottom:0}.callout{padding:18px 22px;border-left:4px solid #92ad98;background:#f4f7ee;border-radius:0 12px 12px 0}.start-link,.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;background:#a95649;color:white;padding:14px 24px;text-decoration:none;font-weight:700;line-height:1.5}.secondary{border:1px solid #a6b4a3;border-radius:10px;background:#fffdf8;color:#415748;padding:12px 18px;line-height:1.5}.start-line{margin-top:24px}.legend{display:grid;gap:12px;margin:20px 0}.legend span{display:flex;align-items:center;gap:12px;line-height:1.7}.dot{width:15px;height:15px;flex:0 0 15px;border-radius:4px}.dot.green{background:#93b3a2}.dot.coral{background:#d47669}.dot.gray{background:#bfc2c0}.dot.waiting{background:#edece5;border:1px solid #909b8d}.hero-small{display:block;width:min(440px,100%);margin:20px auto}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:24px}.two-column .content-card{margin:0}.updated{font-size:13px;color:#6d786b}.video-shell{border-radius:16px;background:#f4f7ee;padding:22px;text-align:center}.video-shell iframe{display:block;width:100%;aspect-ratio:9/16;max-height:680px;border:0;margin:auto;border-radius:12px}.video-shell[hidden],[hidden]{display:none!important}.tools-showcase{margin:52px auto 0}.tools-showcase iframe{display:block;width:100%;border:0}.tools-showcase-fallback{text-align:center;font-size:14px;margin:15px 0 0}.advertisement{max-width:840px;margin:36px auto 0;text-align:center;border-top:1px solid var(--line);padding:24px 0 0}.advertisement>p:first-child{font-size:12px;color:#697765;margin-bottom:10px}.advertisement .adsbygoogle{display:block;width:100%;min-height:280px}.ad-note{font-size:13px;line-height:1.7;color:#6c756b;margin-top:10px}.share-section{max-width:840px;margin:30px auto 0;padding:24px;border:1px solid var(--line);border-radius:18px;background:#f6f8ef}.share-section h2{font-size:20px}.share-actions{display:flex;gap:12px;flex-wrap:wrap}.share-feedback{font-size:14px;margin:12px 0 0;overflow-wrap:anywhere}.copy-url{display:block;width:100%;min-height:58px;border:1px solid #a3ae9c;border-radius:8px;margin-top:12px;padding:10px;background:#fff;font:14px system-ui,sans-serif}.site-footer{border-top:1px solid var(--line);padding-block:26px 34px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.site-footer nav{display:flex;gap:17px;flex-wrap:wrap}.site-footer nav a,.text-button{font-size:13px;color:#5b6e60;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:.2em}.site-footer small{display:block;color:#697666;margin-top:24px;font-size:12px}.consent-banner{position:fixed;inset:auto 20px 20px;z-index:20;max-width:840px;margin:auto;background:#fffefb;box-shadow:0 6px 36px #24342324;border:1px solid #b5c3ad;border-radius:16px;padding:20px 24px}.consent-banner p{font-size:14px;line-height:1.75;margin:0 0 14px}.consent-actions{display:flex;gap:12px;flex-wrap:wrap}.consent-actions button{font-size:14px}.consent-banner h2{font-size:18px;margin:0 0 10px}.consent-banner a{font-size:13px}.consent-feedback{font-size:13px;color:#506454;line-height:1.7}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}.site-header{align-items:flex-start;padding-block:18px;gap:18px}.brand{font-size:21px}.brand img{width:50px;height:34px}.site-header nav{gap:10px 14px;justify-content:flex-end;font-size:12px}.public-main{padding-top:20px}h1{font-size:31px}h2{font-size:22px}.content-card{padding:24px 20px;border-radius:16px}.page-intro{margin-bottom:26px}.lead{font-size:16px}.two-column{grid-template-columns:1fr;gap:18px}.footer-top{align-items:flex-start;flex-direction:column}.consent-banner{inset:auto 10px 10px;padding:17px}.consent-actions{gap:9px}.consent-actions button{padding:11px 14px}.advertisement .adsbygoogle{min-height:250px}.video-shell{padding:16px}.share-actions{flex-direction:column}.share-actions button{width:100%}.tools-showcase{margin-top:35px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}