:root{font-family:"Segoe UI","Yu Gothic UI",Meiryo,sans-serif;color:#24433f;background:#f5f7f2;line-height:1.85;font-size:16px;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px max(5vw,20px);background:#193f44;color:#fff}a{color:#236d5e;text-underline-offset:4px}.brand{color:#fff;text-decoration:none;font-weight:700;font-size:20px}.brand span{font-size:12px;font-weight:400;margin-left:15px;color:#bcd7c7}.app-link{border:1px solid #81ac9b;color:#fff;text-decoration:none;padding:7px 13px;border-radius:6px;font-size:13px}main{max-width:1140px;margin:auto;padding:0 30px}section{padding:60px 0;scroll-margin-top:20px;border-bottom:1px solid #d9e1d6}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center;padding:65px 0 45px}.eyebrow{font-size:12px;letter-spacing:.1em;color:#43826c;font-weight:700;margin:0 0 12px}h1{font-size:clamp(29px,3.2vw,43px);line-height:1.6;font-weight:650;margin:0 0 19px;letter-spacing:.025em}h2{font-size:28px;line-height:1.5;margin:0 0 18px}h3{font-size:19px;line-height:1.5;margin:12px 0}p{margin:12px 0}.hero p{color:#567269}.hero-art{width:100%;min-width:0}.links{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.links a{border:1px solid #a5c4b2;border-radius:7px;padding:10px 16px;text-decoration:none;font-size:14px}.links .primary{background:#236d5e;color:white;border-color:#236d5e}.small,.caption{font-size:12px;color:#64796e}.toc{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0;border-bottom:1px solid #d9e1d6}.toc a{background:#e4ece0;color:#375e4f;text-decoration:none;padding:7px 12px;border-radius:30px;font-size:13px}.cards{display:grid;gap:20px;margin:26px 0}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}article{background:#fff;border:1px solid #dfe6db;border-radius:13px;padding:25px;min-width:0}article p,article li{font-size:14px}.number{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e3eee0;color:#3e7966;font-weight:bold}.mock-button{font-size:13px;text-align:center;background:#236d5e;color:#fff;border-radius:6px;padding:14px 5px;margin:20px 0;pointer-events:none}.mock-tabs{display:flex;justify-content:center;gap:10px;font-size:13px;padding:14px 0;margin:20px 0}.mock-tabs b{padding:5px 9px;background:#e2eee4;border-radius:5px}.mock-tabs span{padding:5px 0}svg{max-width:100%;height:auto}svg text{font:17px "Segoe UI","Yu Gothic UI",Meiryo,sans-serif;fill:#315e51}svg text.strong{font-weight:700}.wide-figure{display:block;width:100%;background:#fff;border-radius:12px;margin:25px 0;padding:10px}.featured{background:#edf2e6;border-radius:18px;padding:35px;margin-top:35px}.note{border-left:4px solid #b18b4b;background:#faf1de;padding:17px 22px;font-size:14px;border-radius:0 8px 8px 0}ol{padding-left:22px}li{margin:8px 0}.tag{display:inline-block;padding:3px 11px;background:#e5efdf;color:#4b785b;font-size:12px;border-radius:20px}.flow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:25px 0}.flow span{padding:11px 14px;background:#e4ecdf;border-radius:6px;font-size:14px}.flow b{color:#89a08a}.file{background:#eef4e9;padding:18px 12px;border-radius:7px;font-size:18px;font-weight:600;overflow-wrap:anywhere}.file span{display:block;font-size:12px;font-weight:400;color:#668064}details{background:#fff;border:1px solid #dce4d6;border-radius:8px;padding:15px 21px;margin:12px 0}summary{cursor:pointer;font-weight:600}details p,details li{font-size:14px}footer{text-align:center;padding:45px 10px;color:#52705f}a:focus-visible,summary:focus-visible{outline:3px solid #c59444;outline-offset:5px}@media(max-width:750px){main{padding:0 20px}.hero{grid-template-columns:1fr;padding-top:35px}.hero-art{max-width:370px;justify-self:center}.cards.three,.cards.two{grid-template-columns:1fr}.featured{padding:22px 16px}.brand span{display:block;margin-left:0}header{align-items:flex-start;padding:15px 20px}.brand{font-size:17px}.app-link{font-size:11px;max-width:140px;text-align:center}section{padding:38px 0}h2{font-size:24px}article{padding:22px}.wide-figure{padding:3px}.flow{gap:7px}.flow span{font-size:12px;padding:8px}.caption{font-size:11px}}