
:root{--ink:#173547;--muted:#526a78;--accent:#126b82;--soft:#e8f3f5;--line:#d9e4e9;--paper:#fff;--bg:#f6f8f9;--serif:"Yu Mincho",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.95 "Yu Gothic",Meiryo,sans-serif}body.orange{--accent:#a65319;--soft:#fff0df}body.green{--accent:#257258;--soft:#eaf5ed}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #f4b24d;outline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;padding:12px;background:white;z-index:9}.wrap{max-width:1120px;margin:auto;padding:0 26px}.topbar{background:var(--ink);color:white;font-size:.8rem;padding:7px 0}.topbar a{color:#fff}.site-head{background:#fff;border-bottom:1px solid var(--line)}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0}.brand{color:var(--ink);font-size:1.35rem;font-weight:800;text-decoration:none;letter-spacing:.035em}.brand small{display:block;font-size:.72rem;color:var(--muted);font-weight:500}.nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.nav a{font-size:.9rem;text-decoration:none}.hero{padding:56px 0 50px;background:linear-gradient(120deg,var(--soft),#fff 87%);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:50px;align-items:center}.eyebrow{font-size:.76rem;letter-spacing:.16em;font-weight:700;color:var(--accent)}h1{font-size:clamp(1.8rem,3.3vw,3rem);line-height:1.5;letter-spacing:.025em;margin:12px 0 22px}.lead{font-size:1.08rem;max-width:760px;color:var(--muted)}.hero-art{width:100%;max-width:300px}.content{padding:42px 0 64px}.article{max-width:870px}.article>section{margin:0 0 48px}.article h2{font-size:1.6rem;line-height:1.6;margin:35px 0 18px;padding-left:15px;border-left:5px solid var(--accent)}.article h3{font-size:1.15rem;margin:26px 0 8px}.article p{margin:14px 0}.article li{margin:9px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:24px 0}.card{border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:10px;padding:22px;background:#fff}.card h3{margin:0 0 10px;font-size:1.12rem}.card p{margin:8px 0;color:var(--muted);font-size:.94rem}.card a{text-decoration:none}.card a:hover{text-decoration:underline}.meta,.small{font-size:.85rem;color:var(--muted)}.breadcrumb{font-size:.83rem;color:var(--muted);margin:0 0 18px}.note{padding:20px 23px;background:var(--soft);border-radius:8px;margin:24px 0}.btn{display:inline-block;background:var(--accent);color:#fff;border-radius:7px;padding:10px 19px;text-decoration:none;font-weight:700;margin:10px 10px 10px 0}.btn.secondary{background:#fff;color:var(--accent);border:1px solid var(--line)}.table-scroll{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:8px;margin:20px 0}table{border-collapse:collapse;width:100%;font-size:.93rem;min-width:480px}th,td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:var(--soft);font-weight:700}tr:last-child td{border-bottom:0}.network{border-top:1px solid var(--line);margin-top:42px;padding-top:28px}.network h2{font-size:1.3rem}.network .card{border-top-width:1px;padding:18px}.network .cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.site-footer{background:var(--ink);color:#d8e5eb;padding:40px 0;font-size:.86rem}.site-footer a{color:white}.footer-nav{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px}.ad-label{font-size:.72rem;color:#687985;text-align:center;margin:0 0 8px}.advertisement{padding:30px 0;margin:38px 0;border-top:1px solid var(--line)}.faq details{padding:16px 20px;margin:12px 0;background:#fff;border:1px solid var(--line);border-radius:8px}.faq summary{font-weight:700;cursor:pointer}.faq details p{color:var(--muted)}.app-icon{display:block;width:170px;height:170px;object-fit:contain;border-radius:28px;background:#fff;padding:5px;box-shadow:0 12px 25px #17354716;margin:auto}.example{border:1px dashed var(--accent);padding:22px;border-radius:8px;background:#fff}.example strong{display:block;color:var(--accent);font-size:.85rem}.search-box{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.search-box input{width:min(100%,550px);font:inherit;padding:11px 15px;border:1px solid #a5bac5;border-radius:7px}button{font:inherit;cursor:pointer;border:0;background:var(--accent);color:white;border-radius:7px;padding:10px 20px}.result-count{font-size:.9rem;color:var(--muted)}.toc{padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px}.toc summary{font-weight:bold;cursor:pointer}.toc ul{font-size:.9rem;margin-bottom:0}.resource{border-bottom:1px solid var(--line);padding:12px 0 22px}.resource h3{margin-bottom:4px}.resource .url{display:block;font-size:.76rem;overflow-wrap:anywhere;color:var(--muted)}@media(max-width:750px){.wrap{padding:0 20px}.head-inner{display:block;padding:18px 0}.nav{gap:12px;margin-top:15px}.hero{padding:35px 0}.hero-grid{grid-template-columns:1fr;gap:22px}.hero-art{max-width:220px;justify-self:center}.app-icon{width:125px;height:125px}.article h2{font-size:1.35rem}.cards{grid-template-columns:1fr}.content{padding-top:30px}.article>section{margin-bottom:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

h1{text-wrap:balance}.title-phrase{display:inline-block;max-width:100%;text-wrap:normal}
