/* Only learning tab; no changes to BRAINbow atlas. */
#learnView{background:#fffefa}#learnView .alt-intro{max-width:860px}#learnView .alt-intro h2{font-size:clamp(30px,3.2vw,46px);line-height:1.13;letter-spacing:-.035em}#learnView .learnnav{border-bottom:0;margin:23px 0 18px;gap:8px}#learnView .learnnav button{border:1px solid #e8e1d9;background:#fff;border-radius:99px;font-size:13px}#learnView .learnnav button.active{background:#83344a;border-color:#83344a;color:#fff}.proc-intro{max-width:850px}.proc-kicker{font-size:11px;letter-spacing:.14em;color:#8c4156;font-weight:800}.proc-intro h3{font:normal clamp(25px,3vw,40px)/1.15 Georgia,serif;margin:10px 0}.proc-intro>p:not(.proc-kicker){color:#566363;line-height:1.7}.proc-event{background:#edf3ed;display:flex;gap:20px;border-radius:24px;align-items:center;padding:22px 28px;margin:23px 0;max-width:1000px}.proc-event-mark{font-size:41px;color:#346e66}.proc-event small{display:block;color:#45776f;letter-spacing:.12em;font-weight:750;font-size:11px}.proc-event strong{display:block;font:normal clamp(22px,3vw,35px)/1.2 Georgia,serif;margin:7px 0}.proc-event p{margin:4px 0;font-size:14px;color:#51625d}.proc-question{font-weight:750;font-size:16px;margin:25px 0 13px}.proc-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.proc-branch{--branch:#ddd;text-align:left;display:flex;align-items:flex-start;gap:8px;flex-direction:column;padding:18px;border:1px solid #e5e4dd;border-radius:18px;background:#fff;cursor:pointer;color:#273e3f;font:inherit;transition:transform .15s,border-color .15s}.proc-branch:hover{transform:translateY(-3px)}.proc-branch.active{border:2px solid var(--branch);padding:17px;background:color-mix(in srgb,var(--branch) 12%,white)}.proc-circle{display:block;width:22px;height:22px;border-radius:100%;background:var(--branch)}.proc-branch strong{font-size:15px}.proc-branch span:last-child{font-size:13px;line-height:1.55;color:#55605b}.proc-stage-nav,.proc-reg-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:25px 0 15px}.proc-stage-nav button,.proc-reg-map button{background:#f4f2ed;border:none;display:flex;flex-direction:column;gap:7px;text-align:left;border-radius:14px;padding:13px 15px;cursor:pointer;color:#334441;font:inherit}.proc-stage-nav button.active,.proc-reg-map button.active{background:#803f55;color:white}.proc-stage-nav small{font-size:11px;font-weight:800;opacity:.68}.proc-stage-nav span{font-size:13px;font-weight:750}.proc-stage-body{display:grid;gap:12px}.proc-stage-visual{--branch:#9c9;position:relative;overflow:hidden;min-height:215px;border-radius:23px;padding:30px 32px;display:flex;align-items:center;background:color-mix(in srgb,var(--branch) 15%,#fbfaf5)}.proc-stage-visual>div:last-child{max-width:580px;z-index:1}.proc-stage-visual span{font-size:11px;letter-spacing:.1em;font-weight:750;color:#5d6262}.proc-stage-visual h4,.proc-reg-title h4{font:normal clamp(24px,3vw,35px)/1.2 Georgia,serif;margin:10px 0}.proc-stage-visual p,.proc-reg-title p{font-size:16px;line-height:1.65;margin:0}.proc-visual-orbit{position:absolute;right:35px;top:22px;width:170px;height:170px}.proc-visual-orbit i{position:absolute;display:block;background:var(--branch);opacity:.34;border-radius:42% 58% 62% 38%;width:118px;height:118px;transform:rotate(34deg)}.proc-visual-orbit i:nth-child(2){transform:translate(55px,30px) rotate(75deg);opacity:.18}.proc-visual-orbit i:nth-child(3){transform:translate(15px,60px) rotate(12deg);opacity:.14}.proc-insight{padding:16px 20px;border-left:3px solid #8b5c69;background:#faf8f5;border-radius:0 10px 10px 0}.proc-insight strong,.proc-reg-reflect strong{font-size:13px}.proc-insight p{margin:5px 0 0;line-height:1.55}.proc-actions{display:flex;gap:10px;justify-content:space-between}.proc-actions button{font:inherit;font-size:13px;padding:11px 18px;border:1px solid #decfd0;background:#fff;border-radius:99px;cursor:pointer;color:#60394a}.proc-actions button:last-child{background:#803f55;color:#fff;border-color:#803f55}.proc-actions button:disabled{opacity:.35;cursor:not-allowed}.proc-footer{font-size:12px;color:#737977;line-height:1.6;margin:17px 0 13px}.proc-sources{margin:15px 0 0;padding:15px 20px;background:#f6f4ef;border-radius:14px;line-height:1.65}.proc-sources summary{font-weight:700;cursor:pointer}.proc-sources p{font-size:13px;max-width:1000px}.proc-reg-map{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.proc-reg-map button{min-height:127px}.proc-reg-map strong{font-size:14px}.proc-reg-map small{font-size:12px;line-height:1.4}.proc-reg-number{display:grid;place-items:center;background:#fff9;border-radius:50%;width:30px;height:30px;color:#5b4951;font-weight:800}.proc-reg-map button.active .proc-reg-number{color:#803f55;background:#fff}.proc-reg-detail{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:22px;overflow:hidden}.proc-reg-title{background:#e8eee8;padding:30px}.proc-reg-title span{font-size:12px;letter-spacing:.1em;color:#46675b}.proc-reg-reflect{padding:27px;background:#f5f1ed}.proc-reg-reflect p{line-height:1.6;font-size:14px;margin:8px 0 17px}@media(max-width:780px){.proc-branches{grid-template-columns:1fr}.proc-branch{padding:12px}.proc-branch.active{padding:11px}.proc-stage-nav{grid-template-columns:repeat(2,1fr)}.proc-reg-map{grid-template-columns:repeat(2,1fr)}.proc-reg-map button{min-height:95px}.proc-reg-detail{grid-template-columns:1fr}.proc-event{padding:16px}.proc-stage-visual{padding:24px 20px}.proc-visual-orbit{opacity:.35;right:-75px}}

