.q400-page{--q400-ink:#173349;--q400-blue:#113f69;--q400-teal:#176d63;--q400-line:#d5e1e8;--q400-soft:#f3f7fa;color:var(--q400-ink);font-size:17px;line-height:1.85;overflow-wrap:anywhere}
.q400-page *,.q400-crosslink *{box-sizing:border-box}
.q400-page .q400-shell{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.q400-page .q400-hero{padding:32px 0 0;background:linear-gradient(155deg,#edf5fa 0%,#f8fbfd 65%,#fff 100%);border-bottom:1px solid var(--q400-line)}
.q400-page .q400-crumb{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;line-height:1.6;margin-bottom:26px;color:#4b6375}
.q400-page a{color:#125779;text-underline-offset:.22em}
.q400-page a:hover{text-decoration-thickness:2px}
.q400-page a:focus-visible,.q400-page summary:focus-visible,.q400-crosslink a:focus-visible{outline:3px solid #a75a12;outline-offset:5px;border-radius:5px}
.q400-page h1{max-width:920px;margin:8px 0 20px;font-size:clamp(29px,3.5vw,46px);line-height:1.4;letter-spacing:.015em;color:#123854;text-wrap:balance}
.q400-page h2{margin:8px 0 18px;font-size:clamp(23px,2.4vw,31px);line-height:1.5;color:#173e5b}
.q400-page h3{margin:10px 0 12px;font-size:20px;line-height:1.55;color:#173e5b}
.q400-page p{margin:0 0 16px}
.q400-page .q400-lead{max-width:920px;font-size:20px;line-height:1.8}
.q400-page .q400-eyebrow{margin:0 0 8px;color:#315d77;font-size:14px;font-weight:750;letter-spacing:.06em}
.q400-page .q400-meta{margin:16px 0 24px;font-size:14px;color:#4b6375}
.q400-page .q400-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 16px}
.q400-page .q400-actions a{display:flex;justify-content:center;align-items:center;min-height:48px;padding:10px 22px;border-radius:9px;color:#fff;text-decoration:none;font-weight:700;line-height:1.6}
.q400-page .q400-call{background:var(--q400-blue)}
.q400-page .q400-line{background:#176d49}
.q400-page .q400-jump{display:flex;flex-wrap:wrap;gap:8px 24px;padding:18px 0 22px;border-top:1px solid var(--q400-line);font-size:15px;font-weight:700}
.q400-page .q400-jump a{padding:4px 0;min-height:36px}
.q400-page .q400-content{padding-block:36px 64px}
.q400-page .q400-stop{padding:26px 28px;border:1px solid #e6cfb7;border-left:5px solid #a75a12;border-radius:12px;background:#fff8ee}
.q400-page .q400-stop h2{font-size:24px}
.q400-page .q400-stop p:last-child{margin-bottom:0}
.q400-page .q400-section{margin-top:52px;scroll-margin-top:110px}
.q400-page [id]{scroll-margin-top:110px}
.q400-page .q400-purpose{padding:18px 22px;background:#edf4f8;border-radius:10px;margin:24px 0}
.q400-page .q400-tree-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.q400-page .q400-tree{margin:0;border:1px solid #c6d7e2;border-radius:14px;background:#fff;overflow:hidden;min-width:0;box-shadow:0 5px 20px #15384c07}
.q400-page .q400-tree summary{display:flex;align-items:center;gap:14px;padding:22px;cursor:pointer;list-style:none;background:#eef5f9;min-height:98px}
.q400-page summary::-webkit-details-marker{display:none}
.q400-page .q400-tree summary::marker,.q400-page .q400-faq summary::marker{content:''}
.q400-page .q400-number{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:50%;background:var(--q400-blue);color:white;font-size:17px;font-weight:750;line-height:1}
.q400-page .q400-tree summary strong{display:block;font-size:23px;line-height:1.5;color:#173e5b}
.q400-page .q400-tree summary small{display:block;margin-top:4px;font-size:14px;line-height:1.6;color:#425d6d}
.q400-page .q400-toggle{margin-left:auto;flex:none;font-size:24px;color:#285c7a}
.q400-page .q400-tree[open] .q400-toggle{transform:rotate(45deg)}
.q400-page .q400-tree-body{padding:22px}
.q400-page .q400-question{font-weight:750;font-size:18px;line-height:1.7}
.q400-page .q400-branches{margin:0 0 20px;padding:0 0 0 18px;list-style:none;border-left:2px solid #a8becd}
.q400-page .q400-branches li{position:relative;margin:0 0 18px;padding:0}
.q400-page .q400-branches li::before{content:'';position:absolute;left:-20px;top:15px;width:12px;border-top:2px solid #a8becd}
.q400-page .q400-branches b{display:block;color:#1b665c;margin-bottom:6px}
.q400-page .q400-branches p{font-size:16px;margin:0;line-height:1.85}
.q400-page .q400-next{padding:14px 16px;background:var(--q400-soft);border-radius:8px;font-size:15px;line-height:1.8}
.q400-page .q400-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:26px 0}
.q400-page .q400-three article{min-width:0;padding:24px;border:1px solid var(--q400-line);border-radius:12px;background:#fff}
.q400-page .q400-three p{font-size:16px;margin-bottom:0}
.q400-page .q400-label{display:inline-block;color:#205a75;font-weight:700;font-size:14px;border-bottom:2px solid #87b9c4;padding-bottom:4px}
.q400-page .q400-policy{padding:26px 28px;border-radius:12px;border:1px solid #b9d8d0;background:#f0f8f5}
.q400-page .q400-policy h3{margin-top:0}
.q400-page .q400-text-link{font-weight:700}
.q400-page .q400-control-list{margin:0;border-top:1px solid var(--q400-line)}
.q400-page .q400-control-list div{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;padding:20px 0;border-bottom:1px solid var(--q400-line)}
.q400-page .q400-control-list dt{font-weight:750;color:#205a75}
.q400-page .q400-control-list dd{margin:0}
.q400-page .q400-building-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.q400-page .q400-building{min-width:0;border:1px solid var(--q400-line);border-top:4px solid #356c85;border-radius:12px;padding:26px}
.q400-page .q400-building h3{font-size:23px;margin-top:0}
.q400-page .q400-building-intro{font-weight:700;color:#266b61}
.q400-page .q400-building ul{margin:16px 0;padding-left:22px}
.q400-page .q400-building li{margin:0 0 12px}
.q400-page .q400-building p:last-child{margin-bottom:0;font-size:15px}
.q400-page .q400-local-note{padding-top:20px}
.q400-page .q400-prepare-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;padding-left:24px;margin:24px 0}
.q400-page .q400-prepare-list li{padding-left:4px}
.q400-page .q400-prepare-list strong,.q400-page .q400-prepare-list span{display:block}
.q400-page .q400-prepare-list span{font-size:16px;margin-top:5px}
.q400-page .q400-message{padding:24px 28px;background:#f1f5f8;border:1px solid var(--q400-line);border-radius:12px}
.q400-page .q400-message h3{margin-top:0}
.q400-page .q400-message p{margin-bottom:0}
.q400-page .q400-faq{border-bottom:1px solid var(--q400-line);margin:0}
.q400-page .q400-faq:first-child{border-top:1px solid var(--q400-line)}
.q400-page .q400-faq summary{position:relative;list-style:none;cursor:pointer;padding:20px 42px 20px 2px;font-size:18px;font-weight:700;line-height:1.7;color:#173e5b}
.q400-page .q400-faq summary::after{position:absolute;right:12px;top:18px;content:'＋';font-size:22px;color:#356c85}
.q400-page .q400-faq[open] summary::after{content:'−'}
.q400-page .q400-faq p{padding:0 32px 20px 2px;margin:0}
.q400-page .q400-source{border-top:1px solid var(--q400-line);padding-top:28px;font-size:15px;color:#425d6d}
.q400-page .q400-source h2{font-size:20px}
.q400-crosslink{max-width:1120px;width:calc(100% - 40px);margin:24px auto;padding:22px 26px;border:1px solid #c7dce6;border-left:4px solid #285c7a;border-radius:10px;background:#f1f7fa;color:#173349;font-size:16px;line-height:1.85;overflow-wrap:anywhere}
.q400-crosslink h2{font-size:22px;line-height:1.5;margin:0 0 10px;color:#173e5b}
.q400-crosslink p{margin:0 0 12px}
.q400-crosslink a{color:#125779;text-underline-offset:.22em}
.q400-crosslink nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.q400-crosslink nav a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:900px){.q400-page .q400-three{grid-template-columns:1fr}.q400-page .q400-three article{padding:22px}.q400-page .q400-tree-grid{gap:16px}.q400-page .q400-tree summary{padding:18px;gap:10px}.q400-page .q400-tree-body{padding:18px}.q400-page .q400-building{padding:22px}}
@media(max-width:700px){.q400-page{font-size:16px;line-height:1.85}.q400-page .q400-shell{width:calc(100% - 36px)}.q400-page .q400-hero{padding-top:24px}.q400-page h1{font-size:30px;line-height:1.45;text-wrap:initial}.q400-page h2{font-size:24px}.q400-page .q400-lead{font-size:18px}.q400-page .q400-crumb{font-size:13px;margin-bottom:22px}.q400-page .q400-actions{flex-direction:column;gap:10px}.q400-page .q400-actions a{width:100%;padding:12px 16px;font-size:16px}.q400-page .q400-jump{gap:8px 18px}.q400-page .q400-content{padding-top:24px}.q400-page .q400-stop{padding:20px}.q400-page .q400-stop h2{font-size:22px}.q400-page .q400-section{margin-top:38px}.q400-page .q400-tree-grid,.q400-page .q400-building-grid,.q400-page .q400-prepare-list{grid-template-columns:1fr}.q400-page .q400-tree summary{padding:18px}.q400-page .q400-tree summary strong{font-size:22px}.q400-page .q400-tree-body{padding:20px}.q400-page .q400-purpose,.q400-page .q400-policy,.q400-page .q400-message{padding:20px}.q400-page .q400-control-list div{grid-template-columns:1fr;gap:6px;padding:18px 0}.q400-page .q400-faq summary{font-size:17px}.q400-crosslink{padding:20px;width:calc(100% - 36px)}.q400-crosslink h2{font-size:21px}.q400-crosslink nav{display:block}.q400-crosslink nav a{display:flex}}
@media(prefers-reduced-motion:reduce){.q400-page *{scroll-behavior:auto!important;transition:none!important}}
