/* Wspólna warstwa prezentacji i interakcji, bez zewnętrznych zależności. */
:root{--accent:#6350b9;--accent-light:#d8ceff;--surface:#f4f2f8}
button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,summary:focus-visible{outline:3px solid #8168d5;outline-offset:5px}section[id]{scroll-margin-top:30px}
.header{max-width:1240px}.brand-mark{padding:0;border-radius:12px}.desktop-nav a{padding:12px 0}.button{border-radius:99px;font-size:14px}.text-link{font-size:14px}.section-index{letter-spacing:.11em;font-size:11px}
.product-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:65px;text-align:left;padding:70px 0 85px}.product-hero .hero-copy{align-items:flex-start}.product-hero h1{font-size:clamp(40px,4.4vw,66px);line-height:1.08;margin:28px 0 24px;font-weight:500}.product-hero .hero-desc{font-size:17px;max-width:490px}.product-hero .hero-actions{justify-content:flex-start}.product-hero .hero-note{margin:24px 0 0;font-size:13px;color:#c4bdd5}.hero-facts{display:flex;flex-wrap:wrap;gap:10px 18px;border-top:1px solid #ffffff22;margin-top:30px;padding-top:20px;color:#c7c1d4;font-size:11px}.hero-facts span:before{content:'';display:inline-block;width:4px;height:4px;background:#d6caff;border-radius:50%;margin-right:7px;vertical-align:middle}
.app-stage{position:relative;isolation:isolate;border:1px solid #ffffff28;border-radius:28px;min-height:580px;background:radial-gradient(ellipse at 70% 45%,#635582 0%,#3a3153 50%,#2c2542 100%);overflow:hidden;box-shadow:0 25px 60px #100b273b}.stage-top{display:flex;justify-content:space-between;gap:10px;padding:25px;color:#d4cde5;font-size:9px;letter-spacing:.1em}.stage-live{color:#e6ddff;letter-spacing:0}.stage-orbit{position:absolute;width:440px;height:440px;top:100px;left:8%;border:1px solid #ffffff1c;border-radius:50%;box-shadow:0 0 0 60px #ffffff04,0 0 0 120px #ffffff03;z-index:-1}.stage-phone{position:absolute;right:30px;top:80px;width:205px;border:6px solid #211d30;border-radius:34px;overflow:hidden;background:#f7f6fa;box-shadow:15px 20px 35px #110d284d;transform:rotate(5deg)}.stage-phone img{display:block;width:100%;height:auto}.stage-caption{position:absolute;bottom:105px;left:25px;width:200px;padding:20px;background:#f6f3ff;border:1px solid #fff;border-radius:18px;color:#28213b;box-shadow:0 15px 35px #17102930}.stage-tag{display:block;color:#6954a9;font-size:9px;letter-spacing:.1em;margin-bottom:12px}.stage-caption strong{display:block;font-size:22px;line-height:1.15;font-weight:500}.stage-caption p{font-size:12px;line-height:1.6;color:#645c75;margin-bottom:0}.stage-controls{position:absolute;bottom:20px;left:20px;right:20px;display:flex;gap:5px;padding:5px;border:1px solid #ffffff24;border-radius:99px;background:#211b37}.stage-controls button{border:0;color:#e3ddee;background:transparent;min-height:44px;flex:1;cursor:pointer;border-radius:99px;font-size:11px;padding:8px}.stage-controls button[aria-pressed=true]{background:#ece5ff;color:#3c2b64}.stage-controls button:hover{background:#ffffff20}.stage-controls button[aria-pressed=true]:hover{background:#fff}
.path-picker{padding:75px 0 30px}.picker-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.picker-heading h2{font-size:32px;line-height:1.15;margin:15px 0 0}.picker-heading>p{max-width:300px;color:#6a6376;line-height:1.65;font-size:14px;margin:0}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.path-card{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid #e4dfec;border-radius:18px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s}.path-icon{display:grid;place-items:center;width:44px;height:44px;background:#eee9fa;border-radius:13px;color:#6750ad}.path-icon svg{width:25px;height:25px}.path-card h3{font-size:20px;margin:25px 0 9px}.path-card p{font-size:14px;line-height:1.6;color:#62596f;margin:0 0 20px}.path-card small{font-size:11px;color:#766d84;margin-top:auto}.path-action{display:block;padding-top:20px;margin-top:20px;border-top:1px solid #eee9f4;color:#5b449f;font-size:12px;font-weight:600}.path-card:hover,.path-card:focus-visible{transform:translateY(-5px);border-color:#bfb0df;box-shadow:0 16px 30px #34205512}
.section-top{grid-template-columns:1fr;gap:16px;margin-bottom:42px}.section-top>div{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:end}.section-top h2,.section h2{font-size:clamp(32px,3.5vw,48px)}.section-top .lead{margin:0;max-width:550px;font-size:16px;line-height:1.7}.section,.data-story{padding-top:85px;padding-bottom:85px}.product-visual{border-radius:20px}.system-diagram{border-radius:18px}.system-node{border-radius:10px}.article-section p,.article-section li{font-size:16px;line-height:1.8}.detail-sidebar nav a{font-size:13px;padding:15px 0}.detail-shortcuts a{padding:10px 0}.detail-link{min-height:48px;border-radius:99px;font-size:13px}.gallery-card>a{cursor:zoom-in}.gallery-card figcaption{padding:20px}.gallery-card figcaption strong{font-size:18px}.gallery-card small{line-height:1.65}.starter-grid a{padding:12px 0;min-height:44px}.starter-grid h3{line-height:1.25}.plan-list p,.progress-section .lead{color:#d1cadd}.progress-section .plan-list h3{color:#f6f3ff}.progress-section .test-status p{color:#dfd8eb}
.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:90px;padding:85px 0}.faq h2{font-size:40px;line-height:1.1;margin:20px 0}.faq>div>p{font-size:15px;color:#6d647b;max-width:300px;line-height:1.7}.faq details{border-bottom:1px solid #ded8e7;padding:0 0 5px}.faq summary{cursor:pointer;padding:22px 24px 22px 0;font-size:17px;line-height:1.5}.faq details p{color:#645b73;font-size:15px;line-height:1.8;padding:0 20px 12px 0;margin:0}.closing{margin-bottom:65px;padding:65px 30px;background:#eae3fa;border:1px solid #d8cdec}.closing h2{font-size:clamp(35px,4vw,52px)}.closing p{font-size:16px;max-width:560px;margin:24px auto}.closing .button{background:#322447;color:#fff}
.screen-dialog{border:1px solid #d8d0e5;border-radius:20px;background:#faf8ff;padding:20px;width:min(650px,calc(100% - 24px));max-height:92dvh;color:#28203a}.screen-dialog::backdrop{background:#110b28c9;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.dialog-top h2{font-size:18px;line-height:1.3;margin:0}.dialog-top button{border:1px solid #d4c9e5;border-radius:99px;background:white;min-height:44px;padding:8px 17px;cursor:pointer}.screen-dialog img{display:block;max-height:70dvh;max-width:100%;width:auto;margin:auto;border-radius:13px}.screen-dialog p{text-align:center;font-size:12px;color:#665a76}
@media(max-width:1100px){.product-hero{gap:28px}.app-stage{min-height:550px}.stage-phone{width:185px;right:22px}.stage-caption{width:175px;left:16px}.path-card{padding:20px}.desktop-nav{gap:20px}}
@media(max-width:850px){.product-hero{grid-template-columns:1fr;text-align:center;gap:35px;padding-top:45px}.product-hero .hero-copy{align-items:center}.product-hero .hero-actions{justify-content:center}.product-hero h1{font-size:48px}.hero-facts{justify-content:center}.app-stage{width:min(500px,100%);margin:auto;min-height:540px}.stage-phone{right:45px;width:195px}.stage-caption{left:30px;bottom:110px;width:195px;text-align:left}.path-grid{grid-template-columns:repeat(2,1fr)}.section-top>div{gap:25px}.faq{gap:35px}.hero-quick{display:none}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.product-hero h1{font-size:clamp(34px,9vw,46px)}.product-hero .hero-desc{font-size:16px}.hero-facts{gap:12px;font-size:10px}.app-stage{min-height:505px}.stage-phone{right:24px;top:75px;width:178px}.stage-caption{left:16px;width:168px;bottom:100px;padding:16px}.stage-caption strong{font-size:20px}.stage-top{padding:20px}.stage-controls{left:12px;right:12px;bottom:16px}.path-picker{padding-top:50px}.picker-heading{display:block}.picker-heading h2{font-size:29px}.picker-heading>p{margin-top:15px}.path-card{padding:18px}.path-card h3{font-size:18px}.path-card p{font-size:13px}.path-card small{line-height:1.5}.section-top>div{display:block}.section-top .lead{margin-top:22px}.section,.data-story{padding:65px 0}.faq{grid-template-columns:1fr;gap:20px;padding:60px 0}.faq h2{font-size:34px}.faq>div>p{max-width:none}.faq summary{font-size:16px}.closing{padding:45px 22px;margin-bottom:35px}.article-section p,.article-section li{font-size:15px}.screen-dialog{padding:15px}.dialog-top h2{font-size:16px}}
@media(prefers-reduced-motion:no-preference){.product-hero .hero-copy{animation:stage-enter .6s ease both}.app-stage{animation:stage-enter .8s .12s ease both}@keyframes stage-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.path-card{transition:none}.path-card:hover{transform:none}}

/* Rozwinięcie tego samego języka wizualnego w sekcjach i dokumentacji. */
.project-tracks{gap:24px}.project-track{position:relative;overflow:hidden;padding:38px;min-height:320px}.project-track:nth-child(2){background:#302640;border-color:#47385e;color:#faf7ff}.project-track:nth-child(2) .track-icon{background:#ffffff12;color:#d5c4fb}.project-track:nth-child(2) .track-kicker,.project-track:nth-child(2) a{color:#d8c7ff}.project-track:nth-child(2) p{color:#d0c6db}.project-track h3{max-width:360px}.project-track a{min-height:44px;display:inline-flex;align-items:center}.boundary{border:1px solid #ddd5e7;border-radius:14px;background:#f4f0f8;padding:20px 22px;margin-top:24px}.boundary p{font-size:13px;line-height:1.75;color:#665c73}.boundary-icon{flex:none}
.product-visual{background:#ebe5f5;border:1px solid #dcd1ec}.body-art{background:radial-gradient(circle,#e3d8f6,#f3edf9)}.visual-copy{padding:40px}.visual-copy p{font-size:15px}.visual-chip{gap:12px;background:#ffffff85;display:inline-flex;padding:12px 16px;border:1px solid #dcd1ed;border-radius:99px}.visual-chip span{font-style:normal;color:#766395;font-size:12px}.visual-copy small{font-size:11px}.journey{border:0;gap:12px}.journey-step{padding:25px!important;border:1px solid #ded5eb!important;border-radius:16px;background:#faf8fd;display:block!important}.journey-step>span{display:grid;place-items:center;border-radius:10px;background:#e9e1f7;width:34px;height:34px;font-size:12px;color:#655181;margin-bottom:18px}.journey-step h3{font-size:17px}.journey-step p{font-size:14px}
.architecture{padding:42px;border-radius:24px;background:#2e263e;color:#f7f2ff;gap:55px;align-items:center;margin-top:55px}.architecture .section-index{color:#d0bdf6}.architecture h3{font-size:38px}.architecture>div>p{color:#c8bed4;font-size:15px;line-height:1.8}.system-diagram{background:#ffffff08;border:1px solid #ffffff1e;padding:20px}.system-badge{color:#c9b7eb}.system-node{background:#fcfaff;color:#30283e;padding:17px}.system-node small{color:#746980}.system-icon{background:#eae2f7;color:#6b4d9e}.system-connector span{color:#c9bed6}.system-research{background:#453653;border-color:#837094;padding:20px}.system-research p{color:#ddd2e6}.system-research strong{color:#f6efff}
.story-track{gap:16px}.story-item{background:#fff;border-color:#e5ddeb;border-radius:18px;padding:25px;min-height:230px}.story-item svg{width:36px;height:36px}.story-item strong{font-size:18px}.story-item p{font-size:14px;line-height:1.7}.story-num{font-style:normal;font-size:12px}.story-heading h2{font-size:36px}.story-heading p{font-size:15px}
.area-nav{gap:8px;border:0;padding:0;margin:0 0 32px}.area-nav a{padding:16px;border:1px solid #ded5ea;border-radius:12px;background:#fff;justify-content:center;font-size:13px}.area-nav a span{display:none}.area-nav a:hover{background:#eee6f8;border-color:#baa4d9}.area{border:1px solid #e0d6ea;border-radius:24px;background:white;gap:0;padding:0;margin:0 0 25px;overflow:hidden;grid-template-columns:.85fr 1.5fr}.area-aside{padding:36px;background:radial-gradient(ellipse at 0 0,#f9f6ff,#ece4f5);border-right:1px solid #e1d6ed}.area-emblem{width:52px;height:52px;border:1px solid #cfc0e1;background:#ffffff9c;border-radius:15px;display:grid;place-items:center;margin-bottom:30px;color:#6c4ca2}.area-emblem svg{width:28px;height:28px}.area-aside h3{font-size:36px;font-weight:500}.area-aside p{font-size:15px;color:#71617e;max-width:none}.area-type{font-size:10px;color:#745493}.area-content{padding:36px;max-width:none;min-width:0}.area .content-block h4,.area .next h4{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6c5386}.area .content-block p,.area .next p{font-size:15px}.area .next{padding:22px;background:#f6f2fa;border:1px solid #ece3f3;border-radius:12px;margin-top:23px}.area .detail-link{background:#332343;color:white;border-color:#332343;padding:12px 20px;margin-top:20px}.area .detail-link:hover{background:#57406d;color:white}.tags span{background:#ffffff70;border-color:#d9cde5;font-size:11px}.area .insight,.area .comparison,.area .module-map,.area .research-steps{border:1px solid #e4daed;background:#f6f2fa}.area .insight strong{color:#4f326e}.caption{color:#71657b}.area .module-map strong{overflow-wrap:anywhere}
.start-section{background:#eee7f5}.starter-grid{gap:16px}.starter-grid article{padding:26px;border-color:#dcd0e8;box-shadow:0 8px 24px #38244306}.starter-grid article>span{color:#78608f;font-size:10px}.starter-grid h3{font-size:22px;margin-top:22px;font-weight:500}.starter-grid strong{padding-top:18px;border-top:1px solid #ece5f1;color:#584267}.starter-grid a{color:#5b3b82}.join-note{border-color:#d6c7e3}.plan-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;border:0}.plan-list>div{display:block;background:#ffffff07;border:1px solid #ffffff1c;border-radius:18px;padding:28px}.plan-list>div>span{font-style:normal;font-size:12px;color:#c9b4eb;display:block;margin-bottom:25px}.plan-list h3{font-size:22px;font-weight:500;margin-bottom:12px}.plan-list p{font-size:15px}.test-status{border-radius:16px;background:#ffffff0b;border-color:#ffffff24}.test-status p{font-size:13px}
/* Documentation: orientation, chapters, then a concrete first contribution. */
.area-page .detail-wrap{padding-top:28px}.area-page .back-link{font-size:13px;display:inline-flex;align-items:center;min-height:44px}.detail-shortcuts{gap:8px;margin:16px 0 26px}.detail-shortcuts a{padding:11px 17px;border:1px solid #e0d5eb;border-radius:99px;background:white;font-size:12px;min-height:44px;display:flex;align-items:center}.detail-shortcuts a[aria-current=page]{background:#342543;color:white;border-color:#342543}.detail-shortcuts a:last-child{background:#eae0f6;color:#5c3f7a;border-color:#d3c0e7}.area-hero{position:relative;isolation:isolate;overflow:hidden;padding:52px;gap:40px;background:radial-gradient(ellipse at 100% 30%,#544064,#2a2239 70%);border:1px solid #52425f;border-radius:26px;color:#fff;margin-bottom:22px;grid-template-columns:1.15fr 1fr}.area-hero .section-index{color:#d6bff6;font-size:10px}.area-hero h1{font-size:clamp(35px,4vw,54px);line-height:1.1;letter-spacing:-.04em;margin:22px 0;font-weight:500}.area-hero h1 em{color:#d7c5f8}.area-hero>div>p{font-size:16px;line-height:1.75;color:#d1c5dd}.area-hero .tags span{border-color:#ffffff28;background:#ffffff09;color:#ded3e8}.area-hero .detail-art.area-visual{background:#ffffff08;border:1px solid #ffffff20;padding:20px;height:335px}.area-hero .visual-window{box-shadow:0 20px 40px #100b2045;transform:rotate(-2deg)}.area-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 40px}.area-summary>div{padding:24px;border:1px solid #e0d5e9;background:white;border-radius:16px}.area-summary span{display:block;font-size:9px;letter-spacing:.09em;color:#7b618c;margin-bottom:12px;font-weight:600}.area-summary strong{font-size:17px;line-height:1.45;font-weight:500;color:#3c2e49}.area-summary>div:last-child{background:#ece3f6;border-color:#d5c3e6}.diagram-panel{border-radius:20px;background:#eee8f5;padding:30px;margin-bottom:45px}.detail-diagram{gap:10px}.detail-diagram>div{min-height:145px;padding:20px;background:#fff;border-color:#e0d3eb}.detail-diagram strong{font-size:15px;line-height:1.35}.detail-diagram small{font-size:12px;line-height:1.6;color:#71617e}.detail-diagram span{font-style:normal;font-size:11px;color:#826d94}.diagram-panel>small{font-size:12px;color:#75647f}
.detail-layout{grid-template-columns:240px minmax(0,1fr);gap:35px;align-items:start}.detail-sidebar{position:sticky;top:24px}.sidebar-card{background:#efe8f5;border:1px solid #e0d3ea;border-radius:18px;padding:24px}.detail-sidebar nav{max-width:none}.detail-sidebar nav a{font-size:13px;color:#665273;border-bottom-color:#dfd1e9;line-height:1.5;min-height:44px}.detail-sidebar .sidebar-start{display:flex;justify-content:center;align-items:center;min-height:48px;padding:10px 15px;margin-top:24px;border-radius:99px;background:#3d294f;color:white;text-decoration:none;font-size:12px}.aside-note{font-size:11px;line-height:1.7;margin-top:18px;color:#786684}.article-body{max-width:none;min-width:0}.article-section{border:1px solid #e4d9ed;border-radius:20px;padding:30px;background:#fff;margin-bottom:18px;scroll-margin-top:25px}.chapter-label{font-size:10px;letter-spacing:.1em;color:#806294;font-weight:600;display:block;margin-bottom:18px}.article-section h2{font-size:28px;font-weight:500;line-height:1.2;margin-bottom:20px}.article-section p,.article-section li{font-size:15px;line-height:1.85;color:#62566e}.article-section p:last-child{margin-bottom:0}.first-exercise{position:relative;border:1px solid #634e79;border-radius:20px;background:radial-gradient(ellipse at 90% 0,#584067,#2e243c);padding:35px;margin:30px 0 18px;color:#faf6ff}.first-exercise .section-index{color:#d0b6ed}.first-exercise h2{font-size:30px;font-weight:500;line-height:1.2;max-width:550px}.first-exercise p{color:#d8c9e3;font-size:15px;line-height:1.8}.first-exercise p strong{color:#f2e8fb;font-weight:500}.first-exercise a{display:inline-flex;align-items:center;min-height:48px;border-radius:99px;background:#f1e7ff;color:#422856;padding:12px 20px;text-decoration:none;font-size:13px;margin-top:8px}.first-exercise small{color:#c4b1d2;font-size:11px;margin-top:20px}.tasks-panel{background:#eee7f5;border-color:#ded0e8}.tasks-panel h2{margin:18px 0}.tasks-panel ol{padding-left:22px}.tasks-panel li{padding:10px 0 10px 8px}.source-panel{padding:28px;border:1px solid #dfd3e8;border-radius:18px;background:#f1ebf7;margin-top:20px}.source-panel>div{display:grid;grid-template-columns:1fr;gap:8px}.source-panel a.source-link{padding:12px;background:#fff;border:1px solid #e6dbef;border-radius:8px;line-height:1.6;overflow-wrap:anywhere}.source-panel code{font-size:12px;background:none;padding:0}.source-panel p{font-size:12px;color:#786582}.source-panel>a{min-height:44px;display:inline-flex;align-items:center}.detail-end{background:#ede4f7;border:1px solid #dbcae8;border-radius:22px;padding:32px;margin:40px 0 65px}.detail-end p{font-size:28px;font-weight:500;margin:15px 0 0;line-height:1.2}.detail-end .button{background:#3c284e;color:#fff;flex:none}.legal-page .article-section{max-width:none}.legal-page .lead{margin-bottom:30px}.footer-inner{border-top:1px solid #dfd5e8;padding-top:28px}
@media(max-width:1000px){.area-hero{padding:32px;gap:25px}.detail-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}.sidebar-card{padding:20px}.area-aside,.area-content{padding:28px}.architecture{gap:30px;padding:30px}.area-summary>div{padding:20px}.detail-diagram{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.area{grid-template-columns:1fr}.area-aside{border:0;border-bottom:1px solid #e2d6eb}.area-aside h3 br{display:none}.area-aside h3 em:before{content:' '}.area-aside p{max-width:550px}.area-emblem{margin-bottom:20px}.area-hero{grid-template-columns:1fr}.area-hero .detail-art.area-visual{max-width:440px;width:100%;margin:auto}.area-hero>div>p{max-width:none}.detail-layout{grid-template-columns:1fr}.detail-sidebar{position:static}.detail-sidebar nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.detail-sidebar nav a{border:1px solid #d9c8e5;border-radius:99px;padding:10px 14px;background:#ffffff80}.detail-sidebar .sidebar-start,.detail-sidebar .aside-note{display:none}.architecture{grid-template-columns:1fr;gap:25px}.architecture>div>p{max-width:none}.story-heading{gap:25px}.journey{display:grid;grid-template-columns:1fr 1fr}.detail-end{gap:20px}}
@media(max-width:680px){.project-track{padding:26px;min-height:0}.project-track h3{font-size:26px}.boundary{padding:18px;align-items:flex-start}.visual-copy{padding:26px}.visual-chip{padding:10px 12px;font-size:10px;gap:8px}.journey{gap:10px}.journey-step{padding:18px!important}.journey-step h3{font-size:16px}.journey-step p{font-size:13px}.architecture{padding:24px;border-radius:20px;margin-top:40px}.architecture h3{font-size:32px}.system-diagram{padding:12px}.system-node{padding:13px}.system-node small{line-height:1.5}.story-track{gap:10px}.story-item{padding:20px;min-height:0}.story-item strong{font-size:16px}.story-item p{font-size:13px}.area-nav{grid-template-columns:1fr 1fr;gap:8px}.area-nav a{padding:12px;font-size:12px}.area-aside,.area-content{padding:24px}.area-aside h3{font-size:32px}.area .insight{grid-template-columns:1fr;gap:20px}.area .comparison{flex-wrap:wrap;gap:12px}.area .next{padding:18px}.area .detail-link{display:flex;justify-content:center}.starter-grid article{padding:24px}.plan-list{grid-template-columns:1fr}.plan-list>div{padding:24px}.plan-list h3{font-size:21px}.test-status{padding:22px;grid-template-columns:1fr}.area-page .detail-wrap{padding-top:20px}.detail-shortcuts{display:flex;gap:7px;margin-bottom:22px}.detail-shortcuts a{padding:10px 13px;font-size:11px}.detail-shortcuts a:last-child{margin-left:0}.area-hero{padding:26px;border-radius:22px}.area-hero h1{font-size:36px}.area-hero .detail-art.area-visual{height:285px;padding:16px}.area-summary{grid-template-columns:1fr;gap:8px;margin-bottom:26px}.area-summary>div{padding:18px 22px;display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:18px}.area-summary span{margin:0;font-size:9px;line-height:1.6}.area-summary strong{font-size:15px}.diagram-panel{padding:22px;margin-bottom:26px}.detail-diagram{grid-template-columns:1fr 1fr}.detail-diagram>div{padding:16px;min-height:120px}.detail-diagram strong{font-size:14px}.detail-diagram small{font-size:11px}.sidebar-card{padding:20px}.article-section{padding:24px}.article-section h2{font-size:26px}.first-exercise{padding:26px}.first-exercise h2{font-size:28px}.first-exercise a{line-height:1.5}.source-panel{padding:22px}.detail-end{padding:26px;flex-direction:column;align-items:flex-start;margin-bottom:40px}.detail-end p{font-size:27px}.detail-end .button{width:100%;justify-content:center}.legal-page h1{font-size:36px}}
/* Historia prób i sposób pracy z obrazem. */
.attempts,.cv-approach{scroll-margin-top:25px;margin:28px 0;padding:32px;border:1px solid #dfd3e8;border-radius:20px;background:#f2ecf8}
.attempts-heading h2,.cv-approach h2{font-size:30px;line-height:1.2;font-weight:500;margin:16px 0}.attempts-heading>p,.cv-approach>p{font-size:15px;line-height:1.75;color:#62566e;max-width:690px}.attempts-list{display:grid;gap:12px;margin-top:24px}.attempt-card{background:white;border:1px solid #e6deec;border-radius:15px;padding:24px}.attempt-index,.cv-steps span{font-size:10px;letter-spacing:.1em;color:#85679a;font-weight:700}.attempt-card h3,.cv-steps h3{font-size:19px;font-weight:500;line-height:1.3;margin:12px 0}.attempt-card>p,.attempt-takeaway p,.cv-steps p{font-size:14px;line-height:1.7;color:#655970;margin:0}.attempt-takeaway{margin-top:16px;padding:15px 17px;border-radius:10px;background:#f5f1f8}.attempt-takeaway strong{display:block;color:#665079;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.attempt-card>a,.cv-sources a{display:inline-flex;align-items:center;min-height:44px;color:#604486;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.attempts-note{font-size:11px;line-height:1.65;color:#76677f;margin:20px 0 0}.cv-approach{background:#30263f;border-color:#554267;color:#f9f4ff}.cv-approach>.section-index{color:#d8bff3}.cv-approach>p{color:#d4c9df}.cv-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.cv-steps>div{padding:20px;border:1px solid #ffffff21;border-radius:14px;background:#ffffff0b}.cv-steps span{color:#d3b9eb}.cv-steps h3{color:#fff}.cv-steps p{color:#d3c6dd}.cv-limit{padding:18px;border:1px solid #ffffff28;background:#ffffff0a;border-radius:12px}.cv-limit strong{color:#fff}.cv-sources{display:flex;gap:8px 18px;flex-wrap:wrap}.cv-sources a{color:#e4d2fa}
@media(max-width:680px){.attempts,.cv-approach{padding:24px}.attempts-heading h2,.cv-approach h2{font-size:27px}.attempt-card{padding:19px}.cv-steps{grid-template-columns:1fr}.cv-steps>div{padding:18px}.cv-sources{display:grid;gap:0}}
/* Podsumowanie obszaru: stan i pytania do sprawdzenia. */
.area-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:680px){.area-summary{grid-template-columns:1fr}}
.detail-shortcuts a:last-child{margin-left:0;background:white;color:#5040aa;border-color:#e0d5eb}
.detail-shortcuts a:last-child[aria-current=page]{background:#342543;color:white;border-color:#342543}
.research-challenges{padding:75px 0 20px}.challenges-intro{max-width:740px;margin:0 auto 35px;text-align:center}.challenges-intro h2{font-size:clamp(32px,4vw,48px);line-height:1.1;font-weight:500;margin:20px 0}.challenges-intro h2 em{font-style:normal;color:#6550a5}.challenges-intro p{font-size:16px;line-height:1.75;color:#655b70}.challenge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.challenge-grid article{border:1px solid #e2d8ea;border-radius:18px;padding:24px;background:white}.challenge-grid article:first-child{background:#30263f;color:#fff;border-color:#493b58}.challenge-grid span{font-size:10px;letter-spacing:.08em;font-weight:700;color:#796096}.challenge-grid article:first-child span{color:#d8c3f0}.challenge-grid h3{font-size:20px;line-height:1.25;font-weight:500;margin:22px 0 12px}.challenge-grid p{font-size:14px;line-height:1.7;color:#655a70}.challenge-grid article:first-child p{color:#d7ccdf}@media(max-width:850px){.challenge-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.research-challenges{padding-top:55px}.challenge-grid{grid-template-columns:1fr}.challenge-grid article{padding:22px}.challenge-grid h3{margin:15px 0 8px}.challenges-intro h2 br{display:none}}