/* 2.1.5: wizualna instrukcja aktywności – tylko zakładka naukowa */
#learnView .learn-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 22px}
#learnView .learn-choices button{display:flex;gap:12px;align-items:flex-start;text-align:left;border:0;border-radius:20px;padding:17px 15px;min-height:156px;background:#f0f0eb;color:#263c39;box-shadow:none;white-space:normal;transition:background .16s,transform .16s}
#learnView .learn-choices button:hover{transform:translateY(-2px)}
#learnView .learn-choices button.active{background:#e7eeea;color:#243a36;box-shadow:inset 0 0 0 2px #477469}
#learnView .learn-choice-icon{font-size:27px;line-height:1;display:grid;place-items:center;width:41px;height:41px;flex:none;background:#fff9;border-radius:14px;color:#7d3c50}
#learnView .learn-choice-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
#learnView .learn-choice-copy strong{font-size:16px;line-height:1.3}
#learnView .learn-choice-copy small{font-size:12px;line-height:1.45;font-weight:400;color:#4e5e5b}
#learnView .learn-choice-copy em{font-size:12px;font-style:normal;font-weight:700;color:#6d354b;line-height:1.4}
#learnView .proc-intro{max-width:none}
#learnView .proc-intro h3{margin:4px 0 8px;font-size:clamp(24px,2.4vw,32px)}
#learnView .proc-kicker{margin:0 0 7px}
#learnView .proc-promise{padding:11px 16px;background:#f3f0e9;border-radius:13px;color:#374e49;line-height:1.5!important;font-size:14px}
#learnView .proc-event{margin:12px 0 12px;padding:14px 20px;border-radius:16px}
#learnView .proc-event-mark{font-size:31px}
#learnView .proc-event strong{font-size:24px}
#learnView .proc-question{margin:15px 0 9px;color:#773a4c;font-size:13px;letter-spacing:.01em}
#learnView .proc-branch{border:0;background:#f4f0eb;padding:13px;border-radius:14px}
#learnView .proc-branch.active{padding:13px;background:color-mix(in srgb,var(--branch) 24%,#fff);box-shadow:inset 0 0 0 2px var(--branch)}
#learnView .proc-stage-nav,#learnView .proc-reg-map{margin:10px 0}
#learnView .proc-stage-nav button,#learnView .proc-reg-map button{border-radius:12px;padding:11px}
#learnView .proc-stage-nav button.active,#learnView .proc-reg-map button.active{background:#803f55}
#learnView .proc-stage-visual{min-height:160px;padding:19px 25px;border-radius:16px}
#learnView .proc-stage-visual h4{font-size:25px;margin:5px 0}
#learnView .proc-stage-visual p{font-size:15px}
#learnView .proc-insight{padding:11px 16px;border:0;border-radius:12px}
#learnView .proc-reg-map button{min-height:108px}
@media(max-width:850px){#learnView .learn-choices{grid-template-columns:1fr}#learnView .learn-choices button{min-height:auto;padding:13px}#learnView .proc-branches{grid-template-columns:1fr}#learnView .proc-branch{gap:4px}#learnView .proc-reg-map{grid-template-columns:repeat(2,1fr)}}

/* 2.1.7 – jeden kompaktowy ekran: aktywność przed teorią */
#learnView {padding-top:10px}
#learnView .learn-choices.learn-compact {display:flex; flex-wrap:wrap; gap:7px; margin:0 0 12px; padding:0; align-items:stretch}
#learnView .learn-choices.learn-compact button {flex:1 1 170px; min-width:0; padding:9px 12px; border-radius:12px; min-height:0; gap:8px; box-shadow:none}
#learnView .learn-compact .learn-choice-icon {font-size:18px; min-width:22px}
#learnView .learn-compact .learn-choice-copy strong {font-size:13px}
#learnView .learn-compact .learn-choice-copy small,#learnView .learn-compact .learn-choice-copy em {display:none}
#learnView .proc-intro {margin:0 0 9px; padding:0; max-width:none}
#learnView .proc-intro h3 {font-size:clamp(20px,2.4vw,28px); margin:0 0 3px}
#learnView .proc-intro p {margin:0; line-height:1.45; font-size:14px}
#learnView .proc-event {margin:9px 0 10px; padding:11px 15px; min-height:0}
#learnView .proc-event p {margin:3px 0 0; font-size:12px}
#learnView .proc-question {margin:8px 0 6px; font-size:12px}
#learnView .proc-branches {gap:8px; margin:0}
#learnView .proc-branch {padding:10px; min-height:0}
#learnView .proc-stage-nav {margin:0 0 9px; gap:6px}
#learnView .proc-stage-nav button {padding:8px 6px; min-height:0}
#learnView .proc-stage-body {margin-top:5px}
#learnView .proc-stage-visual {min-height:0; padding:14px}
#learnView .proc-stage-visual h4 {margin:3px 0 4px}
#learnView .proc-reg-map {margin:6px 0 10px; gap:7px}
#learnView .proc-reg-map button {padding:10px 6px; min-height:0}
#learnView .proc-footer {font-size:12px; margin:12px 0}
#learnView .learn-method {margin-top:14px; padding:9px 12px; border-top:1px solid #ddd; font-size:13px}
#learnView .proc-sources {margin-top:10px}
@media(max-width:680px){#learnView .learn-choices.learn-compact button{flex-basis:100%;}#learnView .proc-branches{grid-template-columns:1fr;}#learnView .proc-reg-map{grid-template-columns:repeat(2,minmax(0,1fr));}}