.lesson-three-hero{background:linear-gradient(115deg,#e4f2ff 0%,#fbfdff 52%,#fff3c7 100%)}
.lesson-three-hero .hero-art img{max-height:510px}
.lesson-three-hero h1{font-size:clamp(2.9rem,5.6vw,5rem)}
.lesson-code{margin-top:19px}
.branch-figure{margin:30px 0 0;padding:25px 30px 20px;background:#fff;border:2px solid var(--blue);border-radius:22px;box-shadow:8px 8px 0 #dbe9ff}
.branch-question{width:min(100%,350px);margin:20px auto 0;padding:15px;text-align:center;background:#e5f0ff;border:3px solid var(--blue);border-radius:16px}
.branch-question small{display:block;color:#526f93;font-weight:900}
.branch-question strong{color:var(--deep);font-size:1.35rem;font-weight:950}
.branch-paths{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0 0}
.branch-path{min-width:0;padding:17px 20px;border:2px solid var(--line);border-radius:15px;background:#f4f8ff;position:relative}
.branch-path:before{content:"↓";position:absolute;left:50%;top:-29px;color:var(--red);font-size:1.55rem;font-weight:950;line-height:1}
.branch-path.rain{background:#e8f2ff}.branch-path.fair{background:#fff5d4}
.branch-path[data-active=true]{border-color:var(--red);box-shadow:0 0 0 3px #fce1dd}
.branch-path span,.branch-path small{display:block;color:#516b8d;font-size:.77rem;font-weight:900}
.branch-path strong{display:block;margin:5px 0;color:var(--deep);font-size:1.12rem;font-weight:950}
.branch-figure figcaption{margin-top:19px;padding-top:13px;border-top:1px solid var(--line);color:#3b5679;font-size:.84rem;line-height:1.65}
.choice-demo,.temperature-demo{margin-top:23px;padding:22px 25px;background:#fff;border:2px solid var(--blue);border-radius:18px;box-shadow:6px 6px 0 #dbe9ff}
.choice-demo label,.temperature-demo label{display:block;margin:12px 0 5px;color:var(--deep);font-weight:950}
.choice-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.choice-controls select,.choice-controls input{min-width:0;width:min(100%,180px);padding:9px 12px;border:2px solid #86a6d4;border-radius:9px;background:#fff;color:var(--deep);font:inherit;font-weight:850}
.choice-controls button{padding:9px 16px;border:2px solid var(--blue);border-radius:9px;background:var(--blue);color:#fff;font-weight:950}
.choice-controls button:hover{background:var(--deep)}
#weather-result,#temperature-result{margin:17px 0 0;padding:10px 14px;background:#edf4ff;border-left:5px solid var(--blue);font-weight:800}
#temperature-result[data-error=true]{background:#fff0ea;border-color:var(--red)}
.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:23px}
.compare-grid>div{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;background:#fff;border:2px solid var(--line);border-radius:12px}
.compare-grid code{min-width:45px;color:var(--blue);font-size:1.2rem;font-weight:950}
.compare-grid span{font-size:.81rem;font-weight:900}
.indent-demo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.indent-demo>div{min-width:0;padding:17px;background:#fff;border:2px solid var(--line);border-radius:15px}
.demo-tag{display:inline-block;margin-bottom:11px;padding:3px 10px;background:#dceaff;border-radius:5px;color:var(--deep);font-size:.76rem;font-weight:950}
.demo-tag.alternate{background:#fff0c5}
.indent-demo p{margin:10px 0 0;font-size:.83rem;font-weight:750}
.note kbd{padding:.1em .4em;background:#fff;border:1px solid #b8a35c;border-radius:4px}
#temperature-help{margin:8px 0 0;color:#526b8b;font-size:.81rem}
.temperature-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.temperature-paths>div{min-width:0;padding:12px;background:#f2f7ff;border:2px solid var(--line);border-radius:12px}
.temperature-paths>div[data-active=true]{background:#fff2c0;border-color:#d79f1f}
.temperature-paths span{display:block;color:#567092;font-size:.75rem;font-weight:900}
.temperature-paths strong{display:block;margin-top:4px;color:var(--deep);font-size:.87rem;font-weight:950;line-height:1.55}
.coffee-talk{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;margin-top:15px}
.coffee-talk img{width:80px;height:80px;object-fit:contain}
.coffee-talk p{margin:0 0 11px}
.coffee-talk strong{color:var(--deep)}
@media(max-width:760px){.branch-figure{padding:20px}.compare-grid{grid-template-columns:1fr 1fr}.temperature-paths{grid-template-columns:1fr}}
@media(max-width:520px){.lesson-three-hero h1{font-size:clamp(2.35rem,9.2vw,3.3rem)}.branch-figure{padding:16px}.branch-paths,.indent-demo{grid-template-columns:1fr}.branch-path{padding:12px 15px}.branch-path:before{display:none}.compare-grid{gap:7px}.compare-grid>div{display:block;padding:10px}.compare-grid code{display:block}.choice-controls>*{flex:1}.coffee-talk{grid-template-columns:1fr}.coffee-talk img{width:65px;height:65px}}
@media print{.choice-controls{display:none}.branch-figure,.choice-demo,.temperature-demo{box-shadow:none}}