/* KB-UPGRADE-011:reading-style:start */
.kb011-reading{color:#183044}
.kb011-reading .kb011-overview{margin:24px 0;background:#eef4fa;border:1px solid #cbd9e5;border-radius:12px;padding:20px}
.kb011-reading figcaption{font-weight:700;color:#193e82;margin-bottom:16px}
.kb011-reading .kb011-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.kb011-reading .kb011-flow li{position:relative;min-width:0;margin:0;padding:12px;border-top:3px solid #d97827}
.kb011-reading .kb011-flow strong,.kb011-reading .kb011-flow li>span:last-child{display:block}
.kb011-reading .kb011-flow strong{color:#193e82;margin:8px 0 4px}
.kb011-reading .kb011-flow li>span:last-child{font-size:.95rem}
.kb011-reading .kb011-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#fff;background:#193e82;font-weight:700}
.kb011-reading .kb011-flow li+li:before{content:'→';position:absolute;left:-18px;top:17px;color:#193e82;font-weight:700}
.kb011-reading .kb011-layers details{margin:12px 0;background:#fff;border:1px solid #cbd9e5;border-radius:12px;overflow-wrap:anywhere}
.kb011-reading .kb011-layers summary{padding:18px 20px;cursor:pointer;font-weight:700;color:#193e82;min-height:48px}
.kb011-reading .kb011-layers summary:focus-visible{outline:3px solid #193e82;outline-offset:3px;border-radius:10px}
.kb011-reading .kb011-layers details[open] summary{border-bottom:1px solid #cbd9e5}
.kb011-reading .kb011-layer-body{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);align-items:start;gap:20px;padding:20px}
.kb011-reading .kb011-layer-body>div{min-width:0}
.kb011-reading .kb011-layer-body h3{font-size:1rem;color:#193e82;margin:0 0 4px}
.kb011-reading .kb011-layer-body p{margin:0 0 16px}
.kb011-reading .kb011-layer-body p:last-child{margin-bottom:0}
.kb011-reading .kb011-sketch{display:block;width:100%;max-width:240px;height:auto;color:#193e82;background:#f4f7fb;border-radius:10px}
.kb011-reading .kb011-route{stroke:#a35215}
@media(max-width:760px){.kb011-reading .kb011-flow{grid-template-columns:minmax(0,1fr);gap:8px}.kb011-reading .kb011-flow li{padding:12px 12px 12px 48px;border-top:0;border-left:3px solid #d97827}.kb011-reading .kb011-number{position:absolute;left:8px;top:16px}.kb011-reading .kb011-flow strong{margin:0 0 4px}.kb011-reading .kb011-flow li+li:before{content:'↓';left:-9px;top:-20px;background:#eef4fa}.kb011-reading .kb011-layer-body{grid-template-columns:minmax(0,1fr)}.kb011-reading .kb011-sketch{max-width:160px}.kb011-reading .kb011-overview{padding:16px}.kb011-reading .kb011-layers summary{padding:16px}}
/* KB-UPGRADE-011:reading-style:end */

.kb011-reading .kb011-layer-body{grid-template-columns:minmax(0,1fr)}
.kb011-reading .qk11-legacy-figure{margin:0;min-width:0}.kb011-reading .qk11-legacy-figure img{width:100%;max-width:800px;height:auto;border-radius:12px;display:block}.kb011-reading .qk11-legacy-figure a{display:inline-flex;align-items:center;min-height:44px}.kb011-reading .qk11-legacy-figure figcaption{margin:8px 0 0}#qk11 [id]{scroll-margin-top:110px}#qk11 .qk11-heading nav{display:flex;flex-wrap:wrap;gap:8px 20px}