:root{
  --ink:#10294d;
  --ink-soft:#28476f;
  --muted:#687893;
  --paper:#fffaf0;
  --paper-2:#fffdf8;
  --cream:#fff2c9;
  --yellow:#ffc84d;
  --sky:#cfeeff;
  --sky-deep:#5aa9e6;
  --green:#dff1d7;
  --green-deep:#1d6a55;
  --pink:#ffd9e2;
  --red:#f05252;
  --red-deep:#d83b45;
  --blue:#1558a6;
  --white:#fff;
  --shadow:0 24px 64px rgba(35,53,81,.15);
  --soft-shadow:0 12px 30px rgba(35,53,81,.10);
  --radius:30px;
  --wrap:min(1240px,calc(100% - 40px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Arial Rounded MT Bold","Trebuchet MS",Nunito,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper-2);line-height:1.6;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.022;background-image:radial-gradient(circle at 1px 1px,#10294d 1px,transparent 0);background-size:5px 5px;mix-blend-mode:multiply}
a{color:inherit}
img{max-width:100%;height:auto}
.wrap{width:var(--wrap);margin-inline:auto}
.screen-reader-text,.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:16px;top:16px;z-index:99999;background:#fff;padding:10px 14px;border-radius:10px}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,41,77,.06)}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none}
.brand-mark{width:52px;height:52px;border-radius:17px 18px 18px 14px;background:linear-gradient(145deg,#ff6962,#e83d48);color:#fff;display:grid;place-items:center;font-weight:950;font-size:1.05rem;transform:rotate(-4deg);box-shadow:0 9px 0 rgba(240,82,82,.14),0 16px 24px rgba(240,82,82,.14)}
.brand-copy{display:flex;flex-direction:column;line-height:1.08}
.brand-copy strong{font-size:1.32rem;letter-spacing:-.025em}
.brand-copy small{font-size:.78rem;color:var(--muted);margin-top:6px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.main-nav .menu,.footer-menu{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.main-nav a{display:block;padding:10px 13px;text-decoration:none;font-weight:900;border-radius:14px;transition:.2s ease}
.main-nav a:hover,.main-nav a:focus-visible{background:#fff0bf;transform:translateY(-1px)}
.nav-toggle{display:none;border:0;background:var(--ink);color:#fff;padding:10px 14px;border-radius:12px;font-weight:900}

/* Shared */
.eyebrow{display:inline-flex;align-items:center;gap:6px;background:#fff0b8;border:1px solid rgba(16,41,77,.05);padding:7px 13px;border-radius:999px;font-size:.78rem;font-weight:950;box-shadow:0 6px 16px rgba(140,100,26,.08)}
.section-heading h2{margin:10px 0 5px;font-size:clamp(2.25rem,5vw,4rem);line-height:1.04;letter-spacing:-.05em}
.section-heading p{margin:0;color:var(--muted);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.section-heading-centered{text-align:center;max-width:780px;margin:0 auto 36px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 23px;border-radius:18px;border:0;text-decoration:none;font:900 1rem/1 inherit;cursor:pointer;transition:.2s ease;box-shadow:0 11px 22px rgba(16,41,77,.09)}
.button:hover,.button:focus-visible{transform:translateY(-3px);box-shadow:0 17px 30px rgba(16,41,77,.14)}

/* Hero */
.hero{position:relative;overflow:hidden;padding:56px 0 64px;background:linear-gradient(115deg,#fff8df 0 47%,#f8fbff 47% 100%)}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 11% 19%,rgba(255,222,91,.34),transparent 26%),radial-gradient(circle at 93% 15%,rgba(131,211,255,.27),transparent 28%),linear-gradient(90deg,transparent 0 45%,rgba(255,255,255,.34) 52%,transparent 65%);pointer-events:none}
.hero-sun{position:absolute;width:330px;height:330px;border-radius:50%;background:rgba(255,218,72,.18);filter:blur(2px);left:-110px;top:-100px}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);gap:58px;align-items:center;min-height:610px}
.hero-copy{position:relative;z-index:3}
.hero-eyebrow{margin-bottom:24px}
.hero h1{margin:0;max-width:680px;font-size:clamp(3.7rem,6.1vw,6.25rem);line-height:.93;letter-spacing:-.07em;font-weight:950}
.hero h1 span{color:var(--red)}
.hero-text{max-width:660px;margin:28px 0 0;font:400 1.13rem/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--muted)}
.hero-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:28px}
.button-play{background:linear-gradient(135deg,#ff6662,#ec414a);color:#fff}
.button-school{background:#fff;color:var(--ink);border:2px solid #c5dcf7}
.button-icon{font-size:1.25rem}
.panef-search{margin-top:24px;max-width:670px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;background:#fff;padding:9px;border-radius:20px;box-shadow:var(--soft-shadow);border:1px solid rgba(16,41,77,.06)}
.search-glass{font:700 1.8rem/1 system-ui;color:#7690ae;padding-left:8px;transform:rotate(-15deg)}
.panef-search input{min-width:0;border:0;outline:0;padding:12px 7px;font:500 1rem system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:transparent}
.panef-search button{border:0;border-radius:14px;background:var(--red);color:#fff;padding:14px 22px;font-weight:950;cursor:pointer}
.hero-hint{margin:8px 0 0;font:400 .8rem system-ui,-apple-system,"Segoe UI",sans-serif;color:#8391a6}.hero-hint a{font-weight:800}
.hero-visual{position:relative;min-height:560px;display:flex;align-items:center;justify-content:flex-end}
.panef-scene{width:min(100%,650px);margin:0;overflow:hidden;border-radius:42px 42px 42px 24px;box-shadow:0 28px 70px rgba(25,47,76,.18);transform:rotate(.15deg);position:relative;z-index:1;background:#e7f5ff}
.panef-scene:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.45);border-radius:inherit;pointer-events:none}
.panef-scene img{display:block;width:100%;height:auto;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.panef-scene:hover img{transform:scale(1.025)}
.hero-paperplane{position:absolute;left:-7%;top:4%;font-size:3.1rem;color:#b98b70;z-index:2;transform:rotate(-25deg);opacity:.7;animation:paperFloat 6s ease-in-out infinite}
.hero-bulb{position:absolute;left:5%;top:25%;z-index:4;font-size:2.7rem;filter:drop-shadow(0 0 9px rgba(255,196,43,.32));animation:bulbGlow 2.4s ease-in-out infinite}
@keyframes paperFloat{0%,100%{transform:translate(0,0) rotate(-25deg)}50%{transform:translate(18px,11px) rotate(-18deg)}}
@keyframes bulbGlow{0%,100%{transform:scale(1) rotate(-4deg)}50%{transform:scale(1.12) rotate(4deg)}}

/* Dnes můžeš */
.today-section{position:relative;padding:74px 0 68px;background:linear-gradient(#fffdf8,#fffaf1)}
.today-section:before,.today-section:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;filter:blur(8px);opacity:.28;pointer-events:none}
.today-section:before{left:-70px;top:20px;background:#ffe680}.today-section:after{right:-65px;bottom:20px;background:#bde7ff}
.today-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.today-heading h2{display:inline-block;position:relative}.today-heading h2:after{content:"";position:absolute;left:-8px;right:-8px;bottom:0;height:20px;background:#ffd86a;opacity:.45;z-index:-1;transform:rotate(-1deg);border-radius:10px}
.today-doodle{font-size:1.8rem;color:#f0a92d;letter-spacing:.2em;white-space:nowrap}
.today-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.today-card{display:block;text-decoration:none;background:#fff;border-radius:27px;overflow:hidden;border:1px solid rgba(16,41,77,.07);box-shadow:var(--soft-shadow);transition:.25s ease;position:relative}
.today-card:hover,.today-card:focus-visible{transform:translateY(-7px) rotate(-.3deg);box-shadow:var(--shadow)}
.today-media{display:block;aspect-ratio:2.2/1;overflow:hidden;background:#f6f3ea}
.today-media img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .4s ease}
.today-card:hover .today-media img{transform:scale(1.08)}
.today-body{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:19px 20px 21px}
.today-icon{width:46px;height:46px;border-radius:15px;background:#fff7ce;display:grid;place-items:center;font-size:1.4rem;box-shadow:0 8px 18px rgba(16,41,77,.08)}
.today-body strong{display:block;font-size:1.18rem;line-height:1.12;letter-spacing:-.025em}
.today-body small{display:block;margin-top:6px;color:var(--muted);font:400 .86rem/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}
.today-body b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-size:1.25rem}
.today-school .today-body b{background:#73d5a8}.today-ask .today-body b{background:#ff6b70;color:#fff}

/* Portals */
.playground{padding:74px 0 84px;position:relative;background:#fffdf8;overflow:hidden}
.playground:before{content:"";position:absolute;left:-75px;top:230px;width:180px;height:360px;background:radial-gradient(circle,#bedf9f 0 10%,transparent 11%);background-size:38px 38px;opacity:.25;transform:rotate(-9deg)}
.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.portal-card{position:relative;display:flex;flex-direction:column;min-height:390px;border-radius:28px;overflow:hidden;text-decoration:none;border:1px solid rgba(16,41,77,.07);box-shadow:0 15px 34px rgba(16,41,77,.09);transition:.25s ease}
.portal-card:hover,.portal-card:focus-visible{transform:translateY(-8px);box-shadow:0 25px 45px rgba(16,41,77,.15)}
.portal-media{display:block;height:132px;overflow:hidden;background:#fff}
.portal-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.portal-card:hover .portal-media img{transform:scale(1.06)}
.portal-card-body{display:flex;flex-direction:column;flex:1;padding:20px 20px 22px;position:relative}
.portal-icon{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.75);display:grid;place-items:center;font-size:1.45rem;box-shadow:0 9px 20px rgba(16,41,77,.09);margin-top:-43px;margin-bottom:16px;border:1px solid rgba(255,255,255,.85)}
.portal-card h3{margin:0;font-size:1.65rem;line-height:1.05;letter-spacing:-.04em}.portal-card p{margin:12px 0 24px;color:#48617f;font:400 .91rem/1.52 system-ui,-apple-system,"Segoe UI",sans-serif}.portal-link{margin-top:auto;font-size:.9rem;font-weight:950}
.card-school{background:linear-gradient(#f5fff0,#e6f7df)}.card-games{background:linear-gradient(#f4fbff,#dff1ff)}.card-advice{background:linear-gradient(#fffbea,#fff0b4)}.card-discover{background:linear-gradient(#fff7fa,#ffe0e8)}

/* Blackboard */
.blackboard-section{position:relative;padding:76px 0 90px;background:linear-gradient(180deg,#f6efe3,#fffaf2)}
.blackboard-wrap{position:relative}.blackboard-decor{position:absolute;right:10px;top:-40px;color:#b48962;font:700 1rem/1.2 "Trebuchet MS",sans-serif;transform:rotate(4deg)}
.blackboard{position:relative;min-height:310px;display:grid;grid-template-columns:1.3fr .9fr;gap:46px;align-items:center;background:linear-gradient(145deg,#0b5a4d,#0d493f);border:15px solid #a86f38;border-radius:22px;padding:52px 70px;color:#fff;box-shadow:0 22px 0 #8b572a,0 30px 55px rgba(93,58,29,.20);overflow:hidden}
.blackboard:before{content:"";position:absolute;inset:0;opacity:.1;background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 0);background-size:15px 13px;mix-blend-mode:screen}
.blackboard:after{content:"✦   ?   +   ×   ☆";position:absolute;right:8%;top:22px;transform:rotate(-5deg);font:700 1.2rem/1.2 "Trebuchet MS",sans-serif;color:rgba(255,255,255,.25);letter-spacing:.5em}
.challenge-copy,.challenge-controls{position:relative;z-index:2}.chalk-label{display:inline-block;background:#ffd64f;color:#163d33;padding:6px 11px;border-radius:999px;font-size:.72rem;font-weight:950;transform:rotate(-2deg)}
.blackboard h2{margin:13px 0 8px;font-size:clamp(2rem,3.7vw,3.5rem);line-height:1.02;letter-spacing:-.04em}.math-question{margin:8px 0;font:400 clamp(2.45rem,5vw,4.75rem)/1.05 "Comic Sans MS","Trebuchet MS",cursive;letter-spacing:.02em}.chalk-note{margin:10px 0 0;color:#e6f0ed;font:400 .9rem/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
.challenge-controls{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.challenge-controls input{min-width:0;height:60px;border:2px dashed rgba(255,255,255,.42);border-radius:16px;background:rgba(255,255,255,.06);color:#fff;padding:0 16px;font:700 1.05rem system-ui;outline:0}.challenge-controls input::placeholder{color:rgba(255,255,255,.56)}.challenge-controls input:focus{border-style:solid;border-color:#ffd64f;box-shadow:0 0 0 4px rgba(255,214,79,.12)}
.chalk-button{background:#ff5c61;color:#fff;height:60px;padding-inline:22px}.challenge-result{grid-column:1/-1;min-height:27px;color:#fff4a4;font:700 .92rem/1.35 system-ui}
.chalk-thought{position:absolute;right:28px;top:28px;width:175px;text-align:right;color:rgba(255,255,255,.76);font:700 1rem/1.35 "Comic Sans MS","Trebuchet MS",cursive;transform:rotate(-4deg);z-index:2}.panef-peek{position:absolute;right:22px;bottom:-5px;width:150px;border-radius:28px 28px 0 0;box-shadow:0 -10px 25px rgba(0,0,0,.08);z-index:3}.chalk-tray{width:87%;height:15px;margin:20px auto 0;background:#9a602f;border-radius:0 0 14px 14px;box-shadow:0 8px 15px rgba(93,58,29,.20);display:flex;justify-content:flex-end;gap:8px;padding:4px 28px}.chalk-tray span{width:26px;height:5px;border-radius:5px;background:#f5e8d7}.chalk-tray span:nth-child(2){background:#f0a5aa}.chalk-tray span:nth-child(3){background:#b8d9a8}

/* Latest content */
.latest-content{padding:82px 0 52px;background:#fffdf8}.latest-paper{position:relative}.latest-paper:before{content:"✎";position:absolute;left:-46px;top:48px;font-size:3.2rem;color:#a8c3df;transform:rotate(-9deg);opacity:.55}.latest-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.latest-heading h2{margin-bottom:5px}.latest-heading p{max-width:700px}.text-link{font-weight:950;color:var(--blue);text-decoration:none;white-space:nowrap}.text-link:hover{text-decoration:underline}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.content-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid rgba(16,41,77,.07);box-shadow:var(--soft-shadow);transition:.22s ease}.content-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.content-card-link{display:block;height:100%;text-decoration:none}.content-card-media{aspect-ratio:16/9;background:linear-gradient(145deg,#eff7ff,#fff2ce);display:grid;place-items:center;overflow:hidden}.content-card-media img{width:100%;height:100%;object-fit:cover}.placeholder-icon{font-size:3.7rem}.content-card-body{padding:20px}.content-type{font-size:.75rem;color:var(--blue);font-weight:950}.content-card h3{margin:8px 0;font-size:1.28rem;line-height:1.2}.content-card p{margin:0 0 15px;color:var(--muted);font:400 .9rem/1.5 system-ui}
.empty-state{grid-column:1/-1;display:flex;align-items:center;gap:18px;background:#fffaf0;border:2px dashed #ead8b7;border-radius:24px;padding:28px;position:relative;overflow:hidden}.empty-icon{font-size:2.3rem}.empty-state h3{margin:0 0 4px}.empty-state p{margin:0;color:var(--muted);font:400 .9rem/1.5 system-ui}.empty-note{margin-left:auto;background:#fff1b8;padding:14px 18px;border-radius:6px 15px 8px 15px;color:#705835;font:800 .9rem/1.25 "Comic Sans MS","Trebuchet MS",cursive;transform:rotate(2deg);box-shadow:0 7px 14px rgba(88,62,33,.08)}

/* Parent */
.parent-note{padding:28px 0 90px;background:#fffdf8}.parent-note-card{position:relative;display:grid;grid-template-columns:280px 1fr auto;gap:30px;align-items:center;background:linear-gradient(135deg,#fff2e8,#ffe9d9);border-radius:34px;padding:28px 34px;border:1px solid rgba(155,103,72,.10);box-shadow:var(--soft-shadow);overflow:hidden}.parent-note-card:after{content:"";position:absolute;right:-65px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.3)}.parent-scene{height:150px;border-radius:24px;overflow:hidden;box-shadow:0 14px 28px rgba(119,73,47,.13);transform:rotate(-1deg)}.parent-scene img{width:100%;height:100%;object-fit:cover}.parent-note-icon{width:76px;height:76px;border-radius:24px;background:#fff;display:grid;place-items:center;font-size:2.25rem;transform:rotate(3deg);box-shadow:0 12px 25px rgba(119,73,47,.12);z-index:1}.parent-note h2{margin:11px 0 6px;font-size:2rem;letter-spacing:-.035em}.parent-note p{margin:0;max-width:760px;color:#755f55;font:400 .96rem/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}

/* Archives / pages */
.content-area{padding:70px 0 100px}.archive-header{margin-bottom:35px;max-width:850px}.archive-header h1,.article-card h1{font-size:clamp(2.6rem,6vw,4.8rem);line-height:1;letter-spacing:-.05em;margin:17px 0}.archive-description,.entry-content{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#40536e}.article-card{background:#fff;border-radius:35px;padding:clamp(28px,5vw,64px);box-shadow:var(--soft-shadow);border:1px solid rgba(16,41,77,.06)}.single-thumb{margin:30px 0;border-radius:25px;overflow:hidden}.single-thumb img{display:block;width:100%;height:auto}.entry-content{font-size:1.05rem;line-height:1.8}.entry-content h2,.entry-content h3{color:var(--ink);letter-spacing:-.025em}.pagination{margin-top:40px}.nav-links{display:flex;gap:8px;flex-wrap:wrap}.page-numbers{display:grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border-radius:12px;background:#fff;text-decoration:none;box-shadow:var(--soft-shadow)}.page-numbers.current{background:var(--ink);color:#fff}

/* Footer - večerní Pan Efova pracovna */
.site-footer{position:relative;overflow:hidden;padding:65px 0 24px;background:linear-gradient(180deg,#123567,#0b244a);color:#fff}.site-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(255,207,83,.13),transparent 22%),radial-gradient(circle at 12% 20%,rgba(69,137,216,.15),transparent 30%);pointer-events:none}.footer-stars{position:absolute;left:5%;right:5%;top:12px;text-align:center;color:#ffd96a;letter-spacing:2.2em;font-size:1.2rem;opacity:.85}.footer-skyline{position:absolute;left:0;right:0;bottom:43px;height:80px;display:flex;align-items:end;justify-content:center;gap:55px;color:#081b38;font-size:4rem;opacity:.75;pointer-events:none}.footer-skyline .eiffel{font-size:6rem}.footer-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:40px;align-items:end}.footer-brand-lockup{display:flex;align-items:center;gap:16px;text-decoration:none;color:#fff}.footer-brand-lockup .brand-mark{flex:none}.footer-brand-lockup strong{display:block;font-size:1.45rem}.footer-brand-lockup small{display:block;margin-top:6px;color:#c7d5e6;font:400 .85rem/1.45 system-ui}.footer-menu{justify-content:center;flex-wrap:wrap;gap:8px}.footer-menu a{color:#fff;text-decoration:none;font-weight:850;padding:8px 11px;border-radius:12px}.footer-menu a:hover{background:rgba(255,255,255,.08)}.footer-signoff{text-align:right;color:#fff5b7;font:700 1.15rem/1.25 "Comic Sans MS","Trebuchet MS",cursive;transform:rotate(-2deg)}.footer-signoff strong{display:block;margin-top:7px;color:#ffb6b8;font-size:.9rem}.footer-bottom{position:relative;z-index:2;margin-top:40px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:#b9c7d7;font:400 .82rem system-ui}

@media (max-width:1080px){
  .hero-grid{grid-template-columns:1fr 1fr;gap:28px;min-height:570px}.hero h1{font-size:clamp(3rem,6vw,4.5rem)}.hero-visual{min-height:520px}.today-grid{grid-template-columns:1fr 1fr}.today-card:last-child{grid-column:1/-1}.portal-grid{grid-template-columns:repeat(2,1fr)}.portal-card{min-height:360px}.blackboard{padding:44px;gap:30px}.content-grid{grid-template-columns:repeat(2,1fr)}.parent-note-card{grid-template-columns:220px 1fr auto}
}
@media (max-width:820px){
  .header-inner{min-height:72px}.brand-mark{width:46px;height:46px}.main-nav{display:none;position:absolute;top:72px;left:18px;right:18px;background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:12px}.main-nav.is-open{display:block}.main-nav .menu{flex-direction:column}.nav-toggle{display:block}.hero{padding-top:34px}.hero-grid{grid-template-columns:1fr;gap:18px}.hero-copy{padding-top:0}.hero h1{max-width:700px}.hero-visual{min-height:auto;justify-content:center}.panef-scene{width:min(100%,650px);transform:none}.hero-hint{display:none}.today-heading{align-items:flex-start;flex-direction:column}.today-doodle{display:none}.blackboard{grid-template-columns:1fr;padding-bottom:145px}.blackboard-decor{display:none}.chalk-thought{display:none}.panef-peek{right:25px;width:150px}.latest-heading{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-signoff{grid-column:1/-1;text-align:left}.parent-note-card{grid-template-columns:180px 1fr}.parent-note-icon{display:none}
}
@media (max-width:640px){
  :root{--wrap:min(100% - 28px,1240px)}.brand-copy small{display:none}.hero{padding-bottom:46px}.hero h1{font-size:clamp(2.8rem,14vw,4rem)}.hero-text{font-size:1rem}.hero-actions{display:grid;grid-template-columns:1fr}.button{width:100%}.panef-search{grid-template-columns:auto 1fr}.panef-search button{grid-column:1/-1;min-height:46px}.hero-paperplane,.hero-bulb{display:none}.today-section,.playground,.latest-content{padding:64px 0}.today-grid,.portal-grid,.content-grid{grid-template-columns:1fr}.today-card:last-child{grid-column:auto}.portal-card{min-height:340px}.blackboard-section{padding:66px 0}.blackboard{padding:30px 22px 145px;border-width:11px}.challenge-controls{grid-template-columns:1fr}.chalk-button{width:100%}.panef-peek{right:12px}.parent-note{padding-bottom:70px}.parent-note-card{grid-template-columns:1fr;padding:24px}.parent-scene{height:180px}.footer-grid{grid-template-columns:1fr}.footer-menu{justify-content:flex-start}.footer-signoff{text-align:left}.footer-stars{letter-spacing:1em}.footer-skyline{opacity:.35}.empty-state{align-items:flex-start;flex-direction:column}.empty-note{margin-left:0}
}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* v1.4 - closer to approved mockup */
.front-page-v4{overflow:hidden}
.hero-v4{padding-top:34px;padding-bottom:54px;background:linear-gradient(115deg,#fff8df 0 54%,#eef7ff 54% 100%)}
.hero-v4 .wrap{position:relative}
.hero-v4 .wrap:before{content:"";position:absolute;left:-45px;bottom:18px;width:90px;height:220px;background:linear-gradient(180deg,rgba(255,245,201,0),rgba(255,245,201,.8));clip-path:polygon(15% 0,100% 0,60% 100%,0 100%);opacity:.55;pointer-events:none}
.hero-v4 .hero-copy{padding-top:18px}
.hero-v4 .hero-text{max-width:620px}
.hero-stars{position:absolute;left:14%;top:34%;z-index:2;color:#ffcf4d;font-size:1.9rem;letter-spacing:.15em;transform:rotate(-8deg);text-shadow:0 8px 18px rgba(255,205,77,.25)}
.hero-v4 .panef-scene{border-radius:38px;background:#fff7ef;box-shadow:0 28px 70px rgba(25,47,76,.15)}
.hero-v4 .button-school{border-color:#a8c7f3}
.hero-v4 .panef-search{max-width:630px;border-radius:19px}
.hero-v4 .hero-hint{margin-top:12px}

.today-section{padding-top:52px;padding-bottom:52px}
.today-heading{margin-bottom:20px}
.today-heading .eyebrow{margin-bottom:8px}
.today-grid{gap:18px}
.today-card{border-radius:26px}
.today-media{aspect-ratio:2.25/1}
.today-body{padding:16px 18px 19px}
.today-body strong{font-size:1.1rem}
.today-body small{font-size:.84rem;line-height:1.35}
.today-icon{width:42px;height:42px;border-radius:14px}

.playground{padding-top:44px;padding-bottom:54px}
.playground .section-heading-centered{margin-bottom:26px}
.playground .section-heading p{max-width:720px;margin-inline:auto}
.portal-grid-v4{gap:18px}
.portal-card{min-height:350px;border-radius:24px}
.portal-media{height:118px}
.portal-card-body{padding:18px 18px 19px}
.portal-card h3{font-size:1.35rem;margin:8px 0 8px;line-height:1.1}
.portal-card p{font-size:.88rem;line-height:1.45}
.portal-link{margin-top:auto;font-weight:900;color:var(--ink)}

.blackboard-section{padding-top:30px;padding-bottom:58px}
.blackboard-wrap{width:min(1320px,calc(100% - 24px))}
.blackboard{grid-template-columns:1.05fr .95fr;padding:38px 42px 40px;min-height:285px;border-radius:18px;background:linear-gradient(180deg,#0f5849,#124639 100%)}
.chalk-label{margin-bottom:16px}
.blackboard h2{font-size:2rem;margin-bottom:10px}
.math-question{font-size:3.9rem;margin-top:4px}
.chalk-thought{width:150px;top:20px;right:30px;font-size:1.12rem;line-height:1.28}
.panef-peek{width:135px;right:24px;bottom:-1px}
.chalk-tray{margin-top:0;width:92%}

.latest-content{padding-top:38px;padding-bottom:36px}
.latest-heading{margin-bottom:18px}
.latest-shell{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;align-items:start}
.latest-grid-alone{grid-template-columns:1fr}
.empty-state{min-height:100px;align-items:center}
.empty-state h3{font-size:1.3rem}
.latest-side-note{display:flex;flex-direction:column;gap:10px;align-self:stretch;justify-content:center}
.latest-note-paper{background:#fff2b5;color:#6e5427;border-radius:10px 18px 12px 18px;padding:18px 18px 16px;font:900 1rem/1.2 "Comic Sans MS","Trebuchet MS",cursive;box-shadow:0 14px 25px rgba(112,84,39,.11);transform:rotate(-2deg);text-align:center}
.latest-note-base{position:relative;min-height:108px;border-radius:24px;background:linear-gradient(180deg,#fffdfa,#fff6e8);border:1px solid rgba(16,41,77,.06);box-shadow:var(--soft-shadow);overflow:hidden}
.latest-note-base:before{content:"";position:absolute;left:18px;right:18px;bottom:16px;height:12px;background:linear-gradient(90deg,#c0d39d 0 24%,#9dcae4 24% 52%,#f6ce75 52% 74%,#dca4ac 74%);border-radius:5px;opacity:.25}
.latest-note-books{position:absolute;left:18px;bottom:18px;width:64px;height:34px;border-radius:5px;background:linear-gradient(180deg,#6ea6d9 0 33%,#e7af4e 33% 66%,#7ec289 66% 100%);box-shadow:0 8px 18px rgba(16,41,77,.08)}
.latest-note-lamp{position:absolute;right:20px;bottom:18px;font-size:2.2rem;filter:drop-shadow(0 8px 18px rgba(255,196,42,.18))}
.latest-note-cat{position:absolute;right:64px;bottom:13px;font-size:2rem}

.parent-note{padding-top:0;padding-bottom:64px}
.parent-note-card{grid-template-columns:280px 1fr auto;padding:26px 30px 30px}
.parent-note h2{margin-bottom:8px}
.parent-note p{max-width:700px}
.parent-cta{margin:18px 0 0}
.parent-cta .button{min-height:50px;padding-inline:18px;font-size:.96rem;box-shadow:none}

.site-footer{padding-top:52px}
.footer-grid{align-items:center}
.footer-brand-lockup small{color:#d7e4f1}
.footer-signoff{font-size:1.3rem}

@media (max-width:1080px){
  .latest-shell{grid-template-columns:1fr}
  .latest-side-note{order:2;max-width:320px}
}
@media (max-width:820px){
  .hero-stars{display:none}
  .blackboard{grid-template-columns:1fr;padding:34px 28px 130px}
  .math-question{font-size:3.3rem}
  .parent-note-card{grid-template-columns:1fr}
}
@media (max-width:640px){
  .today-section{padding-top:40px}
  .hero-v4{padding-top:18px}
  .hero-v4 .wrap:before{display:none}
  .portal-card{min-height:320px}
  .math-question{font-size:2.9rem}
  .latest-note-paper{max-width:210px}
}

/* v1.5 - visual fidelity pass based on the approved mockup */
body.home{background:#fff9ee}
.site-header{background:rgba(255,253,248,.9);box-shadow:0 1px 0 rgba(16,41,77,.05)}
.header-inner{min-height:74px}
.header-nav-shell{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.92);border:1px solid rgba(16,41,77,.08);border-radius:999px;padding:4px 5px 4px 8px;box-shadow:0 10px 28px rgba(34,54,84,.08)}
.main-nav a{padding:8px 11px}
.header-search-link{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;text-decoration:none;font:900 1.35rem/1 system-ui;background:#f3f4f6;color:var(--ink);transform:rotate(-12deg)}

.hero-v4{position:relative;isolation:isolate;padding-top:24px;padding-bottom:32px;background:linear-gradient(90deg,#fff8df 0 49%,#eff8ff 49% 100%)}
.hero-v4:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0));z-index:-3}
.hero-v4 .wrap:after{content:"";position:absolute;inset:-30px auto -30px -84px;width:78px;background:url('../images/decor-hero-left.webp') center/cover no-repeat;opacity:.94;pointer-events:none}
.hero-v4 .hero-visual:after{content:"";position:absolute;top:-22px;right:-83px;width:74px;height:100%;background:url('../images/decor-hero-right.webp') center/cover no-repeat;opacity:.96;pointer-events:none;z-index:3}
.hero-grid{min-height:430px;grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);gap:30px}
.hero-v4 .hero-copy{padding-top:2px}
.hero-eyebrow{margin-bottom:15px}
.hero h1{font-size:clamp(3.15rem,5vw,5.15rem);line-height:.94;max-width:590px}
.hero-text{margin-top:20px;font-size:1.02rem;line-height:1.55;max-width:575px}
.hero-actions{margin-top:20px;gap:12px}
.hero-actions .button{min-height:52px;padding-inline:19px;border-radius:16px;font-size:.94rem}
.panef-search{margin-top:16px;max-width:585px}
.hero-visual{min-height:410px}
.hero-v4 .panef-scene{width:min(100%,610px);border-radius:30px;box-shadow:0 22px 55px rgba(31,52,83,.13)}
.hero-paperplane{left:-4%;top:1%;font-size:2.5rem}
.hero-bulb{left:2%;top:17%;font-size:2.4rem}
.hero-stars{left:7%;top:33%;font-size:1.45rem}

.today-section{position:relative;padding:42px 0 46px;background:linear-gradient(180deg,#fffdf8 0,#fffaf0 100%);overflow:hidden}
.today-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:72px;height:auto;border-radius:0;filter:none;opacity:.92;background:url('../images/decor-today-left.webp') left center/cover no-repeat}
.today-section:after{content:"";position:absolute;right:0;top:0;bottom:0;width:70px;height:auto;border-radius:0;filter:none;opacity:.92;background:url('../images/decor-today-right.webp') right center/cover no-repeat}
.today-section .wrap{position:relative;z-index:2}
.today-heading{margin-bottom:16px;align-items:center}
.today-heading h2{font-size:clamp(2.6rem,4.8vw,4.25rem)}
.today-heading h2:after{display:none}
.today-heading p{font-size:.94rem}
.today-grid{gap:18px}
.today-card{border-radius:22px;box-shadow:0 14px 30px rgba(40,55,82,.10)}
.today-media{aspect-ratio:1.9/1}
.today-body{min-height:100px;padding:15px 16px 17px}
.today-body strong{font-size:1.02rem}
.today-body small{font-size:.8rem}
.today-icon{width:38px;height:38px}
.today-body b{width:34px;height:34px}

.playground{position:relative;padding:44px 0 56px;background:
radial-gradient(circle at 50% 15%,rgba(255,255,255,.58),transparent 38%),
linear-gradient(180deg,#fff1cf,#ffefc8);overflow:hidden}
.playground:before{content:"";position:absolute;left:0;top:0;bottom:0;width:76px;height:auto;background:url('../images/decor-play-left.webp') left center/cover no-repeat;opacity:.96;transform:none}
.playground:after{content:"";position:absolute;right:0;top:0;bottom:0;width:74px;background:url('../images/decor-play-right.webp') right center/cover no-repeat;opacity:.96}
.playground .wrap{position:relative;z-index:2}
.playground .section-heading-centered{margin-bottom:20px}
.playground .section-heading h2{font-size:clamp(2.7rem,4.8vw,4.3rem)}
.portal-grid-v4{gap:16px}
.portal-card{min-height:330px;border-radius:22px;box-shadow:0 13px 28px rgba(35,53,81,.09)}
.portal-media{height:135px}
.portal-card-body{padding:15px 17px 16px}
.portal-icon{width:40px;height:40px;border-radius:13px;margin-top:-34px;box-shadow:0 7px 18px rgba(16,41,77,.12)}
.portal-card h3{font-size:1.32rem;margin-top:12px}
.portal-card p{font-size:.82rem;line-height:1.45}
.portal-link{font-size:.86rem}

.blackboard-section{padding:22px 0 48px;background:linear-gradient(180deg,#fff0ce 0,#fff8ec 100%)}
.blackboard-wrap{width:min(1280px,calc(100% - 24px))}
.blackboard{min-height:260px;padding:34px 40px;border:13px solid #a86f38;box-shadow:0 18px 0 #8b572a,0 28px 48px rgba(93,58,29,.18)}
.blackboard h2{font-size:1.8rem}
.math-question{font-size:3.55rem}
.chalk-note{font-size:.92rem}
.challenge-controls input{height:56px}
.chalk-button{height:56px}
.panef-peek{width:126px}

.latest-content{padding:30px 0 34px;background:#fffaf0}
.latest-heading h2{font-size:clamp(2.35rem,4.5vw,3.7rem)}
.latest-shell{grid-template-columns:minmax(0,1fr) 210px;gap:14px}
.empty-state{min-height:92px;padding:21px 24px;border-radius:18px}
.latest-side-note{gap:8px}
.latest-note-paper{padding:15px 12px;font-size:.9rem}
.latest-note-base{min-height:78px}

.parent-note{padding:18px 0 42px;background:#fffaf0}
.parent-note-card{border-radius:28px;padding:22px 26px;grid-template-columns:250px 1fr auto;gap:24px;background:linear-gradient(135deg,#fff0e7,#ffe4d6)}
.parent-scene{height:138px;border-radius:20px}
.parent-note h2{font-size:1.75rem}
.parent-note p{font-size:.9rem;line-height:1.55}
.parent-cta{margin-top:12px}
.parent-cta .button{min-height:44px;font-size:.9rem}

.site-footer{padding:0 0 18px;background:linear-gradient(180deg,#153866 0,#0b244a 100%)}
.footer-scenery{height:118px;background-image:linear-gradient(180deg,rgba(8,30,59,.05),rgba(8,30,59,.35)),url('../images/footer-scenery.webp');background-size:cover;background-position:center;box-shadow:inset 0 -20px 30px rgba(7,24,48,.32)}
.footer-stars{top:116px;opacity:.68}
.footer-grid{padding-top:24px;grid-template-columns:1.2fr 1fr 1fr}
.footer-skyline{display:none}
.footer-brand-lockup strong{font-size:1.2rem}
.footer-brand-lockup small{font-size:.76rem}
.footer-menu a{font-size:.88rem;padding:6px 9px}
.footer-signoff{font-size:1.12rem}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;font-size:.74rem}
.footer-mini-links{display:flex;gap:18px}
.footer-mini-links a{color:#b9c7d7;text-decoration:none}
.footer-mini-links a:hover{color:#fff}

@media (max-width:1080px){
 .hero-v4 .wrap:after,.hero-v4 .hero-visual:after,.today-section:before,.today-section:after,.playground:before,.playground:after{opacity:.4}
 .today-media{aspect-ratio:2.05/1}
 .latest-shell{grid-template-columns:1fr}
}
@media (max-width:820px){
 .header-nav-shell{background:transparent;border:0;box-shadow:none;padding:0}
 .header-search-link{display:none}
 .hero-grid{min-height:auto}
 .today-section:before,.today-section:after,.playground:before,.playground:after{display:none}
 .footer-scenery{height:90px}
 .footer-grid{padding-top:18px}
 .footer-bottom{align-items:flex-start;flex-direction:column}
}
@media (max-width:640px){
 .today-media{aspect-ratio:2/1}
 .portal-media{height:150px}
 .parent-note-card{grid-template-columns:1fr}
 .footer-scenery{height:78px}
}

/* v1.5.1 - fix broken decorative backgrounds */
.hero-v4 .wrap:after,
.hero-v4 .hero-visual:after,
.today-section:before,
.today-section:after,
.playground:before,
.playground:after{
  background-image:none !important;
}
.hero-v4 .wrap:after{
  inset:auto auto 28px -36px;
  width:92px;
  height:240px;
  opacity:1;
  background:
    radial-gradient(circle at 25% 18%, rgba(255,224,111,.38) 0 34%, transparent 35%),
    linear-gradient(180deg, rgba(255,246,214,0) 0%, rgba(255,246,214,.95) 55%, rgba(255,246,214,.15) 100%);
  clip-path:polygon(18% 0,100% 0,62% 100%,0 100%);
  filter:blur(.2px);
}
.hero-v4 .hero-visual:after{
  top:14px;
  right:-26px;
  width:86px;
  height:86px;
  border-radius:50%;
  opacity:.9;
  background:radial-gradient(circle at 35% 35%, rgba(190,228,255,.9) 0 44%, rgba(190,228,255,.45) 45%, rgba(190,228,255,0) 72%);
}
.today-section:before,
.today-section:after,
.playground:before,
.playground:after{
  width:110px;
  border-radius:0;
  filter:none;
  opacity:1;
}
.today-section:before{
  left:-28px; top:55px; bottom:auto; height:220px;
  background:
    radial-gradient(circle at 45% 24%, rgba(255,226,120,.32) 0 32%, transparent 33%),
    radial-gradient(circle at 56% 74%, rgba(189,232,255,.28) 0 26%, transparent 27%);
}
.today-section:after{
  right:-30px; bottom:40px; top:auto; height:240px;
  background:
    radial-gradient(circle at 52% 28%, rgba(255,220,108,.24) 0 18%, transparent 19%),
    radial-gradient(circle at 40% 66%, rgba(190,232,255,.34) 0 30%, transparent 31%);
}
.playground:before{
  left:-16px; top:115px; bottom:auto; height:260px;
  background:
    radial-gradient(circle at 40% 20%, rgba(255,228,133,.18) 0 18%, transparent 19%),
    radial-gradient(circle at 42% 55%, rgba(183,221,154,.22) 0 20%, transparent 21%),
    radial-gradient(circle at 62% 84%, rgba(255,202,82,.18) 0 15%, transparent 16%);
}
.playground:after{
  right:-18px; top:150px; bottom:auto; height:260px;
  background:
    radial-gradient(circle at 60% 22%, rgba(188,231,255,.28) 0 22%, transparent 23%),
    radial-gradient(circle at 46% 58%, rgba(255,215,115,.18) 0 16%, transparent 17%),
    radial-gradient(circle at 58% 84%, rgba(255,192,212,.22) 0 18%, transparent 19%);
}
.today-section,
.playground{
  overflow:hidden;
}
@media (max-width:1080px){
  .hero-v4 .wrap:after,
  .hero-v4 .hero-visual:after,
  .today-section:before,
  .today-section:after,
  .playground:before,
  .playground:after{opacity:.7}
}
@media (max-width:820px){
  .hero-v4 .wrap:after,
  .hero-v4 .hero-visual:after,
  .today-section:before,
  .today-section:after,
  .playground:before,
  .playground:after{display:none}
}

/* v1.6 - immersive paper world, no fragile edge-image strips */
body.home{background:#fffaf1}
.front-page-v4{background:#fffaf1}

/* Hero: slightly broader, warmer and more integrated */
.hero-v4{padding:28px 0 42px;background:
  radial-gradient(circle at 4% 16%,rgba(255,220,88,.30) 0 12%,transparent 29%),
  radial-gradient(circle at 96% 18%,rgba(166,220,255,.28) 0 16%,transparent 31%),
  linear-gradient(112deg,#fff7dc 0 49.5%,#f2f9ff 49.5% 100%)}
.hero-grid{min-height:500px;grid-template-columns:minmax(0,.93fr) minmax(420px,1.07fr);gap:42px}
.hero-v4 .hero-copy{padding-top:10px}
.hero h1{font-size:clamp(3.55rem,5.55vw,5.7rem)}
.hero-text{font-size:1.08rem}
.panef-scene{box-shadow:0 28px 72px rgba(30,52,79,.17)}
.hero-v4:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:38px;background:#fffdf8;clip-path:polygon(0 46%,8% 59%,18% 44%,29% 58%,39% 45%,49% 61%,60% 44%,71% 58%,82% 43%,91% 57%,100% 45%,100% 100%,0 100%);z-index:5}

/* Dnes můžeš: larger visual cards, less dashboard-like */
.today-section{padding:62px 0 72px;background:
  radial-gradient(circle at 10% 22%,rgba(255,216,91,.14),transparent 20%),
  radial-gradient(circle at 91% 74%,rgba(164,220,255,.17),transparent 24%),
  #fffdf8}
.today-heading{margin-bottom:26px}
.today-heading>div{max-width:820px}
.today-heading h2{font-size:clamp(3rem,5.2vw,4.7rem)}
.today-heading p{font-size:1rem}
.today-grid{gap:22px}
.today-card{border-radius:30px;box-shadow:0 17px 40px rgba(42,63,91,.11);border-color:rgba(16,41,77,.055)}
.today-media{aspect-ratio:1.9/1}
.today-body{padding:20px 21px 23px}
.today-body strong{font-size:1.25rem}
.today-body small{font-size:.91rem;line-height:1.45}
.today-icon{width:48px;height:48px}
.today-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.52);pointer-events:none}

/* Main world: textured paper feel made from CSS only */
.playground{padding:68px 0 74px;background:
  radial-gradient(circle at 8% 16%,rgba(211,181,120,.10) 0 1.3px,transparent 1.5px) 0 0/18px 18px,
  radial-gradient(circle at 94% 75%,rgba(211,181,120,.08) 0 1px,transparent 1.3px) 0 0/22px 22px,
  linear-gradient(180deg,#fff2ca 0%,#fff7df 44%,#fff2d0 100%)}
.playground .section-heading-centered{margin-bottom:36px}
.playground .section-heading h2{font-size:clamp(3rem,5vw,4.5rem)}
.portal-grid-v4{gap:22px}
.portal-card{min-height:410px;border-radius:28px;box-shadow:0 17px 38px rgba(59,70,77,.12)}
.portal-media{height:154px}
.portal-card-body{padding:21px 20px 22px}
.portal-icon{width:44px;height:44px;font-size:1.3rem}
.portal-card h3{font-size:1.55rem}
.portal-card p{font-size:.93rem;line-height:1.52}
.portal-link{font-size:.93rem}
.playground .wrap:before,.playground .wrap:after{position:absolute;color:#dca137;opacity:.55;font:700 2rem/1 "Comic Sans MS","Trebuchet MS",cursive;pointer-events:none}
.playground .wrap{position:relative}
.playground .wrap:before{content:"✦  ↝  ☆";left:-18px;top:54px;transform:rotate(-8deg)}
.playground .wrap:after{content:"☆  ⋯  ✦";right:-12px;bottom:8px;transform:rotate(7deg)}

/* Blackboard becomes a centerpiece */
.blackboard-section{padding:34px 0 72px;background:linear-gradient(180deg,#fff1ce 0,#fff8ec 100%)}
.blackboard-wrap{width:min(1360px,calc(100% - 28px))}
.blackboard{min-height:315px;padding:46px 52px;border:15px solid #a86f38;border-radius:22px;box-shadow:0 19px 0 #8b572a,0 34px 58px rgba(93,58,29,.20);background:
  radial-gradient(circle at 20% 40%,rgba(255,255,255,.025) 0 1px,transparent 1.4px) 0 0/13px 13px,
  linear-gradient(180deg,#0f5949,#124438)}
.blackboard h2{font-size:2.2rem}
.math-question{font-size:4.25rem}
.chalk-note{font-size:1rem}
.challenge-controls{padding-right:110px}
.chalk-thought{font-size:1.15rem;right:34px;top:30px}
.panef-peek{width:148px;right:26px}

/* Latest: remove cheap icon scene and make a cleaner editorial strip */
.latest-content{padding:52px 0 46px;background:#fffaf2}
.latest-heading{margin-bottom:22px}
.latest-heading h2{font-size:clamp(2.75rem,4.7vw,4.2rem)}
.latest-shell{grid-template-columns:minmax(0,1fr) 220px;gap:18px}
.empty-state{min-height:110px;padding:25px 28px;background:rgba(255,255,255,.64)}
.latest-side-note{justify-content:flex-start;padding-top:6px}
.latest-note-paper{padding:20px 16px;font-size:1rem;box-shadow:0 13px 28px rgba(112,84,39,.10)}
.latest-note-base{display:none}

/* Parent section: larger and closer to the mockup */
.parent-note{padding:24px 0 70px;background:#fffaf2}
.parent-note-card{grid-template-columns:310px 1fr auto;gap:32px;padding:30px 34px;border-radius:34px;background:linear-gradient(135deg,#fff0e7 0%,#ffe7db 62%,#ffefdf 100%);box-shadow:0 18px 42px rgba(125,72,50,.09)}
.parent-scene{height:178px;border-radius:24px}
.parent-note h2{font-size:2rem}
.parent-note p{font-size:.96rem}
.parent-note-icon{width:82px;height:82px}

/* Footer: the night scene is now the whole footer, not just a thin strip */
.site-footer{position:relative;min-height:290px;padding:0 0 20px;background:
  linear-gradient(180deg,rgba(7,31,62,.18),rgba(7,27,55,.98) 44%,#09264e 100%),
  url('../images/footer-scenery.webp') center top/cover no-repeat;
}
.footer-scenery{height:90px;background:transparent;box-shadow:none}
.footer-stars{top:82px}
.footer-grid{padding-top:24px;min-height:135px;align-items:center}
.footer-brand-lockup strong{font-size:1.35rem}
.footer-brand-lockup small{font-size:.8rem}
.footer-signoff{font-size:1.3rem;text-shadow:0 3px 16px rgba(0,0,0,.35)}
.footer-bottom{margin-top:12px}

/* breathe on desktop but stay responsive */
@media (min-width:1300px){
  :root{--wrap:min(1320px,calc(100% - 56px))}
}
@media (max-width:1080px){
  .hero-grid{grid-template-columns:1fr 1fr;gap:30px}
  .portal-card{min-height:370px}
  .latest-shell{grid-template-columns:1fr}
  .latest-side-note{max-width:260px}
  .challenge-controls{padding-right:0}
}
@media (max-width:820px){
  .hero-v4:before{height:24px}
  .today-media{aspect-ratio:2.05/1}
  .playground .wrap:before,.playground .wrap:after{display:none}
  .blackboard{padding:36px 30px 145px}
  .parent-note-card{grid-template-columns:1fr}
  .site-footer{min-height:255px}
}
@media (max-width:640px){
  .today-section{padding:48px 0 54px}
  .today-heading h2,.playground .section-heading h2{font-size:2.8rem}
  .today-card{border-radius:24px}
  .portal-card{min-height:340px}
  .portal-media{height:145px}
  .blackboard{padding:30px 22px 145px}
  .math-question{font-size:3rem}
  .latest-content{padding-top:42px}
  .parent-note{padding-bottom:52px}
  .parent-note-card{padding:24px}
  .site-footer{min-height:235px}
}

/* v1.7 - precision fidelity pass: denser storybook composition */
body.home{background:#fffaf3}

/* header: compact and polished */
.site-header{box-shadow:0 2px 18px rgba(21,42,69,.045)}
.header-inner{min-height:70px}
.brand-mark{width:48px;height:48px;border-radius:15px}
.brand-copy strong{font-size:1.25rem}
.header-nav-shell{padding:3px 4px 3px 8px}
.main-nav a{padding:7px 11px}

/* hero: fill more of the first screen, closer to the approved mockup */
.hero-v4{padding-top:20px;padding-bottom:34px}
.hero-grid{min-height:475px;grid-template-columns:minmax(0,.88fr) minmax(455px,1.12fr);gap:34px}
.hero h1{font-size:clamp(3.65rem,5.75vw,5.9rem);max-width:625px}
.hero-text{max-width:590px;margin-top:18px}
.hero-actions{margin-top:22px}
.panef-search{margin-top:18px}
.hero-visual{min-height:455px}
.panef-scene{width:min(100%,690px);border-radius:38px 38px 38px 26px}
.hero-bulb{left:3%;top:20%}
.hero-paperplane{left:-4%;top:6%}

/* stronger paper transition without fragile image backgrounds */
.hero-v4:before{height:30px;background:#fffdf9;clip-path:polygon(0 44%,7% 58%,15% 45%,24% 60%,33% 46%,42% 57%,51% 44%,61% 60%,71% 45%,81% 58%,91% 43%,100% 55%,100% 100%,0 100%)}

/* Dnes můžeš: larger illustration-first cards */
.today-section{padding:50px 0 60px}
.today-heading{margin-bottom:22px}
.today-heading h2{font-size:clamp(3.1rem,5.2vw,4.8rem)}
.today-grid{gap:24px}
.today-card{border-radius:29px;box-shadow:0 18px 40px rgba(42,63,91,.12)}
.today-card:nth-child(1){transform:rotate(-.22deg)}
.today-card:nth-child(2){transform:translateY(2px) rotate(.14deg)}
.today-card:nth-child(3){transform:rotate(.2deg)}
.today-card:hover,.today-card:focus-visible{transform:translateY(-6px) rotate(0)}
.today-media{aspect-ratio:1.82/1}
.today-body{padding:19px 20px 21px}
.today-body strong{font-size:1.22rem}
.today-body small{font-size:.89rem}

/* Pan Ef world: less empty yellow, more warm paper */
.playground{padding:58px 0 66px;background:
 radial-gradient(circle at 7% 22%,rgba(215,178,102,.11) 0 1.2px,transparent 1.45px) 0 0/18px 18px,
 radial-gradient(circle at 93% 72%,rgba(215,178,102,.075) 0 1px,transparent 1.3px) 0 0/21px 21px,
 linear-gradient(180deg,#fff5db 0%,#fff9eb 46%,#fff3d7 100%)}
.playground .section-heading-centered{margin-bottom:30px}
.portal-grid-v4{gap:20px}
.portal-card{min-height:395px;border-radius:26px;box-shadow:0 18px 40px rgba(65,76,81,.115)}
.portal-card:nth-child(1){transform:rotate(-.16deg)}
.portal-card:nth-child(2){transform:translateY(2px)}
.portal-card:nth-child(3){transform:translateY(-2px)}
.portal-card:nth-child(4){transform:rotate(.15deg)}
.portal-card:hover,.portal-card:focus-visible{transform:translateY(-7px) rotate(0)}
.portal-media{height:168px}
.portal-card-body{padding:20px 20px 21px}
.portal-card h3{font-size:1.5rem}
.portal-card p{font-size:.9rem;line-height:1.48}
.playground .wrap:before{left:-4px;top:52px}
.playground .wrap:after{right:0;bottom:18px}

/* chalkboard: wider and more theatrical */
.blackboard-section{padding:26px 0 66px}
.blackboard-wrap{width:min(1400px,calc(100% - 26px))}
.blackboard{min-height:320px;padding:44px 50px;border-width:15px;box-shadow:0 20px 0 #8b572a,0 34px 62px rgba(93,58,29,.21)}
.blackboard:before{content:"✦   ?   ↝";position:absolute;right:210px;top:25px;color:rgba(255,255,255,.17);font:800 1.15rem/1 "Comic Sans MS","Trebuchet MS",cursive;letter-spacing:.5em;transform:rotate(-4deg)}
.blackboard h2{font-size:2.12rem}
.math-question{font-size:4.3rem}
.challenge-controls{padding-right:126px}
.panef-peek{width:154px}
.chalk-thought{right:38px}

/* editorial strip: bigger heading and a quieter placeholder */
.latest-content{padding:48px 0 42px}
.latest-heading h2{font-size:clamp(2.9rem,4.8vw,4.35rem)}
.latest-heading p{font-size:.98rem}
.latest-shell{grid-template-columns:minmax(0,1fr) 205px;gap:18px}
.empty-state{min-height:104px;padding:24px 28px;background:rgba(255,255,255,.72);box-shadow:0 10px 24px rgba(42,63,91,.035)}
.latest-note-paper{padding:19px 15px;font-size:.96rem}

/* parent panel: make the image and text feel like one scene */
.parent-note{padding:22px 0 62px}
.parent-note-card{grid-template-columns:325px 1fr auto;gap:30px;padding:27px 32px;border-radius:32px}
.parent-scene{height:184px}
.parent-note h2{font-size:2.05rem}
.parent-note-copy{padding-right:10px}
.parent-note-icon{width:78px;height:78px}

/* footer: remove the pale/grey band and use only the actual night scene */
.site-footer{min-height:285px;padding:0 0 18px;background:linear-gradient(180deg,#0d315c 0%,#08274f 45%,#082448 100%)}
.footer-scenery{height:118px;background-image:linear-gradient(180deg,rgba(8,30,59,0),rgba(8,30,59,.36)),url('../images/footer-scenery-clean.webp');background-size:cover;background-position:center 35%;box-shadow:none}
.footer-stars{top:105px}
.footer-grid{padding-top:20px;min-height:118px}
.footer-bottom{margin-top:10px}

@media (min-width:1500px){
  :root{--wrap:min(1380px,calc(100% - 70px))}
  .hero-grid{grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr)}
  .panef-scene{width:min(100%,720px)}
}
@media (max-width:1080px){
  .hero-grid{grid-template-columns:1fr 1fr;gap:26px}
  .hero h1{font-size:clamp(3.1rem,6vw,4.7rem)}
  .portal-card{min-height:370px}
  .challenge-controls{padding-right:0}
  .parent-note-card{grid-template-columns:250px 1fr auto}
}
@media (max-width:820px){
  .hero-grid{grid-template-columns:1fr}
  .hero-visual{min-height:auto}
  .today-card:nth-child(n),.portal-card:nth-child(n){transform:none}
  .blackboard:before{display:none}
  .parent-note-card{grid-template-columns:1fr}
  .footer-scenery{height:96px}
}
@media (max-width:640px){
  .hero-v4{padding-top:16px}
  .today-section{padding:42px 0 48px}
  .today-media{aspect-ratio:2/1}
  .portal-media{height:150px}
  .blackboard{padding:30px 22px 145px}
  .math-question{font-size:3rem}
  .footer-scenery{height:82px}
}

/* v1.8 - final polish before content phase */
.hero h1 span{color:inherit}
.hero h1 .accent{color:var(--red)}
.hero h1 .hero-line{color:var(--ink);white-space:nowrap}
.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);gap:38px}
.hero h1{font-size:clamp(3.55rem,5.15vw,5.35rem);max-width:720px}
.hero-text{max-width:625px}
.panef-scene{width:min(100%,650px)}

.today-section{padding-top:54px;padding-bottom:56px}
.today-heading{max-width:980px}
.today-heading p{max-width:740px}
.today-grid{align-items:stretch}
.today-card{height:100%}

.playground{padding-top:62px;padding-bottom:64px}
.playground .section-heading-centered{max-width:860px}
.portal-card{min-height:385px}
.portal-card p{min-height:82px}

.blackboard-section{padding-top:30px;padding-bottom:62px}
.blackboard{min-height:310px}

.latest-content{padding-top:46px}
.latest-heading{align-items:center}
.latest-heading h2{line-height:1}

.parent-note-card{min-height:220px}
.parent-note-copy{align-self:center}

/* Make footer feel less like a separate strip and more like a night scene. */
.site-footer{overflow:hidden}
.footer-scenery{height:132px;background-position:center 40%;position:relative}
.footer-scenery:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,36,72,0),rgba(8,36,72,.28) 68%,#082448 100%)}
.footer-grid{position:relative}
.footer-grid:before{content:"✦     ·     ✧     ·     ✦";position:absolute;left:50%;top:-8px;transform:translateX(-50%);color:#f7d55a;letter-spacing:.55em;opacity:.55;white-space:nowrap;pointer-events:none}

@media (max-width:1080px){
  .hero-grid{grid-template-columns:1fr 1fr;gap:28px}
  .hero h1 .hero-line{white-space:normal}
  .portal-card p{min-height:auto}
}
@media (max-width:820px){
  .hero-grid{grid-template-columns:1fr}
  .hero h1 .hero-line{white-space:normal}
  .panef-scene{width:min(100%,680px)}
}
@media (max-width:640px){
  .hero h1{font-size:clamp(2.7rem,13vw,3.8rem)}
  .portal-card{min-height:330px}
  .footer-scenery{height:90px}
}

/* v1.9 — samostatný herní svět; Hravá škola není hra */
.games-hub{background:#fffaf0;min-height:70vh}
.games-hero{position:relative;overflow:hidden;padding:74px 0 48px;background:linear-gradient(120deg,#fff0b8,#fff8e8 52%,#eaf7ff)}
.games-hero:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;left:-110px;top:-160px;background:rgba(255,208,70,.22)}
.games-hero:after{content:"";position:absolute;width:290px;height:290px;border-radius:50%;right:-100px;bottom:-170px;background:rgba(111,195,245,.18)}
.games-hero-inner{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.games-hero h1{margin:10px 0 10px;font-size:clamp(3.7rem,8vw,7rem);line-height:.9;letter-spacing:-.065em}
.games-hero p{max-width:780px;margin:0;color:var(--muted);font:400 1.08rem/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
.games-hero-doodle{font-size:clamp(2.5rem,5vw,5rem);letter-spacing:.12em;white-space:nowrap;transform:rotate(-5deg);color:#17355d;opacity:.8}
.games-library{padding:58px 0 90px}
.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.game-tile{display:flex;flex-direction:column;min-height:520px;border-radius:32px;overflow:hidden;text-decoration:none;border:1px solid rgba(16,41,77,.08);box-shadow:0 18px 42px rgba(30,52,82,.11);background:#fff;transition:.25s ease}
.game-tile:hover,.game-tile:focus-visible{transform:translateY(-8px) rotate(-.25deg);box-shadow:0 28px 58px rgba(30,52,82,.16)}
.game-art{position:relative;display:block;height:275px;overflow:hidden}
.game-tile-body{display:flex;flex-direction:column;flex:1;padding:25px 26px 28px}
.game-kicker{font:900 .76rem/1.2 system-ui;text-transform:uppercase;letter-spacing:.07em;color:#6c7a91}
.game-tile strong{display:block;margin:9px 0 9px;font-size:1.7rem;line-height:1.05;letter-spacing:-.04em}
.game-tile small{display:block;color:var(--muted);font:400 .92rem/1.55 system-ui}
.game-cta{margin-top:auto;padding-top:20px;font-weight:950;color:var(--ink)}
.game-wings .game-art{background:linear-gradient(#91d7ff 0 58%,#dff3c6 58% 100%)}
.game-wings .game-sky{position:absolute;left:10%;top:10%;font-size:5.2rem;color:#fff;opacity:.78}.game-wings .game-balloon{position:absolute;left:48%;top:20%;font-size:6.2rem;filter:drop-shadow(0 15px 18px rgba(40,70,90,.15))}.game-wings .game-plane{position:absolute;right:9%;top:11%;font-size:3.8rem;transform:rotate(-10deg);color:#194d84}.game-wings .game-art:after{content:"";position:absolute;left:0;right:0;bottom:0;height:84px;background:linear-gradient(160deg,#83b868,#b7d790 45%,#78a95a);clip-path:polygon(0 60%,18% 20%,39% 55%,61% 15%,82% 52%,100% 30%,100% 100%,0 100%)}
.game-chess{background:#fffcf6}.game-chess .game-art{background:radial-gradient(circle at 50% 25%,#4b556e 0,#1d2636 48%,#0e151f 100%)}.game-chess .game-art:before{content:"";position:absolute;inset:auto 8% 0;height:72%;background:repeating-conic-gradient(#dfd6c4 0 25%,#242a32 0 50%) 0/58px 58px;transform:perspective(450px) rotateX(62deg);transform-origin:bottom;border:7px solid #7a5b36;box-shadow:0 20px 35px rgba(0,0,0,.35)}.chess-crown{position:absolute;left:50%;top:7%;transform:translateX(-50%);z-index:2;font-size:5.3rem;color:#e3c47d;text-shadow:0 8px 20px rgba(0,0,0,.5)}.chess-piece{position:absolute;left:18%;bottom:11%;z-index:3;font-size:5.1rem;color:#eee4d0;text-shadow:0 7px 15px rgba(0,0,0,.6)}.chess-piece.second{left:auto;right:17%;color:#12161d}
.game-checkers .game-art{background:linear-gradient(135deg,#eee4d5,#d8c4a2)}.checkers-board{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);place-items:center;padding:38px;background-color:#ddc8a1;background-image:linear-gradient(45deg,#6b4e35 25%,transparent 25%),linear-gradient(-45deg,#6b4e35 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#6b4e35 75%),linear-gradient(-45deg,transparent 75%,#6b4e35 75%);background-size:82px 82px;background-position:0 0,0 41px,41px -41px,-41px 0}.checkers-board span{position:relative;z-index:2;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#db493d,#87251f);color:#f6ad95;font-size:2.5rem;box-shadow:0 10px 0 #681b18,0 14px 20px rgba(0,0,0,.25)}.checkers-board span.dark{background:linear-gradient(#3e3b37,#111);color:#777;box-shadow:0 10px 0 #090909,0 14px 20px rgba(0,0,0,.3)}
.games-school-note{margin-top:34px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px 24px;border-radius:24px;background:linear-gradient(135deg,#effbe9,#f8fff5);border:1px solid #d7ead0}.games-school-icon{width:58px;height:58px;border-radius:18px;background:#fff;display:grid;place-items:center;font-size:1.8rem;box-shadow:var(--soft-shadow)}.games-school-note strong{font-size:1.2rem}.games-school-note p{margin:3px 0 0;color:var(--muted);font:400 .9rem/1.5 system-ui}.games-school-note a{font-weight:950;text-decoration:none;color:var(--blue);white-space:nowrap}.games-more{padding-top:70px}.games-more .section-heading{margin-bottom:25px}
@media(max-width:900px){.games-grid{grid-template-columns:1fr 1fr}.game-tile:last-child{grid-column:1/-1}.games-hero-doodle{display:none}}
@media(max-width:640px){.games-hero{padding:52px 0 34px}.games-grid{grid-template-columns:1fr}.game-tile:last-child{grid-column:auto}.game-tile{min-height:470px}.game-art{height:240px}.games-school-note{grid-template-columns:auto 1fr}.games-school-note a{grid-column:1/-1;padding-left:76px}}

/* v1.9.3 — storybook article experience */
.panef-single{background:
  radial-gradient(circle at 10% 20%,rgba(255,213,88,.10) 0 170px,transparent 171px),
  radial-gradient(circle at 92% 34%,rgba(144,215,255,.11) 0 190px,transparent 191px),
  #fffaf1;
}
.panef-story{overflow:hidden}
.panef-story-hero{position:relative;background:linear-gradient(112deg,#fff5ca 0 46%,#eaf7ff 46% 100%);padding:44px 0 52px;border-bottom:1px solid rgba(16,41,77,.05)}
.panef-story-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 18%,rgba(255,212,71,.23),transparent 28%),radial-gradient(circle at 86% 8%,rgba(115,200,255,.22),transparent 31%)}
.panef-story-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:48px;align-items:center}
.panef-story-back{display:inline-block;margin-bottom:20px;text-decoration:none;color:#56708f;font:800 .86rem/1.2 system-ui}.panef-story-back:hover{color:var(--blue)}
.panef-story-eyebrow{margin-bottom:18px}
.panef-story-hero h1{margin:0;max-width:760px;font-size:clamp(3.4rem,6vw,6.2rem);line-height:.93;letter-spacing:-.065em}
.panef-story-excerpt{max-width:760px;margin:24px 0 0;color:#526982;font:500 1.08rem/1.65 system-ui}
.panef-story-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.panef-story-meta span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.76);border:1px solid rgba(16,41,77,.08);padding:8px 12px;border-radius:999px;color:#52657c;font:800 .78rem/1.1 system-ui;box-shadow:0 7px 16px rgba(31,54,84,.05)}
.panef-story-hero-art{position:relative;margin:0;border-radius:38px 38px 38px 22px;overflow:hidden;min-height:330px;box-shadow:0 28px 68px rgba(26,51,81,.16);transform:rotate(.35deg);background:#dff2ff}
.panef-story-hero-art img{display:block;width:100%;height:100%;min-height:330px;object-fit:cover}
.story-doodle{position:absolute;z-index:2;color:#ffca39;font:900 2.5rem/1 "Comic Sans MS",cursive;text-shadow:0 8px 20px rgba(255,190,33,.25)}.story-doodle-one{left:24px;top:20px}.story-doodle-two{right:30px;top:25px;transform:rotate(8deg)}.story-doodle-three{left:42px;bottom:25px;color:#fff;font-size:3.2rem;transform:rotate(-14deg)}
.story-paper-edge{position:absolute;left:0;right:0;bottom:-1px;height:24px;background:#fffaf1;clip-path:polygon(0 45%,8% 62%,16% 46%,25% 61%,34% 48%,43% 62%,52% 45%,61% 59%,70% 47%,80% 61%,90% 44%,100% 58%,100% 100%,0 100%)}

.panef-story-layout{display:grid;grid-template-columns:235px minmax(0,900px);justify-content:center;gap:32px;align-items:start;padding-top:58px;padding-bottom:88px}
.panef-story-side{position:sticky;top:104px;display:grid;gap:16px}.panef-side-card{border-radius:24px;padding:18px;background:#fff;border:1px solid rgba(16,41,77,.07);box-shadow:0 12px 28px rgba(28,52,82,.08)}.panef-side-card strong{display:block;margin:7px 0 6px;font-size:1rem}.panef-side-card span{display:block;color:#667991;font:500 .82rem/1.5 system-ui}.panef-side-guide{padding-top:0;overflow:hidden;background:linear-gradient(180deg,#fff,#fff8e2)}.panef-side-guide img{display:block;width:118px;height:90px;object-fit:cover;object-position:50% 15%;margin:0 auto 6px;border-radius:0 0 24px 24px}.panef-side-tip{background:linear-gradient(145deg,#fff4b8,#fff9df)}.panef-side-tip>span:first-child{font-size:1.7rem}

.panef-story-sheet{position:relative;background:#fff;border:1px solid rgba(16,41,77,.06);border-radius:34px;padding:clamp(30px,5vw,62px);box-shadow:0 24px 62px rgba(28,52,82,.10)}
.panef-story-sheet:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.2;background-image:radial-gradient(circle at 1px 1px,#9d8b63 1px,transparent 0);background-size:18px 18px;mask-image:linear-gradient(180deg,#000 0,transparent 20%)}
.panef-story-content{position:relative;z-index:1;color:#364e6a;font:500 1.05rem/1.8 system-ui,-apple-system,"Segoe UI",sans-serif}
.panef-story-content>.panef-lead{position:relative;margin:0 0 34px;padding:24px 28px 24px 82px;border-radius:26px 26px 26px 8px;background:linear-gradient(135deg,#fff2b8,#fff9df);color:#17355d;font-size:1.12rem;line-height:1.55;box-shadow:0 12px 28px rgba(117,89,33,.08)}
.panef-story-content>.panef-lead:before{content:"EF";position:absolute;left:22px;top:22px;width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#ff6962,#e83d48);color:white;display:grid;place-items:center;font:950 .8rem/1 system-ui;transform:rotate(-4deg);box-shadow:0 7px 0 rgba(240,82,82,.13)}
.panef-story-content h2{position:relative;margin:48px 0 18px;padding-left:25px;color:var(--ink);font-size:clamp(1.75rem,3vw,2.35rem);line-height:1.12;letter-spacing:-.035em}.panef-story-content h2:before{content:"";position:absolute;left:0;top:.14em;width:9px;height:.9em;border-radius:999px;background:linear-gradient(#ffd75b,#ffb82d);transform:rotate(8deg)}
.panef-story-content h3{color:var(--ink);font-size:1.2rem;letter-spacing:-.02em}.panef-story-content p{margin:0 0 21px}.panef-story-content strong{color:#173c69}.panef-story-content em{color:#735c49}
.panef-story-content blockquote{position:relative;margin:32px 0;padding:22px 26px 22px 66px;border:0;border-radius:22px;background:#eef7ff;color:#29496d;box-shadow:inset 0 0 0 1px rgba(35,96,156,.07)}.panef-story-content blockquote:before{content:"“";position:absolute;left:20px;top:3px;font:900 4.8rem/1 Georgia,serif;color:#75b5df;opacity:.75}.panef-story-content blockquote p{margin:0;font-style:italic;font-weight:700}

.panef-story-content .panef-fact,.panef-story-content .panef-summary,.panef-story-content .panef-quiz{margin:36px 0;border-radius:28px;padding:26px 28px;box-shadow:0 15px 34px rgba(38,62,91,.075)}
.panef-story-content .panef-fact{background:linear-gradient(135deg,#fff2a9,#fff9d8);border:1px solid #f2dd8f}.panef-story-content .panef-fact h3{margin:0 0 10px;font-size:1.35rem}.panef-story-content .panef-fact p{margin:0}
.panef-story-content .panef-summary{background:linear-gradient(135deg,#e9f7e1,#f6fff2);border:1px solid #cfe5c6}.panef-story-content .panef-summary h2{margin:0 0 10px;padding:0}.panef-story-content .panef-summary h2:before{display:none}.panef-story-content .panef-summary p{margin:0;font-size:1.05rem;color:#335c48}
.panef-story-content .panef-quiz{background:linear-gradient(145deg,#e9f5ff,#f8fcff);border:1px solid #cfe4f7}.panef-story-content .panef-quiz h2{margin:0 0 12px;padding:0}.panef-story-content .panef-quiz h2:before{display:none}.panef-story-content .panef-quiz>p{font-size:1.05rem}.panef-story-content .panef-quiz ul{display:grid;gap:10px;list-style:none;padding:0;margin:20px 0}.panef-story-content .panef-quiz li{position:relative;padding:14px 16px;border-radius:16px;background:#fff;border:2px solid #d9e8f6;color:#38516d;font-weight:750;cursor:pointer;transition:.18s ease}.panef-story-content .panef-quiz li:hover,.panef-story-content .panef-quiz li:focus{transform:translateY(-1px);border-color:#89bce6;box-shadow:0 8px 18px rgba(61,106,149,.08);outline:0}.panef-story-content .panef-quiz li strong{font-weight:inherit;color:inherit}.panef-story-content .panef-quiz li.is-correct{background:#e9f9e2;border-color:#71bd72;color:#285a35}.panef-story-content .panef-quiz li.is-wrong{background:#fff0f0;border-color:#ec8585;color:#843f3f}.panef-story-content .panef-quiz li.is-disabled{cursor:default;opacity:.72}.panef-story-content .panef-quiz details{margin-top:16px;border-radius:15px;background:#fff;padding:14px 16px;border:1px dashed #a9cbe8}.panef-story-content .panef-quiz summary{cursor:pointer;font-weight:850;color:#24598c}.panef-story-content .panef-quiz details p{margin:12px 0 0}.panef-quiz-feedback{margin:12px 0 0!important;padding:13px 15px;border-radius:14px;background:#fff;font-weight:800;color:#2f587e}

.panef-story-content>ul:not(.panef-quiz ul){display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;padding:0;margin:18px 0 10px}.panef-story-content>ul:not(.panef-quiz ul) li{padding:16px 17px;border-radius:18px;background:linear-gradient(145deg,#fff7db,#fff);border:1px solid #eee0b9;font-weight:800;color:#244568;box-shadow:0 9px 20px rgba(68,73,67,.055)}

.panef-story-footer{position:relative;z-index:1;margin-top:54px;padding-top:30px;border-top:2px dashed #e6d9bd;display:flex;align-items:center;justify-content:space-between;gap:25px}.panef-story-footer h2{margin:9px 0 4px;font-size:1.8rem;letter-spacing:-.035em}.panef-story-footer p{margin:0;color:#6c7d91;font:500 .9rem/1.5 system-ui}

@media(max-width:1050px){.panef-story-hero-grid{grid-template-columns:1fr 1fr;gap:30px}.panef-story-layout{grid-template-columns:1fr;max-width:930px}.panef-story-side{position:static;grid-template-columns:1fr 1fr;order:2}.panef-story-sheet{order:1}}
@media(max-width:760px){.panef-story-hero{padding-top:28px}.panef-story-hero-grid{grid-template-columns:1fr}.panef-story-hero h1{font-size:clamp(3rem,13vw,4.7rem)}.panef-story-hero-art{min-height:240px}.panef-story-hero-art img{min-height:240px}.panef-story-layout{padding-top:34px;padding-bottom:60px}.panef-story-sheet{border-radius:24px;padding:26px 22px}.panef-story-side{grid-template-columns:1fr}.panef-story-content>.panef-lead{padding:20px 20px 20px 70px}.panef-story-content>ul:not(.panef-quiz ul){grid-template-columns:1fr}.panef-story-footer{align-items:flex-start;flex-direction:column}.panef-story-footer .button{width:auto}.panef-story-meta{gap:7px}}

/* v1.9.4 — illustrated discovery article system */
.panef-discovery-single{background:#fffaf1;overflow:hidden}
.discovery-hero{position:relative;padding:16px 0 34px;background:linear-gradient(180deg,#fffdf7 0,#fffaf1 100%)}
.discovery-breadcrumbs{display:flex;align-items:center;gap:8px;padding:9px 0 14px;color:#55718f;font:700 .8rem/1.2 system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.discovery-breadcrumbs a{color:#2467a7;text-decoration:none}.discovery-breadcrumbs strong{overflow:hidden;text-overflow:ellipsis}.discovery-breadcrumbs span{opacity:.55}
.discovery-hero-stage{position:relative;min-height:470px;border-radius:46px 46px 34px 34px;overflow:hidden;background:
 radial-gradient(circle at 82% 18%,#fff 0 3%,rgba(255,255,255,.75) 3.2% 6%,transparent 6.2%),
 radial-gradient(ellipse at 60% 18%,rgba(255,255,255,.95) 0 13%,transparent 13.3%),
 radial-gradient(ellipse at 69% 29%,rgba(255,255,255,.82) 0 12%,transparent 12.4%),
 linear-gradient(180deg,#42b6f7 0 56%,#78cbed 56% 66%,#77b367 66% 100%);
 box-shadow:0 26px 65px rgba(31,73,109,.17);isolation:isolate}
.discovery-hero-stage:before{content:"";position:absolute;left:0;right:0;bottom:0;height:39%;background:linear-gradient(165deg,transparent 0 20%,rgba(73,133,82,.45) 21% 37%,transparent 38%),linear-gradient(195deg,transparent 0 35%,rgba(51,119,77,.38) 36% 52%,transparent 53%);opacity:.75;z-index:-1}
.discovery-hero-stage:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:25px;background:#fffaf1;clip-path:polygon(0 40%,7% 65%,15% 46%,24% 67%,33% 45%,42% 61%,52% 43%,62% 65%,72% 45%,82% 63%,92% 44%,100% 58%,100% 100%,0 100%);z-index:8}
.discovery-hero-character{position:absolute;left:-6px;bottom:15px;width:45%;height:420px;z-index:2;overflow:hidden;border-radius:0 50% 0 0}
.discovery-hero-character img{position:absolute;width:620px;max-width:none;height:610px;object-fit:cover;object-position:61% 35%;left:-75px;bottom:-88px;filter:saturate(1.04) contrast(1.02);mask-image:linear-gradient(90deg,#000 76%,transparent 100%)}
.discovery-title-cloud{position:absolute;z-index:4;left:39%;top:58px;width:48%;min-height:250px;padding:48px 52px 35px;text-align:center;background:rgba(255,255,255,.96);border-radius:48% 52% 48% 44% / 46% 47% 53% 54%;box-shadow:0 20px 44px rgba(31,73,109,.14);transform:rotate(-.7deg)}
.discovery-title-cloud:before,.discovery-title-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%;z-index:-1}.discovery-title-cloud:before{width:120px;height:105px;left:-42px;top:84px}.discovery-title-cloud:after{width:128px;height:98px;right:-35px;bottom:31px}
.discovery-mini-label{display:inline-flex;padding:6px 12px;margin-bottom:8px;border-radius:999px;background:#fff0a8;color:#745817;font:950 .72rem/1 system-ui}
.discovery-title-cloud h1{margin:4px auto 12px;max-width:700px;color:#10294d;font-size:clamp(3rem,5.2vw,5.25rem);line-height:.94;letter-spacing:-.055em}.discovery-title-cloud h1::first-line{color:#10294d}
.discovery-title-cloud p{margin:0 auto;max-width:590px;color:#19385c;font:800 1.05rem/1.38 "Trebuchet MS",system-ui;transform:rotate(.4deg)}
.discovery-sun{position:absolute;right:42px;top:24px;width:95px;height:95px;border-radius:50%;background:#fff8c7;box-shadow:0 0 0 13px rgba(255,244,149,.15),0 0 45px rgba(255,225,72,.58);z-index:2}.discovery-sun span{display:block;width:55px;height:55px;margin:20px;border-radius:50%;background:#fff6ba;box-shadow:0 0 22px #fff}
.discovery-question-note{position:absolute;right:42px;top:178px;z-index:3;width:164px;text-align:center;color:#123b67;font:900 .96rem/1.28 "Comic Sans MS","Trebuchet MS",cursive;transform:rotate(-5deg)}
.discovery-hero-chips{position:absolute;left:40%;bottom:43px;z-index:6;display:flex;gap:11px;flex-wrap:wrap}.discovery-hero-chips>span{min-width:150px;display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;padding:9px 13px;border-radius:18px;background:rgba(255,255,255,.91);border:1px solid rgba(16,41,77,.07);box-shadow:0 9px 20px rgba(25,55,85,.1);font-size:1.1rem}.discovery-hero-chips b{color:#14365e;font:900 .82rem/1.1 system-ui}.discovery-hero-chips small{grid-column:2;color:#718198;font:600 .67rem/1.2 system-ui;margin-top:2px}.discovery-hero-chips>span:first-child{background:#fff0a9}.discovery-hero-chips>span:nth-child(2){background:#eefbf1}.discovery-hero-chips>span:nth-child(3){background:#f6f1ff}

.discovery-paper{position:relative;max-width:1240px;padding-top:38px;padding-bottom:35px}
.panef-discovery-content{color:#38516c;font:500 1.02rem/1.68 system-ui,-apple-system,"Segoe UI",sans-serif}
.panef-discovery-content>.discovery-lead{max-width:920px;margin:0 auto 14px!important;padding:18px 26px!important;border-radius:22px!important;background:#fff2b8!important;color:#17385d!important;text-align:center;font-size:1.08rem!important;box-shadow:0 9px 20px rgba(122,95,40,.08)!important}
.panef-discovery-content>.discovery-lead:before{display:none!important}
.panef-discovery-content>.discovery-lead+p{max-width:860px;margin:0 auto 32px;text-align:center;color:#60728a}
.discovery-section{position:relative;margin:18px 0 24px;padding:27px 31px;border-radius:28px;background:#fff;box-shadow:0 14px 32px rgba(41,62,88,.075);border:1px solid rgba(16,41,77,.055);overflow:hidden;min-height:220px}
.discovery-section h2{margin:0 0 14px!important;padding:0 0 0 48px!important;font-size:clamp(1.55rem,2.7vw,2.15rem)!important;line-height:1.1!important}.discovery-section h2:before{display:none!important}.discovery-step{position:absolute;left:0;top:-3px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#238be8;color:#fff;font:950 1rem/1 system-ui;box-shadow:0 6px 15px rgba(35,139,232,.2)}
.discovery-section p{max-width:58%;margin-bottom:15px!important}
.discovery-section-spectrum{background:linear-gradient(135deg,#fff 0 56%,#eff8ff 56% 100%)}
.discovery-section-atmosphere{background:linear-gradient(135deg,#fff 0 55%,#eef7ff 55% 100%)}
.discovery-section-purple{width:49%;display:inline-block;vertical-align:top;margin-right:1%;background:linear-gradient(145deg,#f4e9ff,#fff);min-height:300px}.discovery-section-purple p{max-width:65%}.discovery-section-purple .discovery-step{background:#9b4bd0}
.discovery-section-sunset{width:49%;display:inline-block;vertical-align:top;margin-left:.5%;background:linear-gradient(145deg,#fff3ed,#fff);min-height:300px}.discovery-section-sunset p{max-width:64%}.discovery-section-sunset .discovery-step{background:#f05151}

.discovery-science-visual{position:absolute;right:20px;top:20px;width:38%;height:calc(100% - 40px);border-radius:23px;overflow:hidden;background:#eaf6ff;border:1px solid rgba(20,72,121,.07)}.discovery-science-visual strong{position:absolute;left:14px;right:14px;bottom:12px;padding:8px 10px;border-radius:13px;background:rgba(255,255,255,.88);color:#2172b5;font:850 .76rem/1.25 system-ui;text-align:center}
.visual-spectrum{background:linear-gradient(180deg,#bcecff,#effcff)}.v-sun{position:absolute;left:24px;top:23px;width:58px;height:58px;border-radius:50%;background:#fff8a5;box-shadow:0 0 35px #ffd75b}.v-beam{position:absolute;left:73px;top:65px;width:92px;height:9px;background:linear-gradient(90deg,#fff7b0,#fff);transform:rotate(13deg);transform-origin:left}.v-prism{position:absolute;left:151px;top:63px;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:86px solid rgba(220,245,255,.72);filter:drop-shadow(0 6px 10px rgba(44,93,136,.15));transform:rotate(7deg)}.v-prism:after{content:"";position:absolute;left:-46px;top:5px;width:84px;height:73px;border:4px solid rgba(255,255,255,.85);clip-path:polygon(50% 0,100% 100%,0 100%)}.v-rainbow{position:absolute;left:226px;top:102px;width:135px;height:100px;transform:rotate(5deg)}.v-rainbow i{display:block;height:12px;border-radius:0 9px 9px 0}.v-rainbow i:nth-child(1){background:#ec514f}.v-rainbow i:nth-child(2){background:#f59a3d}.v-rainbow i:nth-child(3){background:#f5d34f}.v-rainbow i:nth-child(4){background:#59b96d}.v-rainbow i:nth-child(5){background:#409ee4}.v-rainbow i:nth-child(6){background:#8b62cf}
.visual-atmosphere{background:radial-gradient(circle at 70% 10%,#fff8a8 0 22px,transparent 23px),linear-gradient(180deg,#1972bd 0,#69b8e9 60%,#102e5c 61%,#071d42 100%)}.v-earth{position:absolute;left:45%;bottom:48px;font-size:7.5rem;filter:drop-shadow(0 12px 20px rgba(0,0,0,.18))}.v-rays i{position:absolute;left:15%;top:28%;width:52%;height:3px;background:#ffd85a;transform-origin:left;border-radius:999px}.v-rays i:nth-child(1){transform:rotate(8deg)}.v-rays i:nth-child(2){transform:rotate(22deg)}.v-rays i:nth-child(3){transform:rotate(38deg)}.v-rays i:nth-child(4){background:#7ed1ff;transform:rotate(55deg)}.v-rays i:nth-child(5){background:#7ed1ff;transform:rotate(68deg)}
.visual-purple{right:15px;top:auto;bottom:0;width:37%;height:80%;background:transparent;border:0;overflow:visible}.visual-purple img{position:absolute;right:-5px;bottom:-14px;width:150px;height:115px;object-fit:cover;object-position:center top;border-radius:60px 60px 15px 15px;filter:drop-shadow(0 9px 14px rgba(47,33,73,.1))}.v-question{position:absolute;right:88px;top:0;font:950 4.5rem/1 system-ui;color:#a94fd8;transform:rotate(8deg)}.visual-purple strong{display:none}
.visual-sunset{right:14px;top:22px;width:34%;height:calc(100% - 44px);background:linear-gradient(180deg,#ff816a,#f5a452 44%,#672d65 72%,#201f4f);border:0}.v-sunset-sun{position:absolute;left:50%;bottom:42px;width:50px;height:50px;border-radius:50%;background:#ffd875;transform:translateX(-50%);box-shadow:0 0 27px rgba(255,215,117,.65)}.v-hills{position:absolute;left:-10%;right:-10%;bottom:0;height:46%;background:#2d2746;clip-path:polygon(0 75%,14% 58%,24% 70%,40% 45%,57% 64%,72% 40%,85% 61%,100% 49%,100% 100%,0 100%)}.visual-sunset strong{color:#75402f}

.panef-discovery-content .discovery-fact{position:relative;margin:20px 0 25px 61%!important;min-height:175px;padding:28px 28px 28px 92px!important;border-radius:28px!important;background:linear-gradient(145deg,#fff1a8,#fff8d5)!important;border:1px solid #efda83!important;box-shadow:0 15px 30px rgba(128,92,29,.09)!important}.discovery-fact h3{margin:0 0 9px!important;color:#12345b!important;font-size:1.45rem!important}.discovery-fact p{margin:0!important;color:#6c552f!important}.fact-panef{position:absolute;left:24px;top:25px;width:52px;height:52px;border-radius:17px;background:#fff8cd;display:grid;place-items:center;font-size:1.75rem;box-shadow:0 8px 18px rgba(129,95,35,.09)}

.panef-discovery-content .discovery-quiz{position:relative;display:block;width:61%;margin:26px 1.5% 26px 0!important;padding:28px 28px 25px!important;border-radius:30px!important;background:linear-gradient(145deg,#edf8ff,#fff)!important;border:1px solid #cce5f8!important;box-shadow:0 15px 34px rgba(35,83,126,.1)!important;vertical-align:top}.discovery-quiz h2{margin:0 0 8px 50px!important;padding:0!important;color:#e74949!important}.quiz-big-icon{position:absolute;left:24px;top:24px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ef4e52;color:#fff;font:950 1.5rem/1 system-ui}.panef-story-content .panef-quiz ul,.panef-discovery-content .panef-quiz ul{grid-template-columns:repeat(2,1fr);gap:10px}.panef-discovery-content .panef-quiz li{min-height:74px;display:flex;align-items:center;background:#fff;border-color:#d3e7f7!important}.panef-discovery-content .panef-quiz li:nth-child(2){border-color:#96d99a!important;background:#f2fff0}.panef-discovery-content .panef-quiz details{display:none}

.discovery-section-challenge{display:inline-block;width:36.5%;margin-left:.5%;vertical-align:top;min-height:338px;padding:29px 26px 28px 28px;background:linear-gradient(145deg,#e9f8e3,#f7fff5)}.discovery-section-challenge h2{padding-left:0!important;color:#168448!important}.discovery-section-challenge p{max-width:100%;font-size:.95rem}.challenge-icon{float:right;margin:-10px -2px 10px 15px;width:84px;height:84px;border-radius:28px;background:#ffdc57;display:grid;place-items:center;font-size:3.2rem;transform:rotate(4deg);box-shadow:0 12px 25px rgba(101,112,44,.12)}

.panef-discovery-content .discovery-summary{display:inline-block;width:43%;min-height:245px;margin:12px 1% 25px 0!important;padding:32px 30px!important;vertical-align:top;border-radius:30px!important;background:linear-gradient(145deg,#e6f8de,#f7fff2)!important;border:1px solid #cce8c2!important}.discovery-summary h2{margin:0 0 18px!important;padding-left:50px!important;color:#168448!important}.discovery-summary h2:before{display:block!important;content:"📖"!important;position:absolute!important;left:0!important;top:-8px!important;width:40px!important;height:40px!important;border-radius:50%!important;background:#38aa62!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:1.3rem!important;transform:none!important}.discovery-summary p{color:#355847!important;font-size:1rem!important}
.discovery-section-next{display:inline-block;width:55%;min-height:245px;margin:12px 0 25px .5%;vertical-align:top;padding:26px;background:linear-gradient(145deg,#fff9e9,#fff);border-color:#f0dfb5}.discovery-section-next h2{padding-left:0!important;color:#e5484f!important}.discovery-next-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;list-style:none!important;padding:0!important;margin:12px 0 0!important}.discovery-next-card{position:relative;min-height:137px;padding:0 12px 34px!important;border-radius:17px!important;background:#fff!important;border:1px solid rgba(16,41,77,.07)!important;overflow:hidden;box-shadow:0 8px 18px rgba(39,60,84,.07)!important;color:#15365b!important;font-weight:850!important;font-size:.82rem!important}.next-card-art{display:grid;place-items:center;height:72px;margin:0 -12px 9px;font-size:2.65rem;background:linear-gradient(180deg,#d8f1ff,#eef8ff)}.discovery-next-card:nth-child(2) .next-card-art{background:linear-gradient(180deg,#ffb083,#f1715f)}.discovery-next-card:nth-child(3) .next-card-art{background:linear-gradient(180deg,#aee3ff,#eefaff)}.next-card-arrow{position:absolute;right:8px;bottom:7px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#3999ef;color:#fff}.discovery-next-card:nth-child(2) .next-card-arrow{background:#f05252}

.discovery-finish{margin-top:5px;margin-bottom:70px;padding:28px 34px;border-radius:30px;background:linear-gradient(135deg,#fff1d8,#ffe8da);display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 15px 34px rgba(80,62,45,.08)}.discovery-finish h2{margin:9px 0 2px;font-size:2rem}.discovery-finish p{margin:0;color:#755f55;font:500 .9rem/1.5 system-ui}

@media(max-width:1050px){.discovery-hero-stage{min-height:430px}.discovery-title-cloud{left:37%;width:55%;padding:42px 35px}.discovery-hero-character{width:47%}.discovery-hero-chips{left:38%}.discovery-section-purple,.discovery-section-sunset,.panef-discovery-content .discovery-quiz,.discovery-section-challenge,.panef-discovery-content .discovery-summary,.discovery-section-next{width:100%;margin:15px 0!important}.panef-discovery-content .discovery-fact{margin:20px 0!important}.discovery-section-purple p,.discovery-section-sunset p{max-width:67%}}
@media(max-width:760px){.discovery-breadcrumbs{padding-inline:4px}.discovery-hero-stage{min-height:680px;border-radius:28px}.discovery-hero-character{left:0;top:0;bottom:auto;width:100%;height:300px;opacity:.96}.discovery-hero-character img{width:520px;height:500px;left:-35px;bottom:-160px;mask-image:linear-gradient(180deg,#000 70%,transparent 100%)}.discovery-title-cloud{left:6%;right:6%;top:290px;width:auto;min-height:230px;padding:35px 24px}.discovery-title-cloud h1{font-size:clamp(2.7rem,13vw,4.1rem)}.discovery-title-cloud p{font-size:.9rem}.discovery-sun{right:18px;top:20px;width:66px;height:66px}.discovery-sun span{width:38px;height:38px;margin:14px}.discovery-question-note{display:none}.discovery-hero-chips{left:20px;right:20px;bottom:35px;justify-content:center}.discovery-hero-chips>span{min-width:0;flex:1}.discovery-paper{padding-top:24px}.discovery-section{padding:24px 20px 25px;min-height:0}.discovery-section h2{padding-left:43px!important}.discovery-section p,.discovery-section-purple p,.discovery-section-sunset p{max-width:100%}.discovery-science-visual{position:relative;right:auto;top:auto;width:100%;height:220px;margin-top:20px}.visual-purple{height:145px}.visual-sunset{height:220px}.panef-discovery-content .discovery-fact{padding-left:24px!important;padding-top:86px!important}.fact-panef{top:20px}.panef-story-content .panef-quiz ul,.panef-discovery-content .panef-quiz ul{grid-template-columns:1fr}.discovery-next-grid{grid-template-columns:1fr!important}.discovery-next-card{min-height:110px}.discovery-finish{align-items:flex-start;flex-direction:column;margin-inline:14px}.discovery-finish .button{width:auto}.v-rainbow{left:195px;transform:scale(.78) rotate(5deg);transform-origin:left top}.v-prism{left:125px}}

/* v1.9.5 - discovery article polish */
.panef-discovery-content .panef-quiz li:nth-child(2){
  border-color:#d3e7f7!important;
  background:#fff!important;
}
.panef-discovery-content .panef-quiz li:nth-child(2):hover,
.panef-discovery-content .panef-quiz li:nth-child(2):focus{
  border-color:#89bce6!important;
  background:#fff!important;
}
.panef-discovery-content .panef-quiz li:nth-child(2).is-correct{
  background:#e9f9e2!important;
  border-color:#71bd72!important;
  color:#285a35!important;
}
.discovery-section-sunset h2{max-width:62%;padding-right:8px!important;font-size:clamp(1.42rem,2.25vw,1.95rem)!important}
.discovery-section-purple h2{max-width:68%}
.discovery-section-sunset p{max-width:60%}
.visual-sunset{width:32%}
.discovery-fact{clear:both}
.discovery-section-next .discovery-next-card{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.discovery-section-next .discovery-next-card:hover{transform:translateY(-3px);box-shadow:0 13px 24px rgba(39,60,84,.11)!important}
.discovery-finish{margin-top:16px}
@media(max-width:1050px){
  .discovery-section-sunset h2,.discovery-section-purple h2{max-width:none}
  .discovery-section-sunset p{max-width:67%}
  .visual-sunset{width:34%}
}
@media(max-width:760px){
  .discovery-section-sunset p{max-width:100%}
  .visual-sunset{width:100%}
}

/* v1.9.6 - structured editable discovery detail */
.discovery-structured-paper{padding-top:38px}
.discovery-structured-content{color:#38516c;font:500 1.02rem/1.68 system-ui,-apple-system,"Segoe UI",sans-serif}
.structured-lead{max-width:920px;margin:0 auto 14px;padding:18px 26px;border-radius:22px;background:#fff2b8;color:#17385d;text-align:center;font-size:1.08rem;box-shadow:0 9px 20px rgba(122,95,40,.08)}
.structured-intro{max-width:860px;margin:0 auto 32px;text-align:center;color:#60728a}.structured-intro p{margin:.4em 0}
.is-structured-section .structured-section-copy{max-width:58%}.is-structured-section .structured-section-copy p{max-width:100%;margin-bottom:15px}
.discovery-custom-visual{position:absolute;right:20px;top:20px;width:38%;height:calc(100% - 40px);margin:0;border-radius:23px;overflow:hidden;background:#eaf6ff;border:1px solid rgba(20,72,121,.07)}
.discovery-custom-visual img{width:100%;height:100%;object-fit:cover;display:block}.discovery-custom-visual figcaption{position:absolute;left:12px;right:12px;bottom:10px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.9);color:#2172b5;font:850 .76rem/1.25 system-ui;text-align:center}
.structured-fact .fact-panef{overflow:hidden}.structured-fact .fact-panef img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.panef-structured-quiz{position:relative;width:100%!important;margin:28px 0!important;padding:30px!important;border-radius:30px!important;background:linear-gradient(145deg,#edf8ff,#fff)!important;border:1px solid #cce5f8!important;box-shadow:0 15px 34px rgba(35,83,126,.1)!important}
.panef-structured-quiz h2{margin:0 0 8px 52px!important;color:#e74949!important}.structured-quiz-question{margin:0 0 18px}.structured-quiz-options{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.structured-quiz-option{min-height:108px;text-align:left;border:2px solid #d8e6f3;background:#fff;border-radius:18px;padding:15px;color:#14365e;font:800 .9rem/1.35 system-ui;cursor:pointer;transition:.18s ease}.structured-quiz-option span{width:31px;height:31px;display:grid;place-items:center;margin-bottom:9px;border-radius:50%;background:#2b91ea;color:#fff;font-weight:950}.structured-quiz-option:hover{transform:translateY(-2px);border-color:#7fb7e8}.structured-quiz-option.is-correct{background:#efffec;border-color:#59bd65}.structured-quiz-option.is-correct span{background:#37a851}.structured-quiz-option.is-wrong{background:#fff0f0;border-color:#f09a9a}.structured-quiz-option.is-wrong span{background:#e95050}.structured-quiz-result{display:none;margin-top:15px;padding:14px 18px;border-radius:15px;background:#eefbea;color:#28763c;font-weight:850}.structured-quiz-result.is-visible{display:block}.structured-quiz-result.is-retry{background:#fff2e7;color:#a65b27}
.discovery-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.structured-challenge,.structured-summary{width:auto!important;margin:0!important;min-height:270px!important}.structured-challenge .challenge-icon{overflow:hidden}.structured-challenge .challenge-icon img{width:100%;height:100%;object-fit:cover}.structured-summary{position:relative}.summary-custom-image{float:right;width:112px;height:112px;object-fit:cover;border-radius:24px;margin:0 0 12px 18px}
.structured-related{width:100%!important;margin:20px 0 28px!important}.structured-related .discovery-next-grid{display:grid!important}.structured-related .discovery-next-card{display:block;text-decoration:none}.structured-related .next-card-art{overflow:hidden}.structured-related .next-card-art img{width:100%;height:100%;object-fit:cover;display:block}.structured-related .discovery-next-card strong{display:block;padding:0 0 0;color:#15365b}
@media(max-width:900px){.structured-quiz-options{grid-template-columns:repeat(2,1fr)}.discovery-lower-grid{grid-template-columns:1fr}.is-structured-section .structured-section-copy{max-width:100%}.discovery-custom-visual{position:relative;right:auto;top:auto;width:100%;height:240px;margin-top:18px}.structured-challenge,.structured-summary{min-height:0!important}}
@media(max-width:600px){.structured-quiz-options{grid-template-columns:1fr}.panef-structured-quiz{padding:24px 18px!important}.summary-custom-image{float:none;width:100%;height:170px;margin:0 0 15px}}

/* v1.9.7 — topic-safe visual fallbacks for factory articles */
.discovery-hero-character.is-topic-placeholder{
  display:grid;place-items:center;overflow:hidden;
  background:linear-gradient(145deg,#dff3ff,#fff1bd);
  min-height:100%;
}
.discovery-hero-character.is-topic-placeholder:before,
.discovery-topic-visual:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:radial-gradient(circle at 18% 22%,rgba(255,255,255,.85) 0 5%,transparent 5.5%),radial-gradient(circle at 75% 30%,rgba(255,255,255,.65) 0 4%,transparent 4.5%),radial-gradient(circle at 62% 78%,rgba(255,255,255,.5) 0 3%,transparent 3.5%);
}
.discovery-hero-character.is-topic-placeholder .topic-placeholder-inner{position:relative;z-index:2;text-align:center;display:grid;gap:8px;place-items:center;padding:28px}
.topic-placeholder-icon{font-size:clamp(5rem,10vw,9rem);filter:drop-shadow(0 14px 20px rgba(16,41,77,.12))}
.topic-placeholder-inner small{display:inline-flex;background:rgba(255,255,255,.82);border-radius:999px;padding:7px 13px;font-weight:900;color:var(--ink);box-shadow:0 8px 20px rgba(16,41,77,.08)}
.discovery-hero-character.topic-space,.discovery-topic-visual.topic-space{background:linear-gradient(150deg,#172e67,#5a79c7 58%,#c2b8ff)}
.discovery-hero-character.topic-nature,.discovery-topic-visual.topic-nature{background:linear-gradient(150deg,#dff5c9,#fff0ad)}
.discovery-hero-character.topic-animals,.discovery-topic-visual.topic-animals{background:linear-gradient(150deg,#ffe4c2,#f7d8ee)}
.discovery-hero-character.topic-body,.discovery-topic-visual.topic-body{background:linear-gradient(150deg,#ffd8df,#fff0dc)}
.discovery-hero-character.topic-tech,.discovery-topic-visual.topic-tech{background:linear-gradient(150deg,#d6ebff,#e8e3ff)}
.discovery-hero-character.topic-history,.discovery-topic-visual.topic-history{background:linear-gradient(150deg,#f2dfbd,#fff3d6)}
.discovery-hero-character.topic-geo,.discovery-topic-visual.topic-geo{background:linear-gradient(150deg,#d4f1e4,#dff0ff)}
.discovery-hero-character.topic-everyday,.discovery-topic-visual.topic-everyday{background:linear-gradient(150deg,#fff0bd,#dff3ff)}
.discovery-topic-visual{position:relative;overflow:hidden;min-height:220px;border-radius:24px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;box-shadow:inset 0 0 0 1px rgba(16,41,77,.06)}
.discovery-topic-visual .topic-visual-step{position:absolute;left:14px;top:14px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.88);font-weight:950;color:var(--ink);box-shadow:0 8px 18px rgba(16,41,77,.08);z-index:2}
.discovery-topic-visual .topic-visual-icon{position:relative;z-index:2;font-size:4.8rem;line-height:1;filter:drop-shadow(0 12px 18px rgba(16,41,77,.13))}
.discovery-topic-visual strong{position:relative;z-index:2;max-width:90%;font-size:.95rem;line-height:1.25;color:var(--ink);background:rgba(255,255,255,.76);padding:8px 12px;border-radius:12px}
.discovery-topic-visual small{position:relative;z-index:2;color:rgba(16,41,77,.58);font:700 .7rem/1.3 system-ui;background:rgba(255,255,255,.56);padding:5px 9px;border-radius:999px}
.discovery-topic-visual.topic-space strong,.discovery-topic-visual.topic-space small{color:#fff;background:rgba(8,25,63,.42)}
.discovery-topic-visual.topic-space .topic-visual-step{background:#fff;color:#172e67}
@media(max-width:760px){.discovery-topic-visual{min-height:170px}.topic-placeholder-icon{font-size:5rem}}

/* v1.10.0 — clean child-friendly master detail for Objevování */
.discovery-master-v2{background:#fffaf1;padding-bottom:34px}
.discovery-master-breadcrumbs{display:flex;gap:8px;align-items:center;padding:18px 0 12px;color:#67809c;font:700 .78rem/1.3 system-ui}.discovery-master-breadcrumbs a{text-decoration:none;color:#2d6ea7}.discovery-master-breadcrumbs strong{color:#3c5572;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.master-legacy-card{background:#fff;border-radius:32px;padding:clamp(28px,5vw,64px);box-shadow:var(--soft-shadow)}
.master-hero{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);gap:34px;align-items:stretch;margin-top:8px;margin-bottom:34px;background:#fff;border:1px solid rgba(16,41,77,.07);border-radius:34px;padding:clamp(28px,4vw,54px);box-shadow:0 20px 50px rgba(35,53,81,.10);overflow:hidden;position:relative}.master-hero:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;left:-130px;top:-150px;background:rgba(255,213,91,.16);pointer-events:none}.master-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}.master-meta-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.master-kicker{display:inline-flex;align-items:center;width:max-content;padding:7px 12px;border-radius:999px;background:#fff0b6;border:1px solid rgba(139,105,24,.08);font:900 .76rem/1 system-ui;color:#284465}.master-topic{display:inline-flex;align-items:center;gap:6px;color:#617895;font:800 .78rem/1 system-ui}.master-topic i{font-style:normal}.master-hero h1{margin:18px 0 12px;font-size:clamp(3.2rem,5.7vw,5.9rem);line-height:.96;letter-spacing:-.065em;color:#10294d}.master-hero-subtitle{margin:0;max-width:680px;color:#4f6680;font:600 clamp(1.05rem,1.6vw,1.3rem)/1.55 system-ui}.master-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.master-chips span{padding:9px 12px;border-radius:14px;background:#f5f8fb;color:#3e5875;font:800 .78rem/1 system-ui}.master-lead-quote{margin:22px 0 0;padding:15px 18px;border:0;border-left:4px solid #ffc84d;background:#fff9df;border-radius:0 16px 16px 0;color:#243d5d;font:800 1rem/1.45 system-ui}.master-hero-visual{min-height:360px;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,#dff1ff,#fff2bf);position:relative}.master-hero-visual.has-image img{width:100%;height:100%;object-fit:cover;display:block}.master-topic-art{height:100%;min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.75),transparent 26%),linear-gradient(150deg,#dcefff,#fff0b9)}.master-topic-art span{font-size:6rem;line-height:1}.master-topic-art strong{margin-top:16px;font-size:1.35rem}.master-topic-art small{margin-top:8px;max-width:260px;color:#66778d;font:700 .86rem/1.45 system-ui}
.master-content{max-width:1120px}.master-intro{max-width:850px;margin:0 auto 32px;text-align:center;color:#526b85;font:600 1.08rem/1.75 system-ui}.master-intro p{margin:0}
.master-explain-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:28px;align-items:center;margin:18px 0;background:#fff;border:1px solid rgba(16,41,77,.065);border-radius:28px;padding:30px;box-shadow:0 12px 28px rgba(35,53,81,.07)}.master-explain-row.is-reverse .master-explain-copy{order:2}.master-explain-row.is-reverse .master-explain-visual{order:1}.master-explain-row.text-only{grid-template-columns:1fr}.master-explain-copy{position:relative;padding-left:54px}.master-step{position:absolute;left:0;top:1px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#278fe3;color:#fff;font:950 1rem/1 system-ui;box-shadow:0 8px 16px rgba(39,143,227,.18)}.master-explain-row:nth-of-type(odd) .master-step{background:#8a5de3}.master-explain-copy h2{margin:0 0 12px;font-size:clamp(1.6rem,2.4vw,2.25rem);line-height:1.08;letter-spacing:-.035em;color:#133155}.master-explain-copy p{margin:0 0 10px;color:#4c647d;font:500 .98rem/1.7 system-ui}.master-explain-visual{margin:0;border-radius:22px;overflow:hidden;background:#eef7ff;box-shadow:inset 0 0 0 1px rgba(16,41,77,.05)}.master-explain-visual img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.master-explain-visual figcaption{padding:10px 14px;text-align:center;color:#607a94;background:#f7fbff;font:800 .75rem/1.35 system-ui}
.master-fact{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;margin:24px 0 30px;padding:24px 28px;border-radius:24px;background:linear-gradient(135deg,#fff4bd,#fff9dc);border:1px solid rgba(196,147,27,.13)}.master-fact-icon{width:48px;height:48px;border-radius:16px;background:#fff;display:grid;place-items:center;font-size:1.65rem;box-shadow:0 8px 18px rgba(91,69,20,.09)}.master-fact h3{margin:2px 0 5px;font-size:1.35rem;color:#15365b}.master-fact p{margin:0;color:#655a3e;font:600 .94rem/1.6 system-ui}
.master-quiz{margin:34px 0;background:linear-gradient(145deg,#eff8ff,#fff);border:1px solid rgba(45,125,193,.12);border-radius:30px;padding:30px;box-shadow:0 14px 30px rgba(33,83,126,.07)}.master-section-heading{display:flex;gap:13px;align-items:center}.master-section-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f05252;color:#fff;font:950 1.3rem/1 system-ui}.master-section-heading small{display:block;color:#f05252;font:900 .75rem/1 system-ui;text-transform:uppercase;letter-spacing:.05em}.master-section-heading h2{margin:4px 0 0;font-size:1.8rem;color:#15365b}.master-quiz-question{margin:24px 0 14px;font:850 1.05rem/1.4 system-ui;color:#243d5b}.master-quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.master-quiz .structured-quiz-option{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;text-align:left;min-height:76px;padding:15px 16px;border-radius:17px;border:1px solid #d8e5f0;background:#fff;color:#203d5e;cursor:pointer;transition:.18s ease}.master-quiz .structured-quiz-option:hover{transform:translateY(-2px);border-color:#9bc5e7;box-shadow:0 8px 18px rgba(41,91,133,.08)}.master-quiz .structured-quiz-option>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#278fe3;color:#fff;font:950 .85rem/1 system-ui}.master-quiz .structured-quiz-option strong{font:800 .9rem/1.35 system-ui}.master-quiz .structured-quiz-option.is-correct{border-color:#54bd76;background:#effcf3}.master-quiz .structured-quiz-option.is-wrong{border-color:#f09b9b;background:#fff4f4}.structured-quiz-result{margin-top:14px;min-height:24px;color:#2f6c43;font:800 .9rem/1.45 system-ui}
.master-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.master-challenge,.master-summary{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;border-radius:26px;padding:26px 28px;border:1px solid rgba(16,41,77,.06)}.master-challenge{background:linear-gradient(135deg,#e7f7e1,#f6fff2)}.master-summary{background:linear-gradient(135deg,#edf7ff,#f8fbff)}.master-lower-icon{width:48px;height:48px;border-radius:16px;background:#fff;display:grid;place-items:center;font-size:1.45rem;box-shadow:0 8px 18px rgba(16,41,77,.07)}.master-challenge h2,.master-summary h2{margin:0 0 8px;font-size:1.45rem}.master-challenge p,.master-summary p{margin:0;color:#4d6b5b;font:550 .92rem/1.65 system-ui}.master-summary p{color:#4a637c}
.master-related{margin:38px 0}.master-related-heading span{color:#f05252;font:900 .75rem/1 system-ui;text-transform:uppercase;letter-spacing:.05em}.master-related-heading h2{margin:7px 0 18px;font-size:2rem;color:#15365b}.master-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.master-related-card{position:relative;display:block;text-decoration:none;background:#fff;border:1px solid rgba(16,41,77,.07);border-radius:22px;overflow:hidden;box-shadow:0 10px 22px rgba(35,53,81,.07);transition:.2s ease;padding-bottom:48px}.master-related-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(35,53,81,.11)}.master-related-art{height:150px;display:grid;place-items:center;background:linear-gradient(145deg,#dff1ff,#fff1bf);overflow:hidden}.master-related-art img{width:100%;height:100%;object-fit:cover}.master-related-art i{font-style:normal;font-size:4.2rem}.master-related-card strong{display:block;padding:16px 18px 0;color:#15365b;font-size:1rem;line-height:1.3}.master-related-arrow{position:absolute;right:15px;bottom:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#278fe3;color:#fff;font-weight:900}
.master-finish{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:36px;margin-bottom:65px;padding:28px 32px;background:linear-gradient(135deg,#fff0df,#ffe8dc);border-radius:28px}.master-finish h2{margin:10px 0 5px;font-size:1.9rem}.master-finish p{margin:0;color:#745e54;font:500 .9rem/1.5 system-ui}
@media(max-width:980px){.master-hero{grid-template-columns:1fr}.master-hero-visual{min-height:300px}.master-explain-row,.master-explain-row.is-reverse{grid-template-columns:1fr}.master-explain-row.is-reverse .master-explain-copy,.master-explain-row.is-reverse .master-explain-visual{order:initial}.master-explain-visual img{aspect-ratio:16/9}.master-related-grid{grid-template-columns:1fr 1fr}.master-related-card:last-child{grid-column:1/-1}.master-lower-grid{grid-template-columns:1fr}}
@media(max-width:640px){.discovery-master-breadcrumbs{padding-inline:2px}.master-hero{padding:24px 20px;border-radius:25px}.master-hero h1{font-size:clamp(2.65rem,13vw,4.1rem)}.master-hero-visual{min-height:230px;border-radius:20px}.master-topic-art{min-height:230px}.master-explain-row{padding:23px 18px;border-radius:22px}.master-explain-copy{padding-left:0;padding-top:48px}.master-step{top:0}.master-quiz{padding:23px 18px}.master-quiz-options{grid-template-columns:1fr}.master-lower-grid{grid-template-columns:1fr}.master-challenge,.master-summary{padding:22px 18px}.master-related-grid{grid-template-columns:1fr}.master-related-card:last-child{grid-column:auto}.master-related-art{height:135px}.master-finish{align-items:flex-start;flex-direction:column;margin-inline:14px}.master-finish .button{width:auto}}

/* v1.10.1 regression fix + master-detail polish */
.discovery-master-v2 .master-hero-visual.has-image,
.discovery-master-v2 .master-hero-visual:not(.no-image){
  box-shadow:inset 0 0 0 1px rgba(16,41,77,.05),0 12px 28px rgba(35,53,81,.08);
}
.discovery-master-v2 .master-hero-visual img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.discovery-master-v2 .master-explain-row.text-only{
  background:linear-gradient(135deg,#fff,#fbfdff);
}
.discovery-master-v2 .master-explain-row.text-only .master-explain-copy{
  max-width:880px;
}
.discovery-master-v2 .master-fact{max-width:880px;margin-left:auto;margin-right:auto}
.discovery-master-v2 .master-content{padding-bottom:10px}

/* v1.11 - FINÁLNÍ KOMIKSOVÝ MASTER PRO OBJEVOVÁNÍ */
.comic-discovery{background:#fffaf0;overflow:hidden}
.comic-discovery-article{padding-bottom:10px}
.comic-breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:18px 0 12px;color:#5e7895;font:750 .78rem/1.3 system-ui}.comic-breadcrumbs a{color:#1769ae;text-decoration:none}.comic-breadcrumbs strong{color:#15365b}
.comic-hero{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:28px;align-items:stretch;margin-top:6px;padding:28px;border-radius:34px;background:linear-gradient(135deg,#dff4ff 0%,#f0fbff 46%,#fff1b5 100%);box-shadow:0 18px 45px rgba(28,65,102,.12);overflow:hidden;border:1px solid rgba(26,88,142,.08)}
.comic-hero:before{content:"";position:absolute;left:-60px;bottom:-90px;width:230px;height:230px;border-radius:50%;background:rgba(128,207,110,.28);box-shadow:120px 40px 0 rgba(154,225,132,.20)}
.comic-hero:after{content:"☀";position:absolute;right:22px;top:8px;font-size:4.8rem;color:#ffd84e;filter:drop-shadow(0 8px 15px rgba(255,204,64,.25));opacity:.85}
.comic-hero-copy{position:relative;z-index:3;padding:18px 10px 18px 14px;display:flex;flex-direction:column;justify-content:center}.comic-meta-top{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.comic-kicker{display:inline-flex;padding:8px 13px;border-radius:999px;background:#ffdf59;color:#183b63;border:2px solid rgba(154,105,12,.08);font:950 .78rem/1 system-ui;transform:rotate(-1deg);box-shadow:0 5px 0 rgba(218,175,39,.13)}.comic-topic{display:inline-flex;align-items:center;gap:6px;font:850 .78rem/1 system-ui;color:#466884}.comic-topic i{font-style:normal}
.comic-title-cloud{position:relative;margin:14px 0 8px;padding:24px 22px 20px;background:#fff;border-radius:44% 56% 42% 58% / 55% 42% 58% 45%;filter:drop-shadow(0 10px 20px rgba(37,86,125,.08))}.comic-title-cloud:before,.comic-title-cloud:after{content:"";position:absolute;border-radius:50%;background:#fff;z-index:-1}.comic-title-cloud:before{width:90px;height:64px;left:-24px;top:24px}.comic-title-cloud:after{width:80px;height:58px;right:-20px;bottom:12px}.comic-title-cloud h1{margin:0;font-size:clamp(3.4rem,5.7vw,6rem);line-height:.88;letter-spacing:-.065em;color:#10294d;font-weight:950}.comic-hero-subtitle{margin:10px 0 0;max-width:620px;color:#284b6e;font:700 1.04rem/1.5 system-ui}.comic-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.comic-chips span{padding:9px 12px;border-radius:13px;background:rgba(255,255,255,.86);border:1px solid rgba(26,89,143,.08);color:#34526e;font:850 .75rem/1 system-ui;box-shadow:0 6px 14px rgba(33,79,118,.07)}.comic-lead-quote{margin:16px 0 0;padding:14px 18px;background:#fff4a9;border:0;border-radius:20px 20px 20px 6px;color:#15365b;font:850 .92rem/1.45 system-ui;box-shadow:0 8px 18px rgba(99,80,18,.08)}
.comic-hero-visual{position:relative;z-index:2;min-height:430px;border-radius:30px;overflow:hidden;background:linear-gradient(160deg,#6ec9ff,#d9f7ff);border:4px solid rgba(255,255,255,.8);box-shadow:0 17px 34px rgba(33,78,117,.14)}.comic-hero-visual img{display:block;width:100%;height:100%;object-fit:cover}.comic-topic-art{height:100%;min-height:430px;display:grid;place-items:center;align-content:center;gap:10px}.comic-topic-art span{font-size:6rem}.comic-topic-art strong{font-size:1.4rem}.comic-hero-bubble{position:absolute;right:24px;top:26px;max-width:250px;padding:15px 18px;background:#fff;color:#17395f;border-radius:26px 26px 8px 26px;font:850 .86rem/1.35 system-ui;box-shadow:0 10px 20px rgba(40,79,110,.14);transform:rotate(-2deg)}.comic-hero-bubble:after{content:"";position:absolute;right:25px;bottom:-14px;border:10px solid transparent;border-top-color:#fff;transform:rotate(18deg)}.comic-question{position:absolute;z-index:4;font:950 3rem/1 system-ui;text-shadow:0 4px 0 rgba(255,255,255,.7)}.comic-question.q1{left:34%;top:24%;color:#3cb94d;transform:rotate(-8deg)}.comic-question.q2{right:24%;top:48%;color:#f45252;transform:rotate(10deg)}
.comic-content{max-width:1180px;padding-top:26px}.comic-intro{display:flex;gap:15px;align-items:flex-start;max-width:930px;margin:0 auto 24px;padding:18px 24px;border-radius:22px;background:#fff9e8;color:#385674;border:2px dashed rgba(239,174,49,.35);font:650 1rem/1.65 system-ui}.comic-intro>span{font-size:1.5rem}.comic-intro p{margin:0}
.comic-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:24px;align-items:center;margin:18px 0;padding:26px;border-radius:30px;background:#fff;border:3px solid #5baeea;box-shadow:0 12px 0 rgba(42,124,183,.10),0 18px 34px rgba(38,74,110,.08);overflow:hidden}.comic-panel.panel-2{border-color:#5d69d9;background:linear-gradient(180deg,#fff,#f6f6ff)}.comic-panel.panel-3{border-color:#b56fe4;background:linear-gradient(180deg,#fff,#fbf4ff)}.comic-panel.panel-4{border-color:#ff7c67;background:linear-gradient(180deg,#fff,#fff6f1)}.comic-panel.text-only{grid-template-columns:1fr}.comic-panel-copy{position:relative;padding-left:62px}.comic-step{position:absolute;left:0;top:-2px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#218ee5;color:#fff;font:950 1.4rem/1 system-ui;border:4px solid #fff;box-shadow:0 6px 0 rgba(33,142,229,.18)}.panel-2 .comic-step{background:#4d58cf}.panel-3 .comic-step{background:#9f4fd0}.panel-4 .comic-step{background:#f05b51}.comic-panel h2{margin:0 0 10px;font-size:clamp(1.8rem,2.7vw,2.6rem);line-height:1.02;letter-spacing:-.045em;color:#12345b}.comic-panel p{margin:0 0 10px;color:#3f5e79;font:580 .98rem/1.62 system-ui}.comic-panel strong{color:#163b62}.comic-panel-visual{margin:0;border-radius:23px;overflow:hidden;background:#edf8ff;border:3px solid rgba(255,255,255,.9);box-shadow:0 10px 20px rgba(28,72,108,.09)}.comic-panel-visual img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.comic-panel-visual figcaption{padding:9px 12px;text-align:center;font:800 .73rem/1.3 system-ui;color:#496985;background:#fff}
.comic-art{position:relative;min-height:240px;border-radius:24px;overflow:hidden;border:3px solid #fff;box-shadow:0 12px 22px rgba(39,78,112,.10)}.comic-art small{position:absolute;left:14px;right:14px;bottom:12px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.9);color:#244c70;text-align:center;font:900 .72rem/1.2 system-ui}.comic-art-spectrum{background:linear-gradient(#71d0ff 0 70%,#c7ed8f 70%)}.comic-art-spectrum .sun-face{position:absolute;left:28px;top:28px;font-size:4rem;color:#ffd64b}.comic-art-spectrum .beam{position:absolute;left:96px;top:85px;width:92px;height:12px;background:#fff7ce;transform:rotate(12deg);border-radius:8px}.comic-art-spectrum .prism{position:absolute;left:48%;top:74px;width:0;height:0;border-left:38px solid transparent;border-right:38px solid transparent;border-bottom:76px solid rgba(227,248,255,.82);filter:drop-shadow(0 0 0 #fff)}.comic-art-spectrum .rainbow{position:absolute;left:61%;height:12px;width:145px;border-radius:9px;transform-origin:left center}.comic-art-spectrum .r1{top:85px;background:#f34e4e;transform:rotate(8deg)}.comic-art-spectrum .r2{top:101px;background:#ff9d3d;transform:rotate(6deg)}.comic-art-spectrum .r3{top:117px;background:#ffd84a;transform:rotate(4deg)}.comic-art-spectrum .r4{top:133px;background:#59b8ec;transform:rotate(2deg)}
.comic-art-atmosphere{background:linear-gradient(#142f6b 0 52%,#47a7de 52% 72%,#d4ef8d 72%)}.comic-art-atmosphere .earth{position:absolute;right:42px;top:57px;font-size:6rem}.comic-art-atmosphere .sun-dot{position:absolute;left:30px;top:28px;width:54px;height:54px;border-radius:50%;background:#ffdd59;box-shadow:0 0 0 12px rgba(255,221,89,.14)}.comic-art-atmosphere i{position:absolute;left:78px;top:82px;width:210px;height:4px;background:#55c6ff;transform-origin:left center;border-radius:4px}.comic-art-atmosphere i:nth-of-type(1){transform:rotate(-18deg)}.comic-art-atmosphere i:nth-of-type(2){transform:rotate(-7deg)}.comic-art-atmosphere i:nth-of-type(3){transform:rotate(5deg)}.comic-art-atmosphere i:nth-of-type(4){transform:rotate(16deg)}.comic-art-atmosphere i:nth-of-type(5){transform:rotate(27deg)}
.comic-art-purple{background:linear-gradient(140deg,#f6eaff,#e8d3ff)}.comic-art-purple .big-q{position:absolute;left:35%;top:34px;font:950 8rem/1 system-ui;color:#9f4ed2;text-shadow:0 8px 0 rgba(255,255,255,.5)}.comic-art-purple .mini-bubble{position:absolute;right:24px;bottom:34px;max-width:170px;padding:14px;background:#fff;border-radius:20px 20px 6px 20px;color:#6b3b8a;font:900 .82rem/1.25 system-ui;transform:rotate(2deg)}
.comic-art-sunset{background:linear-gradient(#ff7e66 0,#ff9e62 38%,#ffd268 72%,#513c67 73% 100%)}.comic-art-sunset .sunset-sun{position:absolute;left:58%;top:112px;width:58px;height:58px;border-radius:50%;background:#ffe169;box-shadow:0 0 0 12px rgba(255,224,105,.15)}.comic-art-sunset .hill{position:absolute;bottom:0;height:72px;border-radius:50% 50% 0 0;background:#2a2d58}.comic-art-sunset .h1{left:-12%;width:78%;transform:rotate(5deg)}.comic-art-sunset .h2{right:-12%;width:70%;background:#171f43;transform:rotate(-5deg)}
.comic-fact{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin:20px 0 24px;padding:20px 24px;border-radius:22px;background:linear-gradient(135deg,#fff0a5,#fff9d5);border:3px solid #f0c842;box-shadow:0 10px 0 rgba(218,180,48,.10)}.comic-fact-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:1.5rem}.comic-fact h3{margin:0 0 4px;font-size:1.3rem;color:#15365b}.comic-fact p{margin:0;color:#665a36;font:650 .92rem/1.5 system-ui}
.comic-quiz{position:relative;margin:30px 0;padding:28px;border-radius:30px;background:linear-gradient(145deg,#dff4ff,#f5fbff);border:3px solid #59aee8;box-shadow:0 12px 0 rgba(50,142,205,.11);overflow:hidden}.comic-quiz:after{content:"?";position:absolute;right:28px;top:18px;font:950 6rem/1 system-ui;color:rgba(42,145,218,.14);transform:rotate(9deg)}.comic-quiz-head{display:flex;gap:13px;align-items:center;position:relative;z-index:2}.comic-quiz-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#f05252;color:#fff;font:950 1.5rem/1 system-ui;box-shadow:0 6px 0 rgba(194,50,50,.15)}.comic-quiz-head small{display:block;color:#f05252;font:950 .72rem/1 system-ui;letter-spacing:.06em}.comic-quiz-head h2{margin:4px 0 0;color:#ec4b4b;font-size:1.9rem}.comic-quiz-question{margin:20px 0 14px;color:#17395f;font:900 1.03rem/1.4 system-ui}.comic-quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;position:relative;z-index:2}.comic-quiz .structured-quiz-option{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;text-align:left;min-height:72px;padding:13px 15px;border-radius:17px;border:2px solid #cde5f5;background:#fff;color:#1c4163;cursor:pointer;transition:.18s ease}.comic-quiz .structured-quiz-option:hover{transform:translateY(-3px);box-shadow:0 9px 18px rgba(44,93,132,.10)}.comic-quiz .structured-quiz-option>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#268fe1;color:#fff;font:950 .85rem/1 system-ui}.comic-quiz .structured-quiz-option strong{font:850 .88rem/1.3 system-ui}.comic-quiz .structured-quiz-option.is-correct{border-color:#54bd76;background:#edfff2}.comic-quiz .structured-quiz-option.is-wrong{border-color:#f19595;background:#fff2f2}.comic-quiz .structured-quiz-result{margin-top:14px;font:850 .9rem/1.4 system-ui;color:#2f6b45}
.comic-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.comic-challenge,.comic-summary{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:24px;border-radius:26px;border:3px solid rgba(23,84,126,.08)}.comic-challenge{background:linear-gradient(135deg,#dff7db,#f3fff0)}.comic-summary{background:linear-gradient(135deg,#e7f4ff,#f6fbff)}.comic-lower-icon{width:48px;height:48px;border-radius:16px;background:#fff;display:grid;place-items:center;font-size:1.45rem;box-shadow:0 7px 16px rgba(29,67,99,.08)}.comic-challenge h2,.comic-summary h2{margin:1px 0 7px;font-size:1.45rem;color:#15365b}.comic-challenge p,.comic-summary p{margin:0;color:#456a57;font:600 .9rem/1.55 system-ui}.comic-summary p{color:#46637d}
.comic-related{margin:34px 0}.comic-related-heading span{color:#ef4e4e;font:950 .72rem/1 system-ui;letter-spacing:.08em}.comic-related-heading h2{margin:6px 0 16px;font-size:2rem;color:#12345b}.comic-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.comic-related-card{position:relative;display:block;text-decoration:none;background:#fff;border-radius:22px;overflow:hidden;border:3px solid #fff;box-shadow:0 10px 0 rgba(35,71,105,.08),0 16px 28px rgba(35,71,105,.07);padding-bottom:46px;transition:.2s ease}.comic-related-card:hover{transform:translateY(-5px) rotate(-.3deg)}.comic-related-art{position:relative;display:block;height:150px;overflow:hidden;background:#dff4ff}.comic-related-art img{width:100%;height:100%;object-fit:cover}.comic-related-art.rainbow{background:linear-gradient(#82d5ff 0 70%,#caefa0 70%)}.comic-related-art.rainbow:before{content:"";position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:140px;height:70px;border:15px solid #ef4e4e;border-bottom:0;border-radius:140px 140px 0 0;box-shadow:inset 0 0 0 12px #ffb13b,inset 0 0 0 24px #ffe352,inset 0 0 0 36px #4ac88a,inset 0 0 0 48px #4aa7e8}.comic-related-art.sunset{background:linear-gradient(#ff7663 0,#ffb35f 55%,#ffd66d 72%,#4b3e6a 73%)}.comic-related-art.sunset:before{content:"";position:absolute;left:55%;top:82px;width:48px;height:48px;border-radius:50%;background:#ffe46b}.comic-related-art.clouds{background:linear-gradient(#72c9ff,#dff6ff)}.comic-related-art.clouds:before{content:"☁ ☁";position:absolute;left:50%;top:48px;transform:translateX(-50%);font-size:4rem;color:#fff;text-shadow:0 5px 0 rgba(122,181,216,.18)}.comic-related-art.moon{background:linear-gradient(#152d68,#263e7f)}.comic-related-art.moon:before{content:"☾";position:absolute;left:50%;top:36px;transform:translateX(-50%);font-size:5rem;color:#fff3a6}.comic-related-art.blackhole{background:radial-gradient(circle at 50% 50%,#050509 0 18%,#ed7d43 19% 25%,#693be0 26% 39%,#14132e 40%)}.comic-related-art.plane{background:linear-gradient(#7bd4ff,#e9fbff)}.comic-related-art.plane:before{content:"✈";position:absolute;left:50%;top:42px;transform:translateX(-50%) rotate(-12deg);font-size:5rem;color:#fff}.comic-related-art.idea{background:linear-gradient(145deg,#dff4ff,#fff2b9)}.comic-related-art.idea:before{content:"💡";position:absolute;left:50%;top:40px;transform:translateX(-50%);font-size:4.5rem}.comic-related-card strong{display:block;padding:15px 16px 0;color:#14385d;font-size:.98rem;line-height:1.28}.comic-related-arrow{position:absolute;right:13px;bottom:12px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#258fe2;color:#fff;font-weight:900}
.comic-finish{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:36px;margin-bottom:58px;padding:25px 30px;border-radius:28px;background:linear-gradient(135deg,#ffe9d7,#fff0e6);border:3px solid rgba(239,113,79,.08);box-shadow:0 10px 0 rgba(239,113,79,.06)}.comic-finish h2{margin:10px 0 4px;font-size:1.85rem;color:#14365a}.comic-finish p{margin:0;color:#715e55;font:600 .88rem/1.45 system-ui}
@media(max-width:980px){.comic-hero{grid-template-columns:1fr}.comic-hero-visual{min-height:360px}.comic-panel{grid-template-columns:1fr}.comic-related-grid{grid-template-columns:1fr 1fr}.comic-related-card:last-child{grid-column:1/-1}.comic-lower-grid{grid-template-columns:1fr}}
@media(max-width:640px){.comic-breadcrumbs{padding-inline:2px}.comic-hero{padding:20px;border-radius:26px}.comic-title-cloud{padding:20px 14px}.comic-title-cloud h1{font-size:clamp(2.8rem,13vw,4.1rem)}.comic-hero-visual{min-height:280px;border-radius:22px}.comic-hero-bubble{right:12px;top:12px;max-width:180px;font-size:.72rem}.comic-question{display:none}.comic-panel{padding:20px 16px;border-radius:22px}.comic-panel-copy{padding-left:0;padding-top:54px}.comic-step{top:0}.comic-art{min-height:200px}.comic-quiz{padding:20px 16px}.comic-quiz-options{grid-template-columns:1fr}.comic-lower-grid{grid-template-columns:1fr}.comic-related-grid{grid-template-columns:1fr}.comic-related-card:last-child{grid-column:auto}.comic-finish{margin-inline:14px;align-items:flex-start;flex-direction:column}.comic-finish .button{width:auto}}

/* v1.12.0 — approved discovery master mockup */
.discovery-master{--dm-ink:#0d315d;--dm-blue:#167dca;--dm-yellow:#ffd451;--dm-purple:#7752cf;--dm-red:#ee4d4f;--dm-green:#53ae66;background:#fffaf0;color:var(--dm-ink);overflow:hidden}
.discovery-master-article{padding-bottom:8px;background:radial-gradient(circle at 10% 18%,rgba(255,214,78,.08),transparent 22%),radial-gradient(circle at 92% 30%,rgba(92,187,255,.08),transparent 24%)}
.discovery-master-breadcrumbs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:16px 0 10px;color:#607c99;font:800 .76rem/1.3 system-ui}.discovery-master-breadcrumbs a{color:#1670b9;text-decoration:none}.discovery-master-breadcrumbs strong{color:#193d66}
.discovery-master-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:0;min-height:430px;margin-top:4px;border-radius:36px;overflow:hidden;background:linear-gradient(120deg,#d8f2ff,#f2fbff 48%,#eef5b8);box-shadow:0 18px 50px rgba(31,65,100,.13);border:1px solid rgba(23,85,137,.08)}
.discovery-master-hero-copy{position:relative;z-index:2;padding:32px 20px 28px 34px;display:flex;flex-direction:column;justify-content:center}.discovery-master-labels{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.discovery-master-kicker,.discovery-master-topic{display:inline-flex;align-items:center;min-height:34px;padding:8px 13px;border-radius:999px;font:950 .76rem/1 system-ui}.discovery-master-kicker{background:#ffdc4f;color:#17395d;box-shadow:0 5px 0 rgba(207,159,20,.12);transform:rotate(-1deg)}.discovery-master-topic{background:#d9efff;color:#234e73}
.discovery-master-title-cloud{position:relative;margin:14px 0 8px;padding:22px 18px 20px;background:#fff;border-radius:48% 52% 45% 55%/55% 45% 55% 45%;filter:drop-shadow(0 10px 18px rgba(30,72,108,.08))}.discovery-master-title-cloud:before,.discovery-master-title-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%;z-index:-1}.discovery-master-title-cloud:before{width:82px;height:54px;left:-20px;top:28px}.discovery-master-title-cloud:after{width:72px;height:50px;right:-18px;bottom:13px}.discovery-master-title-cloud h1{margin:0;font-size:clamp(3.2rem,5.5vw,5.7rem);line-height:.9;letter-spacing:-.065em;color:#0e315b;font-weight:950}
.discovery-master-subtitle{margin:8px 0 0;max-width:610px;color:#21496d;font:750 1.05rem/1.5 system-ui}.discovery-master-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.discovery-master-chips span{padding:8px 11px;border-radius:14px;background:#fff;color:#345571;border:1px solid rgba(28,91,142,.08);box-shadow:0 7px 15px rgba(34,67,99,.06);font:850 .74rem/1 system-ui}.discovery-master-quote{display:flex;gap:8px;align-items:flex-start;margin-top:15px;padding:12px 15px;border-radius:18px 18px 18px 6px;background:#fff1a7;color:#17395d;font:850 .84rem/1.4 system-ui;max-width:600px}
.discovery-master-hero-art{position:relative;min-height:430px;overflow:hidden;background:linear-gradient(#6dc8ff,#10295c);isolation:isolate}.discovery-master-hero-art img{width:100%;height:100%;min-height:430px;display:block;object-fit:cover}.discovery-master-speech{position:absolute;left:25px;top:28px;max-width:195px;padding:14px 16px;background:#fff7c8;color:#17395d;border-radius:20px 20px 8px 20px;font:900 .8rem/1.35 system-ui;box-shadow:0 9px 22px rgba(28,61,93,.13);transform:rotate(-2deg)}.discovery-master-speech:after{content:"";position:absolute;left:28px;bottom:-13px;border:9px solid transparent;border-top-color:#fff7c8;transform:rotate(12deg)}.discovery-master-generic-art{height:100%;min-height:430px;display:grid;place-content:center;text-align:center;gap:10px;background:radial-gradient(circle at 70% 25%,rgba(255,232,100,.55),transparent 18%),linear-gradient(150deg,#81d6ff,#e5f8ff)}.discovery-master-generic-art span{font-size:7rem}.discovery-master-generic-art strong{font-size:1.4rem;color:#15385d}
.discovery-master-body{max-width:1200px;padding-top:28px;padding-bottom:30px}.discovery-master-intro{display:flex;align-items:center;gap:16px;margin:0 auto 24px;max-width:1040px;padding:16px 24px;border-radius:22px;background:linear-gradient(90deg,#fff7da,#fffdf4);border:2px solid rgba(229,177,66,.22);box-shadow:0 8px 18px rgba(124,91,32,.06);color:#254866;font:750 1rem/1.55 system-ui}.discovery-master-intro p{margin:0}.discovery-master-intro-icon{font-size:2.2rem}
.discovery-master-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.discovery-master-panel{display:grid;grid-template-columns:minmax(0,.95fr) minmax(220px,.75fr);gap:18px;align-items:stretch;padding:20px;border-radius:28px;background:#fff;border:3px solid #4fa8e2;box-shadow:0 10px 0 rgba(48,131,189,.08),0 16px 30px rgba(32,70,105,.07);overflow:hidden}.discovery-master-panel.panel-2{border-color:#7568d9;background:linear-gradient(140deg,#fff,#faf8ff)}.discovery-master-panel.panel-3{border-color:#ab65d1;background:linear-gradient(140deg,#fff,#fbf4ff)}.discovery-master-panel.panel-4{border-color:#ef6d62;background:linear-gradient(140deg,#fff,#fff7f1)}.discovery-master-panel-copy{position:relative;padding-left:54px}.discovery-master-step{position:absolute;left:0;top:0;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#1888d7;color:#fff;border:3px solid #fff;box-shadow:0 5px 0 rgba(24,136,215,.16);font:950 1.15rem/1 system-ui}.panel-2 .discovery-master-step{background:#6557cb}.panel-3 .discovery-master-step{background:#9f4cc9}.panel-4 .discovery-master-step{background:#eb514b}.discovery-master-panel h2{margin:1px 0 9px;font-size:clamp(1.55rem,2.3vw,2.25rem);line-height:1.02;letter-spacing:-.04em;color:#12365c}.discovery-master-panel p{margin:0 0 8px;color:#3a5874;font:590 .9rem/1.55 system-ui}.discovery-master-panel-art{margin:0;min-height:175px;border-radius:20px;overflow:hidden;align-self:stretch;background:#eaf7ff;border:2px solid rgba(255,255,255,.9);box-shadow:0 9px 18px rgba(34,73,107,.09)}.discovery-master-panel-art img{width:100%;height:100%;min-height:175px;display:block;object-fit:cover}.discovery-master-panel-art figcaption{padding:8px 10px;background:#fff;color:#55708a;text-align:center;font:800 .68rem/1.25 system-ui}.discovery-master-art-placeholder{height:100%;min-height:175px;display:grid;place-items:center;font-size:4rem;background:linear-gradient(145deg,#dff4ff,#fff1c6)}
.discovery-master-fact{display:grid;grid-template-columns:minmax(0,.82fr) minmax(300px,1.18fr);gap:18px;align-items:center;margin:18px 0;padding:18px 22px;border-radius:26px;background:linear-gradient(135deg,#fff0a3,#fff7cf);border:3px solid #f0c643;box-shadow:0 10px 0 rgba(213,168,39,.08)}.discovery-master-fact-copy{display:flex;gap:14px;align-items:flex-start}.discovery-master-fact-icon{width:48px;height:48px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:1.5rem;box-shadow:0 6px 14px rgba(128,91,12,.08)}.discovery-master-fact h2{margin:2px 0 6px;font-size:1.55rem}.discovery-master-fact p{margin:0;color:#655a37;font:650 .9rem/1.5 system-ui}.discovery-master-fact>img{width:100%;height:118px;object-fit:cover;border-radius:18px;border:2px solid rgba(255,255,255,.9)}
.discovery-master-quiz{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:20px;align-items:end;margin:28px 0;padding:24px 24px 18px;border-radius:30px;background:linear-gradient(135deg,#e2f5ff,#f8fcff);border:3px solid #67b4e8;box-shadow:0 12px 0 rgba(62,147,204,.09);overflow:hidden}.discovery-master-quiz-title{display:flex;gap:12px;align-items:center}.discovery-master-quiz-title>span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ef4f4f;color:#fff;font:950 1.5rem/1 system-ui}.discovery-master-quiz-title small{display:block;color:#ef4f4f;font:950 .68rem/1 system-ui;letter-spacing:.08em}.discovery-master-quiz-title h2{margin:4px 0 0;color:#e94848;font-size:1.8rem}.discovery-master-quiz-question{margin:17px 0 12px;color:#14385d;font:900 1rem/1.4 system-ui}.discovery-master-quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.discovery-master-quiz .structured-quiz-option{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;min-height:58px;padding:11px 13px;border:2px solid #c9e1f1;border-radius:15px;background:#fff;color:#183e62;text-align:left;cursor:pointer;transition:.18s ease}.discovery-master-quiz .structured-quiz-option:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(43,86,122,.09)}.discovery-master-quiz .structured-quiz-option>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#187fca;color:#fff;font:950 .8rem/1 system-ui}.discovery-master-quiz .structured-quiz-option strong{font:850 .82rem/1.3 system-ui}.discovery-master-quiz .structured-quiz-option.is-correct{border-color:#58b76f;background:#edfff2}.discovery-master-quiz .structured-quiz-option.is-wrong{border-color:#ed8d8d;background:#fff1f1}.discovery-master-quiz .structured-quiz-result{margin-top:11px;font:850 .88rem/1.4 system-ui;color:#2f6d44}.discovery-master-quiz-art{position:relative;align-self:end}.discovery-master-quiz-art img{display:block;width:100%;max-height:190px;object-fit:contain;object-position:bottom}.discovery-master-quiz-art span{position:absolute;right:2px;top:-8px;padding:9px 12px;border-radius:16px;background:#fff4a7;color:#16385c;font:900 .76rem/1.2 system-ui;transform:rotate(2deg)}
.discovery-master-lower{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin:22px 0}.discovery-master-challenge,.discovery-master-summary{position:relative;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:20px 22px;border-radius:25px;border:2px solid rgba(31,98,142,.08);overflow:hidden}.discovery-master-challenge{background:linear-gradient(135deg,#e4f8de,#f7fff4)}.discovery-master-summary{background:linear-gradient(135deg,#e6f4ff,#f7fbff)}.discovery-master-lower-icon{float:left;margin-right:9px;width:42px;height:42px;border-radius:14px;background:#fff;display:grid;place-items:center;font-size:1.25rem}.discovery-master-lower h2{margin:2px 0 7px;font-size:1.45rem}.discovery-master-lower p{margin:0;color:#42637c;font:620 .88rem/1.55 system-ui}.discovery-master-challenge>img,.discovery-master-summary>img{width:160px;max-height:105px;object-fit:contain;align-self:end}
.discovery-master-related{margin:30px 0 26px}.discovery-master-related>h2{margin:0 0 14px;font-size:2rem;letter-spacing:-.035em}.discovery-master-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.discovery-master-related-card{position:relative;display:grid;grid-template-columns:130px 1fr auto;gap:13px;align-items:center;min-height:100px;padding:10px 12px 10px 10px;border-radius:20px;background:#fff;border:2px solid #d9eaf5;text-decoration:none;box-shadow:0 9px 0 rgba(42,90,126,.07),0 14px 25px rgba(42,90,126,.06);transition:.18s ease}.discovery-master-related-card:hover{transform:translateY(-4px)}.discovery-master-related-image{display:block;height:82px;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#dff4ff,#fff0c7)}.discovery-master-related-image img{width:100%;height:100%;object-fit:cover}.discovery-master-related-image>span{height:100%;display:grid;place-items:center;font-size:2.8rem}.discovery-master-related-card strong{font-size:.94rem;line-height:1.3;color:#163b60}.discovery-master-related-card b{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#1784cf;color:#fff}
.discovery-master-finish{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:16px;margin-bottom:54px;padding:20px 24px;border-radius:26px;background:linear-gradient(135deg,#ffead8,#fff3e8);border:2px solid rgba(229,120,78,.09);box-shadow:0 9px 0 rgba(229,120,78,.05)}.discovery-master-finish>div{display:flex;gap:14px;align-items:center}.discovery-master-finish>div>span{font-size:2.3rem}.discovery-master-finish h2{margin:0 0 3px;font-size:1.65rem}.discovery-master-finish p{margin:0;color:#705f56;font:600 .84rem/1.4 system-ui}
@media(max-width:1050px){.discovery-master-hero{grid-template-columns:1fr}.discovery-master-hero-art{min-height:340px}.discovery-master-row{grid-template-columns:1fr}.discovery-master-panel{grid-template-columns:1fr 1fr}.discovery-master-fact{grid-template-columns:1fr}.discovery-master-quiz{grid-template-columns:1fr}.discovery-master-quiz-art{display:none}}
@media(max-width:760px){.discovery-master-title-cloud h1{font-size:clamp(2.8rem,13vw,4.1rem)}.discovery-master-hero-copy{padding:24px 18px}.discovery-master-hero-art{min-height:270px}.discovery-master-hero-art img{min-height:270px}.discovery-master-panel{grid-template-columns:1fr}.discovery-master-panel-copy{padding-left:0;padding-top:50px}.discovery-master-panel-art{min-height:180px}.discovery-master-lower{grid-template-columns:1fr}.discovery-master-related-grid{grid-template-columns:1fr}.discovery-master-quiz-options{grid-template-columns:1fr}.discovery-master-finish{align-items:flex-start;flex-direction:column}.discovery-master-finish .button{width:auto}}

/* ========================================================================
   v1.13.0 — final comic master layout pass
   Goal: child-friendly, illustrated, editorially clean; images stay editable.
   ======================================================================== */
body.single-panef_discovery{background:#fffaf0}
.discovery-master{position:relative;overflow:hidden;background:
  radial-gradient(circle at 10% 18%,rgba(255,216,91,.11),transparent 20%),
  radial-gradient(circle at 92% 42%,rgba(99,188,255,.09),transparent 23%),
  #fffaf0}
.discovery-master:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:radial-gradient(circle,#1b4a76 1px,transparent 1px);background-size:9px 9px}
.discovery-master-breadcrumbs{max-width:1240px;padding-top:13px;padding-bottom:13px;font-size:.78rem;font-weight:800;color:#68809a}
.discovery-master-breadcrumbs a{text-decoration:none;color:#1b67a5}.discovery-master-breadcrumbs strong{color:#234463}

/* HERO — no longer a rigid 50/50 web card */
.discovery-master-hero{position:relative;max-width:1240px;min-height:525px;display:grid;grid-template-columns:.92fr 1.08fr;gap:0;align-items:stretch;padding:0;border:4px solid #fff;border-radius:38px 30px 42px 34px;background:linear-gradient(135deg,#e8f7ff 0%,#fef4c9 100%);box-shadow:0 24px 55px rgba(38,72,103,.14),0 7px 0 rgba(67,143,199,.06);overflow:hidden;isolation:isolate}
.discovery-master-hero:before{content:"";position:absolute;left:-60px;top:-65px;width:280px;height:210px;border-radius:50%;background:rgba(255,224,113,.4);filter:blur(2px);z-index:0}
.discovery-master-hero:after{content:"✦  ?  ✧";position:absolute;left:43%;top:12%;z-index:3;color:#f2ad25;font:900 1.6rem/1 system-ui;letter-spacing:.35em;transform:rotate(-8deg);opacity:.88;pointer-events:none}
.discovery-master-hero-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:48px 28px 44px 46px;background:linear-gradient(90deg,rgba(255,255,255,.76),rgba(255,255,255,.48) 75%,rgba(255,255,255,0));}
.discovery-master-labels{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.discovery-master-kicker,.discovery-master-topic{border-radius:999px;padding:7px 12px;font:950 .73rem/1 system-ui;box-shadow:0 5px 12px rgba(62,95,123,.07)}.discovery-master-kicker{background:#ffe06a;color:#183b5e;transform:rotate(-1deg)}.discovery-master-topic{background:#fff;color:#2e5b7d}
.discovery-master-title-cloud{position:relative;margin:0 -5px 9px;padding:18px 16px 14px 8px;isolation:isolate}.discovery-master-title-cloud:before,.discovery-master-title-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%;z-index:-1;box-shadow:0 8px 20px rgba(58,94,123,.04)}.discovery-master-title-cloud:before{width:92%;height:85%;left:-12px;top:3px;border-radius:48% 52% 47% 53%/58% 48% 52% 42%}.discovery-master-title-cloud:after{width:115px;height:76px;right:-16px;bottom:-4px}.discovery-master-title-cloud h1{margin:0;font-size:clamp(3.6rem,5.8vw,6.15rem);line-height:.88;letter-spacing:-.072em;color:#102e54;font-weight:950;max-width:560px}
.discovery-master-subtitle{max-width:540px;margin:7px 0 15px;color:#2f536f;font:800 1.05rem/1.5 system-ui}
.discovery-master-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.discovery-master-chips span{padding:7px 11px;border-radius:999px;background:#fff;color:#395f7c;font:850 .73rem/1 system-ui;box-shadow:0 6px 12px rgba(30,74,108,.06)}
.discovery-master-quote{position:relative;max-width:520px;padding:15px 18px 15px 48px;border:2px solid #f7d44e;border-radius:18px 22px 17px 8px;background:#fff0a9;color:#25435d;font:900 .86rem/1.4 system-ui;box-shadow:0 8px 0 rgba(236,181,36,.09);transform:rotate(-.6deg)}.discovery-master-quote:before{content:"💡";position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:1.35rem}
.discovery-master-hero-art{position:relative;z-index:2;margin:18px 18px 18px -12px;min-height:489px;border-radius:32px 24px 34px 24px;overflow:hidden;background:linear-gradient(145deg,#7fd5ff,#ecf9ff);border:4px solid rgba(255,255,255,.85);box-shadow:0 18px 38px rgba(26,68,101,.16);transform:rotate(.35deg)}
.discovery-master-hero-art img{width:100%;height:100%;min-height:489px;object-fit:cover;display:block}.discovery-master-speech{left:auto;right:22px;top:20px;max-width:210px;padding:14px 17px;background:#fff;border:2px solid rgba(20,66,104,.08);font-size:.82rem;transform:rotate(-2deg)}.discovery-master-speech:after{left:auto;right:34px;border-top-color:#fff}.discovery-master-generic-art{min-height:489px;background:radial-gradient(circle at 70% 20%,#ffe77a 0 7%,transparent 8%),linear-gradient(150deg,#77d1ff,#cceeff 55%,#fff0aa);position:relative}.discovery-master-generic-art:after{content:"☁  ✦  ?";font-size:2rem;color:#fff;letter-spacing:.5em;opacity:.8}.discovery-master-generic-art span{font-size:6rem}.discovery-master-generic-art strong{font-size:1.25rem}

/* intro parchment */
.discovery-master-body{max-width:1240px;padding-top:28px}.discovery-master-intro{position:relative;max-width:1110px;margin:0 auto 28px;padding:18px 28px 18px 70px;border:2px dashed #e4b94d;border-radius:17px 23px 16px 22px;background:linear-gradient(90deg,#fff6cf,#fffdf0);box-shadow:0 9px 18px rgba(134,95,22,.06);font-size:1.02rem;transform:rotate(-.2deg)}.discovery-master-intro-icon{position:absolute;left:19px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:1.4rem}

/* Comic panels — larger scenes, less dashboard-like */
.discovery-master-row{gap:24px;margin:24px 0 26px}.discovery-master-panel{position:relative;grid-template-columns:minmax(0,1fr) minmax(245px,.92fr);gap:18px;min-height:330px;padding:24px 20px 20px 22px;border-width:3px;border-radius:34px 24px 38px 26px;box-shadow:0 10px 0 rgba(38,104,148,.09),0 18px 34px rgba(45,78,105,.08);overflow:visible}.discovery-master-panel.panel-1{background:linear-gradient(135deg,#fff 0 54%,#e8f7ff 54%)}.discovery-master-panel.panel-2{background:linear-gradient(135deg,#fff 0 54%,#f2efff 54%)}.discovery-master-panel.panel-3{background:linear-gradient(135deg,#fff 0 54%,#f8efff 54%)}.discovery-master-panel.panel-4{background:linear-gradient(135deg,#fff 0 54%,#fff0e8 54%)}
.discovery-master-panel.panel-1,.discovery-master-panel.panel-3{transform:rotate(-.25deg)}.discovery-master-panel.panel-2,.discovery-master-panel.panel-4{transform:rotate(.25deg)}
.discovery-master-panel-copy{padding-left:52px;padding-top:5px}.discovery-master-step{left:-7px;top:-10px;width:54px;height:54px;font-size:1.35rem;border-width:4px;box-shadow:0 7px 0 rgba(24,136,215,.17),0 12px 18px rgba(26,85,128,.1)}
.discovery-master-panel h2{font-size:clamp(1.8rem,2.55vw,2.55rem);line-height:.98;margin:1px 0 13px}.discovery-master-panel p{font-size:.97rem;line-height:1.6;color:#35546e}.discovery-master-panel-art{position:relative;min-height:250px;border-radius:26px 18px 28px 20px;border:4px solid #fff;box-shadow:0 12px 25px rgba(35,76,108,.12);transform:rotate(.5deg)}.panel-2 .discovery-master-panel-art,.panel-4 .discovery-master-panel-art{transform:rotate(-.5deg)}.discovery-master-panel-art:before{content:"✦";position:absolute;right:10px;top:8px;z-index:2;color:#ffc83d;font-size:1.3rem;text-shadow:0 2px 0 #fff}.discovery-master-panel-art img{min-height:250px}.discovery-master-panel-art figcaption{position:absolute;left:12px;right:12px;bottom:10px;padding:8px 11px;border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 5px 12px rgba(27,68,100,.08);font-size:.72rem;color:#2d5675}.discovery-master-art-placeholder{min-height:250px;background:linear-gradient(145deg,#ccefff,#fff0b5);font-size:4.6rem}

/* fact as a full-width discovery strip */
.discovery-master-fact{position:relative;grid-template-columns:minmax(0,1fr) minmax(250px,.55fr);min-height:150px;margin:28px 0;padding:21px 24px 21px 26px;border-radius:26px 18px 30px 22px;border:3px solid #f0c643;background:linear-gradient(110deg,#ffe873,#fff6bd 70%,#fff9de);box-shadow:0 10px 0 rgba(213,168,39,.1),0 17px 28px rgba(142,105,25,.07);transform:rotate(-.15deg)}.discovery-master-fact:before{content:"AHA!";position:absolute;right:20px;top:-14px;padding:6px 12px;border-radius:999px;background:#fff;color:#e19c16;font:950 .68rem/1 system-ui;transform:rotate(4deg);box-shadow:0 5px 12px rgba(100,75,20,.08)}.discovery-master-fact-icon{width:58px;height:58px;font-size:1.8rem}.discovery-master-fact h2{font-size:1.85rem}.discovery-master-fact p{font-size:.96rem}.discovery-master-fact>img{height:118px;border:4px solid #fff;transform:rotate(1deg);box-shadow:0 8px 18px rgba(112,83,19,.08)}

/* Quiz — playful activity panel */
.discovery-master-quiz{position:relative;grid-template-columns:minmax(0,1fr) 245px;margin:34px 0 26px;padding:28px 28px 22px;border-radius:36px 25px 38px 28px;border:3px solid #66b5e9;background:linear-gradient(135deg,#e2f5ff 0,#f8fcff 64%,#d9f1ff);box-shadow:0 11px 0 rgba(62,147,204,.1),0 20px 38px rgba(31,81,119,.09)}.discovery-master-quiz:before{content:"?";position:absolute;right:285px;top:17px;color:rgba(32,137,210,.12);font:950 6.7rem/1 system-ui;transform:rotate(8deg)}.discovery-master-quiz-title>span{width:58px;height:58px;font-size:1.8rem}.discovery-master-quiz-title small{font-size:.73rem}.discovery-master-quiz-title h2{font-size:2.15rem}.discovery-master-quiz-question{font-size:1.05rem;margin:19px 0 14px}.discovery-master-quiz-options{gap:12px}.discovery-master-quiz .structured-quiz-option{min-height:67px;border-radius:17px;padding:12px 14px}.discovery-master-quiz .structured-quiz-option>span{width:35px;height:35px;font-size:.88rem}.discovery-master-quiz .structured-quiz-option strong{font-size:.9rem}.discovery-master-quiz-art img{max-height:230px}.discovery-master-quiz-art span{font-size:.82rem}

/* challenge + summary */
.discovery-master-lower{gap:22px;margin:28px 0 34px}.discovery-master-challenge,.discovery-master-summary{min-height:190px;padding:25px 24px;border-radius:30px 22px 32px 24px;border-width:3px;box-shadow:0 9px 0 rgba(50,112,77,.06)}.discovery-master-challenge{background:linear-gradient(135deg,#dff5d6,#f6fff2)}.discovery-master-summary{background:linear-gradient(135deg,#dff1ff,#f7fbff)}.discovery-master-lower-icon{width:52px;height:52px;font-size:1.45rem}.discovery-master-lower h2{font-size:1.8rem}.discovery-master-lower p{font-size:.93rem}.discovery-master-challenge>img,.discovery-master-summary>img{width:190px;max-height:130px}

/* related = actual adventure covers */
.discovery-master-related{margin:38px 0 32px}.discovery-master-related>h2{font-size:2.35rem;margin-bottom:18px}.discovery-master-related-grid{gap:20px}.discovery-master-related-card{display:block;min-height:245px;padding:0;border-radius:25px 20px 27px 22px;overflow:hidden;border:3px solid #d7e9f5;box-shadow:0 10px 0 rgba(42,90,126,.08),0 18px 30px rgba(42,90,126,.07);background:#fff;transform:rotate(-.15deg)}.discovery-master-related-card:nth-child(2){transform:rotate(.2deg)}.discovery-master-related-card:hover{transform:translateY(-6px) rotate(0)}.discovery-master-related-image{height:165px;border-radius:0;background:linear-gradient(145deg,#cdeeff,#fff0b2)}.discovery-master-related-image>span{font-size:4rem}.discovery-master-related-card strong{display:block;padding:17px 52px 18px 17px;font-size:1.05rem;line-height:1.25}.discovery-master-related-card b{position:absolute;right:15px;bottom:14px;width:36px;height:36px}

/* finish banner */
.discovery-master-finish{max-width:1240px;margin-bottom:64px;padding:24px 28px;border-radius:31px 23px 34px 26px;border:3px solid rgba(229,120,78,.11);background:linear-gradient(100deg,#ffe3cb,#fff0e4 62%,#ffe9d5);box-shadow:0 10px 0 rgba(229,120,78,.06),0 18px 34px rgba(128,73,47,.07)}.discovery-master-finish>div>span{font-size:3rem}.discovery-master-finish h2{font-size:1.95rem}

@media(max-width:1050px){
 .discovery-master-hero{grid-template-columns:1fr;min-height:0}.discovery-master-hero-copy{padding:36px 28px 26px;background:rgba(255,255,255,.63)}.discovery-master-hero-art{margin:0 18px 18px;min-height:390px}.discovery-master-hero-art img,.discovery-master-generic-art{min-height:390px}.discovery-master-hero:after{left:auto;right:8%;top:8%}.discovery-master-row{grid-template-columns:1fr}.discovery-master-panel{min-height:0}.discovery-master-fact{grid-template-columns:1fr}.discovery-master-quiz{grid-template-columns:1fr}.discovery-master-quiz-art{display:none}.discovery-master-quiz:before{right:25px}.discovery-master-related-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
 .discovery-master-hero{border-radius:26px}.discovery-master-title-cloud h1{font-size:clamp(3rem,13vw,4.4rem)}.discovery-master-hero-copy{padding:25px 17px 22px}.discovery-master-hero-art{min-height:280px;margin:0 10px 10px}.discovery-master-hero-art img,.discovery-master-generic-art{min-height:280px}.discovery-master-panel{grid-template-columns:1fr;padding:20px 16px}.discovery-master-panel-copy{padding-left:0;padding-top:48px}.discovery-master-panel-art{min-height:210px}.discovery-master-panel-art img,.discovery-master-art-placeholder{min-height:210px}.discovery-master-fact{padding:20px}.discovery-master-quiz{padding:22px 16px}.discovery-master-lower{grid-template-columns:1fr}.discovery-master-related-grid{grid-template-columns:1fr}.discovery-master-related-card{min-height:0}.discovery-master-related-image{height:180px}.discovery-master-finish{margin-inline:14px;align-items:flex-start}.discovery-master-intro{padding-left:58px;margin-inline:8px}.discovery-master-body{padding-inline:14px}
}