/* Connected Learn deeper discoveries — designed for phones first */
.cl-shell{--cl-ink:#294a3e;--cl-gold:#c78a21;--cl-border:#e4d5ae;color:var(--cl-ink);max-width:1000px;margin:0 auto;padding:0 16px 52px}
.cl-back{display:inline-block;margin:16px 0;color:#355d4c;font-weight:800}.cl-hero{background:linear-gradient(130deg,#fbf7eb,#eaf3e5);border:1px solid #e2d9bd;border-radius:26px;padding:clamp(20px,4vw,43px);display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}
.cl-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#a67525;font-size:.72rem;font-weight:900}.cl-hero h1{font:700 clamp(1.8rem,5vw,3.1rem)/1.14 Georgia,serif;margin:.4em 0}.cl-hero p{font-size:1.04rem;line-height:1.6;max-width:600px}.cl-art{font-size:clamp(56px,9vw,110px);filter:drop-shadow(0 10px 12px #3a564622)}
.cl-window{margin:22px 0;padding:clamp(16px,4vw,30px);border:1px solid var(--cl-border);border-radius:22px;background:#fffcf4;box-shadow:0 5px 0 #e7dfcf}.cl-window h2{font:700 clamp(1.4rem,3.8vw,2.15rem)/1.2 Georgia,serif;margin:0 0 10px}.cl-window p,.cl-window li{line-height:1.65}.cl-note{font-size:.88rem;color:#61766a}.cl-choice-group{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.cl-btn{appearance:none;cursor:pointer;padding:13px 18px;border:1.5px solid #88a18d;color:#234637;background:#edf4ea;border-radius:12px;font-weight:800;min-height:46px;text-align:left}.cl-btn[aria-pressed=true],.cl-btn:hover{background:#285c47;color:white;border-color:#285c47}.cl-primary{background:#285c47;color:#fff}.cl-btn:focus-visible,a:focus-visible{outline:3px solid #d99419;outline-offset:3px}.cl-readout{background:#f0f5eb;border-radius:16px;padding:15px;margin-top:14px;min-height:115px}.cl-readout strong{display:block;font-size:1.3rem;font-family:Georgia,serif}.cl-readout p{margin:8px 0}.cl-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0}.cl-stat{background:#f5f0dd;border:1px solid #e8d8b6;border-radius:11px;padding:12px;min-width:0}.cl-stat b{display:block;font-size:clamp(1rem,3vw,1.45rem);word-break:break-word}.cl-stat span{display:block;font-size:.76rem;line-height:1.4}.cl-rail{height:24px;display:flex;overflow:hidden;border-radius:24px;background:#e2e7db;margin:14px 0}.cl-rail .one{background:#58a989}.cl-rail .two{background:#edae46}.cl-rail .three{background:#b36c56}.cl-canvas{position:relative;background:linear-gradient(180deg,#e2ecdc,#f9f5df);border-radius:18px;min-height:110px;display:flex;align-items:center;justify-content:space-around;gap:6px;padding:15px;font-size:clamp(1.6rem,6vw,3.1rem)}.cl-canvas span{display:inline-block;transition:transform .2s ease}.cl-step{display:inline-flex;align-items:center;gap:9px;background:#f3ead2;padding:8px 12px;border-radius:99px;color:#785819;font-weight:900;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.cl-slider{width:100%;accent-color:#2f7152;min-height:32px}.cl-range-label{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.cl-range-label output{font-size:1.15rem;font-weight:900}.cl-forward{margin-top:18px;padding:24px;border-radius:20px;background:linear-gradient(135deg,#e7f0e5,#f9f3df);border:1px solid #bdceb9}.cl-forward h2{font-family:Georgia,serif}.cl-forward a{display:inline-block;margin:7px 10px 0 0;background:#285c47;color:#fff;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:800}.cl-forward a+ a{background:#fffdf5;color:#295a46;border:1px solid #96af9b}.cl-principle{padding:15px;border-left:4px solid #cc922c;background:#fff5da;border-radius:0 12px 12px 0}.cl-short{max-width:710px}.cl-window details{margin-top:15px;border-top:1px solid #e0d4b9;padding-top:10px}.cl-window summary{cursor:pointer;font-weight:800}.cl-sources{font-size:.8rem}.cl-sources a{color:#345c48}.ml-connected{border:1px solid #e3d4ad;border-radius:21px;padding:19px 22px;margin:27px auto;max-width:1040px;background:#fffbef;color:#294d3d}.ml-connected .ml-connection-kicker{font-weight:900;font-size:.72rem;letter-spacing:.13em;color:#ad791f;text-transform:uppercase}.ml-connected h2{font:700 clamp(1.35rem,3vw,1.7rem)/1.2 Georgia,serif;margin:7px 0}.ml-connected p{line-height:1.5;margin:8px 0 15px}.ml-connected a{display:inline-flex;align-items:center;min-height:42px;background:#2c624a;color:#fff!important;border-radius:10px;padding:10px 15px;font-weight:900;text-decoration:none}.ml-connected .ml-other{background:transparent;border:1px solid #b0c5b2;color:#285d46!important;margin-left:7px}.ml-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.ml-route a{padding:15px;border-radius:14px;text-decoration:none;background:#f7f2e7;border:1px solid #e4d7b8;color:#2d5143;line-height:1.45;font-weight:800}.ml-route small{display:block;color:#8f752e;letter-spacing:.03em;font-size:.72rem;font-weight:800}.ml-route a:hover{background:#e9f1e8}.cl-mini-kpi{display:block;font-weight:900;font-size:1.6rem}.cl-warning{font-size:.88rem;color:#725d43}.cl-mini-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin:12px 0}.cl-mini-list>div{background:#f4f5e9;border:1px solid #dce8d3;border-radius:12px;padding:12px}
@media(max-width:760px){.cl-hero{grid-template-columns:1fr}.cl-art{display:none}.cl-numbers{grid-template-columns:1fr 1fr}.ml-route{grid-template-columns:1fr 1fr}}@media(max-width:390px){.cl-numbers{grid-template-columns:1fr}.cl-choice-group{flex-direction:column}.cl-btn{width:100%}.ml-route{grid-template-columns:1fr}.ml-connected .ml-other{margin-left:0;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.cl-canvas span{transition:none}}

.cl-window[hidden]{display:none!important}.cl-next{margin:2px 0 16px}.cl-skip{margin:2px 0 16px 9px;background:#fffcf3;color:#285c47;font-size:.8rem}.cl-skip:hover{background:#e9f2e4;color:#285c47}@media(max-width:540px){.cl-next,.cl-skip{width:100%;margin:2px 0 10px}}