
.depth-trends,.depth-question-bank,.depth-cross-stage{margin-top:28px;padding-top:24px;border-top:1px solid var(--line,#dce5ef)}
.depth-trend-title{font-size:1.15rem;font-weight:650;color:#1c3651}
.depth-claim{background:#f3f7fc;border-left:3px solid #789ac2;border-radius:4px 10px 10px 4px;padding:18px 22px;margin:16px 0;overflow-wrap:anywhere}
.depth-claim>p{margin:8px 0;max-width:90ch}.depth-evidence-link{font-size:.9rem;line-height:1.6;display:inline-flex;gap:6px;align-items:center}.depth-evidence-link svg{flex-shrink:0}
.depth-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:20px 0}.depth-two article{background:#fff;border:1px solid #e2e9f1;border-radius:10px;padding:20px}
.depth-two h4{font-size:1rem;margin:6px 0 12px}.depth-two p{line-height:1.85;margin-bottom:0}
.depth-scenario{margin:24px 0 30px;padding:24px;background:#f8faff;border:1px solid #dce6f3;border-radius:14px}
.depth-scenario-label{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-weight:600;margin:18px 0}
.depth-scenario-label select{font:inherit;font-weight:400;color:#203c58;max-width:100%;min-height:44px;border:1px solid #b7cae1;border-radius:8px;padding:10px 38px 10px 12px;background:#fff}
.depth-scene-context h4{font-size:1.12rem;margin:22px 0 10px}.depth-scene-context p,.depth-flow-reading p{line-height:1.85;max-width:95ch}
.depth-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none!important;padding:0!important;gap:22px;margin:16px 0}
.depth-flow li{position:relative;min-width:0;margin:0!important}.depth-flow li:not(:last-child):after{content:'→';position:absolute;right:-19px;top:30px;color:#5279a6}
.depth-flow a{display:flex;flex-direction:column;gap:10px;height:100%;padding:16px;background:#fff;border:1px solid #c9d8eb;border-radius:10px;text-decoration:none;color:#213b57;line-height:1.55}
.depth-flow a:hover{border-color:#4672b7;background:#eef4fd}.depth-flow-number{font-size:.75rem;color:#547dab;font-weight:700}.depth-flow small{font-size:.88rem;color:#52677c}
.depth-flow-reading{border-left:3px solid #c1d2e9;padding-left:18px}.depth-module-heading{margin-top:28px}
.depth-question{border:1px solid #dfe7f0;border-radius:10px;margin:12px 0;background:#fff}
.depth-question summary{padding:16px 20px;cursor:pointer;line-height:1.7}.depth-question summary strong{display:block;margin-top:4px;font-size:1rem}.depth-question>div{padding:0 20px 18px;border-top:1px solid #e8eef4}
.depth-question p{line-height:1.85;max-width:95ch}.depth-question[open]{border-color:#b9cbe4}
.depth-case-nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.depth-case-nav a{padding:10px 14px;border:1px solid #d4dfec;border-radius:7px;text-decoration:none;background:white}
.depth-case-nav a[aria-current]{border-color:#4873c8;color:#214e9d;background:#edf3ff}
.depth-case-step{padding:22px;background:#f7f9fd;border:1px solid #dce5f1;border-radius:12px}.depth-case-step h4{font-size:1.08rem;margin:10px 0 20px}
.depth-case-step .architecture-dl dd{max-width:85ch}.depth-stage-continuity{margin:28px 0}.depth-stage-continuity h3{font-size:1.05rem}
.depth-progress{border-left:3px solid #507aba}
.depth-scenario a:focus-visible,.depth-case-nav a:focus-visible,.depth-question summary:focus-visible,.depth-scenario select:focus-visible{outline:3px solid #6085c5;outline-offset:3px}
@media(max-width:1000px){.depth-flow{grid-template-columns:1fr;gap:26px}.depth-flow li:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-25px}}
@media(max-width:640px){.depth-scenario{padding:16px}.depth-two{grid-template-columns:1fr;gap:12px}.depth-two article{padding:16px}.depth-flow{grid-template-columns:1fr;gap:26px}.depth-flow li:not(:last-child):after{content:'↓';top:auto;bottom:-25px;right:50%}.depth-scenario-label{display:block}.depth-scenario-label select{display:block;width:100%;margin-top:8px}.depth-case-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.depth-case-nav a{font-size:.9rem;padding:10px}.depth-case-step{padding:16px}.depth-claim{padding:14px 16px}.depth-question summary{padding:14px}.depth-question>div{padding:0 14px 14px}.depth-heading{gap:10px;flex-wrap:wrap}.depth-flow a{min-height:110px}}


/* A single continuous sequence avoids false arrows across wrapped rows. */
.depth-flow.depth-scenario-flow{display:flex;flex-direction:column;gap:16px}
.depth-scenario-flow li:not(:last-child):after{content:'↓';left:23px;right:auto;top:auto;bottom:-19px;font-size:16px;line-height:20px}
.depth-scenario-flow a{display:grid;grid-template-columns:24px minmax(160px,1fr) minmax(0,2.2fr);gap:16px;align-items:start;padding:16px 18px;min-height:0;height:auto}
.depth-scenario-flow .depth-flow-number{padding-top:4px}
.depth-scenario-flow strong{font-size:.98rem}
.depth-scenario-flow small{font-size:.9rem}
@media(max-width:720px){.depth-scenario-flow a{grid-template-columns:24px minmax(0,1fr);gap:7px 10px;padding:14px}.depth-scenario-flow small{grid-column:2}.depth-scenario-flow li:not(:last-child):after{left:20px}}


.depth-application{margin:14px 0;border:1px solid #dce5ef;border-radius:10px;background:#f7f9fc}
.depth-application>summary{padding:16px 20px;cursor:pointer;line-height:1.7}
.depth-application>summary strong{margin-right:16px}
.depth-application>summary .fine-print{white-space:normal}
.depth-application-body{padding:0 16px 8px}
.depth-discovery-fields p{margin:16px 0;text-align:left}
.depth-discovery-fields p>strong{display:block;margin-bottom:6px;color:#254363}
.depth-question-stage-link{display:inline-flex;margin:0 20px 18px}
.depth-application>summary:focus-visible{outline:3px solid #6085c5;outline-offset:2px}
@media(max-width:640px){.depth-application>summary{padding:14px}.depth-application>summary .fine-print{display:block;margin-top:4px}.depth-application-body{padding:0 8px 6px}}
