/* RC6 learning layer: static, readable and keyboard-operable. */
.learning-page{padding-top:2.1rem;padding-bottom:4rem}.learning-intro{max-width:72ch;margin-bottom:1.8rem}.learning-intro h1{font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.16;margin:.45rem 0 1rem}.learning-intro p{max-width:70ch}.learning-partner{display:inline-block;padding:.35rem 0}.learning-layout{display:grid;grid-template-columns:minmax(10rem,15rem) minmax(0,1fr);gap:3rem;align-items:start}.situation-index{position:sticky;top:8rem;border-top:2px solid currentColor;padding-top:1rem}.situation-index h2{font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .65rem}.situation-index a{display:block;padding:.9rem 0;border-bottom:1px solid #ccd2d4;line-height:1.4;text-decoration:none}.situation-index a span{display:block;font-size:.75rem;color:#5e686e;margin-bottom:.2rem}.learning-cases{min-width:0}.learning-case{max-width:75ch;scroll-margin-top:8rem;border-top:2px solid #17384e;padding:1.5rem 0 3rem;margin:0 0 2rem}.learning-case h2{font-size:clamp(1.5rem,2.5vw,2.15rem);line-height:1.3;margin:.3rem 0 .8rem}.learning-case h3{font-size:1.05rem;line-height:1.45;margin:0 0 .6rem}.learning-case p,.learning-case li{font-size:1rem;line-height:1.8}.learning-case section{margin:1.6rem 0}.case-number{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#53636a}.case-situation{font-size:1.08rem!important}.observation-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;background:#f1f4f4;padding:1.25rem}.observation-pair section{margin:0}.explanation{border-top:1px solid #cdd5d8;padding:1rem 0}.explanation h4{font-size:1rem;line-height:1.55;margin:0 0 .7rem}.explanation dl{display:grid;grid-template-columns:minmax(7rem,10rem) minmax(0,1fr);gap:.6rem 1rem;margin:0}.explanation dt{font-weight:600;font-size:.85rem}.explanation dd{margin:0;line-height:1.7}.bounded-test ol{padding-left:1.25rem}.bounded-test li{padding:.3rem 0 .6rem .3rem}.learning-safeguard,.case-notice{font-size:.87rem!important;line-height:1.7}.learning-safeguard{border-left:3px solid #ae8529;padding:.75rem 1rem;background:#faf7ee;margin:1.25rem 0}.case-result,.learning-transfer{border-left:3px solid #31586b;padding:1rem 1.25rem;background:#f5f7f7}.learning-variation{padding:1.3rem;border:1px solid #aebfc7}.learning-variation details{margin-top:.9rem}.learning-variation summary{cursor:pointer;font-weight:600;padding:.7rem 0;min-height:44px}.learning-variation details p{margin:.75rem 0 0}.learning-depth{border-top:1px solid #cdd5d8;padding-top:1.3rem}.reading-list{list-style:none;padding:0!important;margin:.75rem 0}.reading-list li{padding:.65rem 0;border-bottom:1px solid #dce1e2}.reading-list small{display:block;color:#526168;font-size:.8rem;line-height:1.5}.reading-list p{margin:.3rem 0 0;font-size:.9rem}.resource-actions{display:flex;gap:.5rem 1.2rem;flex-wrap:wrap;margin:1.1rem 0}.resource-actions a{padding:.6rem 0;min-height:44px}.ig-observation{font-size:.87rem!important;line-height:1.6;border-left:2px solid #c3a259;padding:.65rem 1rem;margin:1rem 0}.ig-observation a{display:inline-block;padding:.2rem 0}.learning-tail{border-top:1px solid #cdd5d8;padding:1.5rem 0;margin-top:1.5rem}.learning-tail p{font-size:.92rem}.editorial-reasoning,.editorial-check,.editorial-related{margin:1.3rem 0;padding:1rem 1.3rem;background:#f4f6f6;border-left:3px solid #7a939e}.editorial-related{background:transparent;border-top:1px solid #ccd5d9;border-left:0;padding-left:0}.editorial-reasoning h3,.editorial-check h3,.editorial-related h3{font-size:1rem;margin-top:0}.editorial-post-related{border-top:2px solid #18374d;padding:1.5rem 0;margin-top:3rem}.archive-learning-entry{margin:1.8rem 0;padding:1.4rem;background:#f0f4f5}.archive-learning-entry h2{font-size:1.25rem;margin:0 0 .7rem}.learning-page a:focus-visible,.editorial-related a:focus-visible,.learning-variation summary:focus-visible{outline:3px solid #b78b26;outline-offset:4px}.mina-page .learning-case{border-color:#75613d}.mina-page .observation-pair,.mina-page .case-result,.mina-page .learning-transfer{background:#f7f5ef}.mina-page .case-result,.mina-page .learning-transfer{border-color:#9a7d44}.mina-page .learning-case p,.mina-page .learning-case li{line-height:1.95}.learning-page :is(a,p,h1,h2,h3,h4,dd,li),.editorial-related a{overflow-wrap:anywhere}.learning-case :is(ul,ol){max-width:none}
@media(max-width:950px){.learning-layout{grid-template-columns:1fr;gap:1.3rem}.situation-index{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 1rem}.situation-index h2{grid-column:1/-1}.situation-index a{padding:.6rem 0}.learning-intro{margin-bottom:1rem}.learning-case{max-width:none;scroll-margin-top:5rem}.learning-case:first-child{padding-top:1rem}}
@media(max-width:580px){.learning-page{padding-top:1.25rem}.learning-intro h1{font-size:1.9rem}.learning-intro p{font-size:.95rem}.situation-index{grid-template-columns:1fr}.situation-index a span{display:inline;margin-right:.65rem}.situation-index a{padding:.65rem 0}.observation-pair{grid-template-columns:1fr;gap:1rem;padding:1rem}.explanation dl{grid-template-columns:1fr;gap:.25rem}.explanation dd{margin-bottom:.6rem}.learning-case{padding-bottom:1.5rem}.learning-case section{margin:1.25rem 0}.case-result,.learning-transfer,.learning-variation{padding:1rem}.learning-safeguard{padding:.7rem}.learning-page .resource-actions{display:block}.resource-actions a{display:block}.learning-page h2{font-size:1.5rem}}
.learning-page .situation-index{display:block;margin:0;width:auto;align-self:start;gap:0}.learning-page .situation-index a{display:block;text-align:left;justify-content:start;min-height:44px;border-left:0;background:transparent;color:inherit;padding:.9rem 0}.learning-page .situation-index a:last-child{background:transparent;color:inherit}.learning-page .situation-index h2{width:auto}.learning-page .situation-index a span{display:block}
@media(max-width:950px){.learning-page .situation-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 1rem;position:static}.learning-page .situation-index a{padding:.65rem 0}}
@media(max-width:580px){.learning-page .situation-index{grid-template-columns:1fr}.learning-page .situation-index a span{display:inline}.learning-intro p{line-height:1.65}.learning-intro h1{margin-bottom:.65rem}}
.learning-orientation summary{cursor:pointer;font-size:.9rem;text-decoration:underline;text-underline-offset:.2em;min-height:36px;padding:.25rem 0}.learning-orientation p{margin:.5rem 0}.learning-page .situation-index h2{font-size:.82rem;margin:0 0 .65rem}.learning-orientation summary:focus-visible{outline:3px solid #b78b26;outline-offset:3px}
