/* R012: learning guide and connected practice map */
:root{--ink:#123d46;--muted:#526e75;--line:#d2e2e5;--paper:#f2f7f8;--teal:#086c78;--soft:#e3f2f2;--gold:#997439;--shadow:0 8px 28px #123d4608}
html{scroll-behavior:smooth;scroll-padding-top:20px}header{background:#074e58;height:auto;min-height:86px;padding-top:16px;padding-bottom:16px}.brand small{color:#c1e2e6}.quiet:hover{background:#176673}.edition{display:none}main{max-width:1500px}h1{font:600 clamp(28px,3.4vw,45px)/1.14 "Segoe UI",Arial,sans-serif;letter-spacing:-1.4px}h1 em{color:#087382;font-style:normal}.intro{padding:6px 0 10px}.context{min-width:250px}.context a{display:inline-block;margin-top:10px;color:var(--teal);font-size:12px;font-weight:700}.page-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.page-nav a{padding:9px 15px;border:1px solid var(--line);border-radius:24px;color:var(--ink);background:#fff;text-decoration:none;font-weight:600;font-size:12px}.page-nav a:hover{background:var(--soft)}
.start-here{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:20px}.start-here p{color:var(--muted);margin-bottom:0}.ordering{align-self:start;border-left:3px solid #32a5ad;padding:12px 18px;background:#edf7f7;border-radius:4px}.ordering summary{font-weight:700;cursor:pointer}.ordering p{font-size:13px}.concept-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:15px}.concept-flow button{background:white;border:1px solid var(--line);border-radius:8px;padding:10px;font-weight:700}.concept-flow small{font-weight:400}.focus{background:#dff0f2;border-color:#bbdce0}.focus:hover{background:#d4e9ec}.focus-desc{color:#385f65}.focus-action{color:#086775}.pulse{background:#088293}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.section-heading>span{font-size:12px;color:var(--muted)}.quick-section{margin:28px 0}.quick-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.quick-tool{background:white;border:1px solid var(--line);border-radius:12px;text-align:left;padding:16px;min-width:0;transition:transform .15s,box-shadow .15s}.quick-tool:hover{transform:translateY(-2px);box-shadow:0 7px 20px #074e5815}.quick-tool.primary{border-top:4px solid #077a87;padding-top:13px}.quick-tool>strong{font-size:23px;display:block;margin:5px 0 2px}.quick-tool>span:not(.small-label){display:block;font-size:12px;min-height:35px;color:var(--muted)}.progress-line{display:flex;justify-content:space-between;gap:6px;align-items:baseline;margin-top:12px}.progress-line b{font-size:20px;color:var(--teal)}.progress-line span{font-size:10px;color:var(--muted)}.progress-track{height:4px;border-radius:10px;background:#dfebed;margin-top:6px;overflow:hidden}.progress-track i{display:block;height:100%;background:#0b8590}.unmeasured{font-size:11px;color:#6b7075;margin:17px 0 0}.progress-explainer{font-size:12px;margin:12px 0;color:var(--muted);max-width:900px}.progress-explainer summary{cursor:pointer}.progress-explainer p{line-height:1.65}
.workspace{display:block}.detail{margin-top:20px;position:static;width:100%;scroll-margin-top:20px}.detail-head{padding:24px 28px}.detail-head h2{font-size:24px}.detail-body{padding:24px 28px}.detail-kicker{justify-content:space-between;gap:15px;flex-wrap:wrap}.detail-kicker span:last-child{color:#55767b}.tabbar{padding:0 28px;justify-content:flex-start;gap:20px}.tabbar button{min-height:45px}.tool-names{display:block;font-size:10px;color:#47646d;margin-top:9px;font-weight:600}.tree{gap:18px;padding:0 25px 25px}.branch-title{font-size:17px}.branch-sub{min-height:32px;font-size:11px}.group-help{font-size:11px;margin:0 0 15px;color:var(--muted)}.group-help summary{cursor:pointer;color:var(--teal);font-weight:600}.group-help p{line-height:1.55}.node{min-height:128px}.node.selected{border-color:#07818d;background:#ecf8f9}.node .here{color:#07606c;background:#d7eef1}.root{background:#074e58;width:460px}.legend{font-size:11px}.root strong{font-size:16px}.root span{color:#cae4e6}.star{color:#917039}.map-foot{font-size:11px}.learning-grid,.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.learning-grid h3,.work-grid h3,.prep-grid h3{font-size:13px;color:var(--teal);margin:0 0 6px}.learning-grid p,.work-grid p{margin:0;line-height:1.65}.routine-difference{padding:18px 22px;background:#eaf5f6;border-left:3px solid #148794;margin-top:22px}.routine-difference h3{margin:0;font-size:13px}.routine-difference p{margin:6px 0}.connected{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:22px 0}.connected>span{color:var(--muted);font-size:12px;margin-right:6px}.connected button{background:#fff;border:1px solid #bed9de;padding:6px 12px;border-radius:20px;color:var(--teal);font-size:12px}.source{border:1px solid var(--line);border-radius:9px;margin:12px 0;background:#fff}.source summary{padding:13px 16px;cursor:pointer;font-weight:600;font-size:13px}.source>p,.source>a,.source>ol,.source>div{margin:0 16px 16px;line-height:1.65}.source p{font-size:13px;color:var(--muted)}.source a{display:block;color:#086a7b}.progress-summary{background:#f0f7f8;padding:15px 20px;border-radius:9px;margin:22px 0;max-width:680px}.progress-summary small{display:block;margin-top:10px;color:var(--muted);font-size:11px}.progress-summary .progress-line{margin:0}.progress-summary .progress-line span{font-size:12px}.check-row{border-bottom:1px solid var(--line);padding:13px 0}.step-state.done{background:#d8edef;color:#05606c}.check-row small{line-height:1.55}.next{border-left:3px solid #11808c;padding-left:15px}.five-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:24px}.five-grid article{background:#edf6f7;border:1px solid var(--line);border-radius:9px;padding:17px}.five-grid article>span{font-size:24px;color:#3f8a95}.five-grid h3{margin:9px 0;font-size:15px}.five-grid b{font-size:12px;display:block}.five-grid p{font-size:12px;color:var(--muted);margin-bottom:0}.prep-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.prep-heading h3{margin:0;font-size:20px}.prep-heading span{color:var(--muted);font-size:12px}.prep-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.prep-grid article{padding:18px;background:#eff6f7;border-radius:9px}.prep-grid p{margin:0;font-size:13px}.agenda{padding-left:20px}.agenda li{padding:5px 0}.agenda li b{float:right;margin-left:15px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.speech{border-color:#118491;background:#edf6f7;font-size:16px;line-height:1.7}.section-block{margin-top:30px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:14px}.calendar-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.calendar-card{padding:19px;border:1px solid var(--line);border-radius:10px;background:#fbfdfd}.calendar-card.upcoming{border-top:3px solid #108492;padding-top:17px}.calendar-date{font-size:28px;display:block;margin:8px 0}.calendar-card h3{font-size:15px;margin:0 0 8px}.calendar-card p{font-size:13px;margin:0 0 12px;color:var(--muted)}.calendar-card small{font-size:11px;color:#506c74}.calendar-card details{font-size:11px;margin-top:12px}.calendar-card summary{cursor:pointer;color:var(--teal)}.section-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:20px}.section-actions button,.section-actions a{background:#edf6f7;border:1px solid #b9d5db;border-radius:7px;padding:10px 14px;text-decoration:none;font-size:12px;font-weight:600;color:var(--teal)}.meeting-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.meeting-compare article{padding:20px;border-radius:10px;background:#edf6f7}.meeting-compare h3{margin:7px 0;font-size:19px}.meeting-compare p{margin:0;color:var(--muted);font-size:13px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.filter-row button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 13px;font-size:12px}.filter-row button[aria-pressed=true]{background:#075d6b;color:white;border-color:#075d6b}.kpi-card{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;overflow:hidden}.kpi-card>summary{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none}.kpi-card>summary::after{content:'+';font-size:22px;color:var(--teal)}.kpi-card[open]>summary::after{content:'−'}.kpi-card summary>span:first-child{flex:1}.kpi-card summary small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.status{display:inline-block;background:#f3f1e9;border:1px solid #e6dfcb;border-radius:5px;padding:4px 8px;font-size:10px;color:#6e5931;white-space:normal}.status.ready{background:#e2f3ee;border-color:#b9ded4;color:#24634d}.kpi-body{padding:0 20px 16px;border-top:1px solid var(--line)}.kpi-body h3{font-size:16px;margin:20px 0 12px}.formula{background:#ecf5f7;border-left:3px solid #148491;padding:14px;font-size:14px;line-height:1.6}.kpi-body .work-grid{grid-template-columns:1fr 1fr}.kpi-body h4{margin:0 0 6px;color:var(--teal)}.kpi-body article p{font-size:13px}.example-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:stretch}.spatial-diagram{display:flex;min-height:180px;gap:5px;border:1px solid #b5cfd4;border-radius:12px;padding:8px}.spatial-zone{flex:0 0 40%;background:repeating-linear-gradient(135deg,#f9e8e1,#f9e8e1 10px,#f1ddd5 10px,#f1ddd5 11px);padding:20px;display:flex;flex-direction:column;justify-content:center;border-radius:6px;color:#7b493b}.spatial-zone.future{flex:1;background:#eef2f4;color:#536d76}.spatial-zone.available{background:#d3eae4;color:#255d51}.spatial-zone span{font-size:12px;margin-top:10px}.example-result{background:#eff6f7;padding:20px;border-radius:12px}.example-result strong{font-size:46px;color:#086a77;line-height:1.1;display:block}.example-result>span{font-weight:600;font-size:12px;display:block;margin-top:8px}.example-result p{font-size:13px;color:var(--muted)}.next-route .route-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.next-route button{padding:17px;border:1px solid var(--line);border-radius:9px;background:#f8fbfc;text-align:left}.next-route button b{font-size:14px}.next-route button small{font-size:12px;display:block;color:var(--muted);margin-top:6px}footer{font-size:11px}.note{line-height:1.65}.chips button[aria-pressed=true]{background:#075d6b;color:white;border-color:#075d6b}
@media(max-width:1100px){.quick-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.five-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-cards{grid-template-columns:1fr 1fr}.header-right{flex-wrap:wrap;justify-content:flex-end}.tree{gap:12px}.node{padding:12px}.node strong{font-size:12px}}
@media(max-width:720px){header{padding:16px 20px;align-items:flex-start;gap:15px;flex-wrap:wrap}.header-right{width:100%;justify-content:flex-start}.update-group{flex:1}main{padding:24px 16px}.intro{display:block}.context{border:0;border-top:1px solid var(--line);padding:17px 0 0;margin-top:20px}.start-here{grid-template-columns:1fr;padding:20px;gap:18px}.section-heading{align-items:flex-start;flex-direction:column;gap:7px}.focus{flex-wrap:wrap;padding:18px;gap:12px}.focus-desc{margin-left:22px}.focus-action{margin-left:22px}.quick-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-tool{padding:14px}.tree{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 15px 20px;gap:20px 12px}.branch-sub{min-height:34px}.branch-title{font-size:16px}.map-toolbar{padding:18px 15px}.controls{padding:0 15px}.legend{padding:15px;font-size:10px}.map-foot{flex-direction:column;gap:4px}.detail-head,.detail-body{padding:20px}.tabbar{padding:0 10px;gap:4px;justify-content:space-between}.tabbar button{font-size:12px;padding:10px 8px}.learning-grid,.work-grid,.prep-grid,.role-grid{grid-template-columns:1fr;gap:18px}.five-grid{grid-template-columns:1fr 1fr}.five-grid article:last-child{grid-column:1/-1}.prep-heading{display:block}.prep-heading span{display:block;margin-top:8px}.section-block{padding:20px}.calendar-cards{grid-template-columns:1fr 1fr;gap:10px}.calendar-card{padding:14px}.calendar-card.upcoming{padding-top:12px}.calendar-date{font-size:23px}.meeting-compare,.example-grid,.kpi-body .work-grid{grid-template-columns:1fr}.kpi-card>summary{flex-wrap:wrap;padding:16px;gap:8px}.kpi-card summary>span:first-child{flex-basis:85%}.kpi-card>summary::after{margin-left:auto}.kpi-body{padding:0 16px 16px}.spatial-zone{padding:12px}.example-result strong{font-size:38px}.next-route .route-steps{grid-template-columns:1fr 1fr}.page-nav a{font-size:11px;padding:8px 11px}.tree.list{grid-template-columns:1fr}.tree.list .nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.section-actions button,.section-actions a{width:100%;text-align:center}.source summary{font-size:12px}.load-status{display:none}footer{gap:12px;flex-direction:column}.document-row{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}