/* portal-v41.css */
.sg-portal-section{padding:64px clamp(20px,6vw,96px);scroll-margin-top:100px}.sg-portal-section h1{font-size:clamp(32px,4vw,56px);line-height:1.1;max-width:850px}.sg-portal-section h2{font-size:clamp(28px,3vw,42px)}.sg-portal-section>p{max-width:750px;line-height:1.7}.sg-portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin:28px 0}.sg-discover-card,.sg-content-link{background:#fffaf1;border-radius:24px;border:1px solid #e7ddcb;overflow:hidden;box-shadow:0 8px 0 #574c6a08;padding:20px;text-decoration:none;color:inherit}.sg-discover-card>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}.sg-discover-card h3 a{color:inherit;text-decoration:none}.sg-discover-card small{display:block;color:#77617d;margin-top:14px}.sg-discover-card button{width:100%;margin-top:8px}.sg-content-link>img{width:100%;height:185px;object-fit:cover;border-radius:14px}.sg-content-link h3{margin:14px 0}.sg-detail-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}.sg-detail-cover{max-width:100%;max-height:400px;border-radius:24px;object-fit:contain}.sg-detail .article-prose{max-width:900px;margin:40px 0}.sg-local-note{font-size:14px;color:#685d75}.sg-resume{display:inline-block;padding:16px 22px;border:1px solid #d7c9e4;background:#eee4f7;border-radius:16px;margin:8px 12px 16px 0;color:#503466}.sg-album,.sg-world,.sg-hunt{background:#faf6eb;color:#393344;border:0;box-shadow:0 30px 90px #21142c55;padding:24px;border-radius:24px;max-width:min(1100px,96vw);max-height:94dvh}.sg-album::backdrop,.sg-world::backdrop,.sg-hunt::backdrop{background:#291e40b8}.sg-album header,.sg-hunt header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sg-album button,.sg-hunt button,.sg-world button{min-height:48px;padding:12px 16px;border-radius:12px;border:1px solid #d7cbdc;background:white;color:#493958;font:inherit;cursor:pointer}.sg-album-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.sg-album-grid article{background:white;padding:18px;border-radius:20px;border:1px solid #e6dce4}.sg-album-grid img{width:100%;height:220px;object-fit:contain}.sg-album-grid article>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.sg-world-actions{display:grid;gap:12px;margin:24px 0}.sg-child-world{display:none}.sg-hunt{width:1440px;max-width:100vw;max-height:100dvh;height:100dvh;margin:0 auto;border-radius:0;box-sizing:border-box;overflow:auto}.sg-hunt-intro h2{margin:16px 0 8px}.sg-hunt-intro p{margin:0 0 20px;line-height:1.5}.sg-hunt-layout{display:grid;grid-template-columns:210px 1fr;gap:20px}.sg-hunt-targets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sg-hunt-targets button{padding:8px;display:flex;flex-direction:column;align-items:center;font-size:14px}.sg-hunt-targets canvas{max-width:100%;height:auto;background:#f5e8cf;border-radius:8px}.sg-hunt-targets small{font-size:11px;color:#746b7a}.sg-hunt-targets [aria-pressed=true]{outline:3px solid #8b64a4;outline-offset:0}.sg-hunt-targets .is-found{background:#e1f0df;border-color:#84b38d}.sg-hunt-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.sg-hunt-tools progress{width:100%;accent-color:#90739e}.sg-hunt-scroll{--sg-hunt-h:calc(100dvh - 215px);overflow:auto;max-height:var(--sg-hunt-h);border-radius:20px;background:#e4e5d4;overscroll-behavior:contain}.sg-hunt-picture{position:relative;width:calc(min(100%,var(--sg-hunt-h,100dvh)*var(--sg-hunt-ratio,1))*var(--sg-hunt-zoom,1));margin:0 auto;line-height:0;outline-offset:-4px;touch-action:pan-x pan-y}.sg-hunt-picture>img{display:block;width:100%;height:auto;user-select:none}.sg-hunt-marks{position:absolute;inset:0;pointer-events:none}.sg-hunt-found,.sg-hunt-hint{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;line-height:1;border-radius:50%;font-size:clamp(16px,2vw,30px)}.sg-hunt-found{border:3px solid #267854;background:#b9f2c166;color:#185e43}.sg-hunt-hint{border:4px dashed #ae7a25;background:#ffe2a038}.sg-hunt-reticle{position:absolute;transform:translate(-50%,-50%);font-size:36px;line-height:1;color:#3f245d;text-shadow:0 0 3px white}.sg-hunt-note{font-size:13px;color:#655a70;line-height:1.5}.sg-character-card{display:block;color:inherit;text-align:center;text-decoration:none}.character-grid .sg-character-card{background:transparent;border-radius:28px;padding:20px}.sg-kids-mode[data-kids-view=discover] main>*,.sg-kids-mode[data-kids-view=my-space] main>*{display:none!important}.sg-kids-mode[data-kids-view=discover] main>#discover,.sg-kids-mode[data-kids-view=my-space] main>#my-space{display:block!important}.sg-kids-mode .sg-child-world{display:block;padding:14px 20px;margin:12px auto;border:1px solid #ded1e8;border-radius:16px;background:#f1e4fa;font:inherit}.sg-kids-mode .sg-character-card{pointer-events:none}.sg-kids-mode .sg-hunt{padding-top:18px}.sg-kids-mode .sg-portal-section a{display:none}.sg-kids-mode .sg-detail .sg-portal-grid a{display:none}button:focus-visible,a:focus-visible,.sg-hunt-picture:focus-visible{outline:3px solid #946db0;outline-offset:3px}.sg-album button:disabled,.sg-hunt button:disabled{opacity:.5;cursor:default}@media(max-width:760px){.sg-portal-section{padding:36px 20px}.sg-detail-intro{grid-template-columns:1fr}.sg-detail-cover{max-height:260px}.sg-hunt{padding:14px}.sg-hunt-layout{grid-template-columns:minmax(0,1fr);gap:12px}.sg-hunt-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.sg-hunt-targets{display:flex;overflow:auto;width:100%;gap:8px;padding:4px}.sg-hunt-targets button{flex:0 0 88px}.sg-hunt-actions{margin:0}.sg-hunt-tools progress{width:120px}.sg-hunt-status{margin:0;font-size:13px}.sg-hunt-scroll{--sg-hunt-h:60dvh}.sg-hunt-intro p{font-size:13px}.sg-hunt header strong{font-size:14px}.sg-hunt header button{padding:8px;font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.sg-kids-mode[data-kids-view=discover] #main>#discover,.sg-kids-mode[data-kids-view=my-space] #main>#my-space{display:block!important}.sg-character-wrap{min-width:0}.sg-character-wrap h3{font-size:24px}.sg-character-wrap p{line-height:1.6}.sg-child-world{cursor:pointer}.sg-kids-mode .sg-character-card{display:block!important}.sg-kids-mode .sg-character-card img{display:block}.sg-kids-mode .sg-character-card span:last-child{display:none}.sg-kids-mode .sg-discover-card h3 a{display:inline!important;pointer-events:none}.sg-kids-mode .book h3 a{display:inline!important;pointer-events:none}

/* portal-v43.css */
.sg43-section{max-width:1240px;margin:auto;padding:48px 24px}.sg43-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.sg43-card{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:white;border:1px solid #eee2f0;border-radius:24px;overflow:hidden;box-shadow:0 6px 24px #4832540a}.sg43-card>img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff8ed}.sg43-card>div{padding:20px}.sg43-card h3{font-size:21px;margin:10px 0}.sg43-card p{line-height:1.6;font-size:14px}.sg43-card span{font-weight:bold;color:var(--purple)}.sg43-feature{max-width:1192px;margin:36px auto 0;display:grid;grid-template-columns:320px 1fr;gap:40px;align-items:center;background:#f6e9fb;border-radius:36px;padding:36px}.sg43-feature>img{width:100%;height:300px;object-fit:contain}.sg43-feature h2{font-size:42px;margin:12px 0}.sg43-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.sg43-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sg43-hub a{display:flex;align-items:center;gap:16px;padding:24px;background:#fff3db;border-radius:20px;color:var(--ink);text-decoration:none;font-weight:700}.sg43-hub b{font-size:30px}.sg43-hub span{margin-left:auto}.sg43-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.sg43-heading p{max-width:360px}.sg43-tabs,.sg43-paging{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.sg43-tabs a{padding:12px 18px;border-radius:24px;background:#fff;text-decoration:none;color:var(--ink)}.sg43-tabs [aria-current]{background:var(--purple);color:#fff}.sg43-filters{display:flex;flex-wrap:wrap;gap:14px;align-items:end;background:#f5eef8;border-radius:20px;padding:20px;margin-top:24px}.sg43-filters label{display:flex;flex-direction:column;gap:8px;font-size:14px;flex:1;min-width:150px}.sg43-filters input,.sg43-filters select{padding:12px;border-radius:12px;border:1px solid #d7c8df;background:white;font:inherit}.sg43-paging{justify-content:center}.sg43-paging a{padding:12px;background:#fff3db;border-radius:14px}.sg43-paging span{padding:12px}.sg43-motion{position:fixed;inset:auto 24px 24px auto;z-index:1200;background:white;border-radius:24px;padding:16px;box-shadow:0 12px 60px #3f285950}.sg43-motion img{display:block;width:min(240px,45vw);height:240px;object-fit:contain;animation:sg43-bounce .9s ease-in-out 4}.sg43-motion button{display:block;margin-left:auto;min-height:44px;min-width:44px;border:0;background:#eee4f4;border-radius:12px;font-size:20px}@keyframes sg43-bounce{50%{transform:translateY(-18px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.sg43-motion img{animation:none}}@media(max-width:1000px){.sg43-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sg43-feature{margin:24px;grid-template-columns:220px 1fr}.sg43-feature>img{height:240px}}@media(max-width:700px){.sg43-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sg43-feature{grid-template-columns:1fr;text-align:center;padding:24px;gap:10px}.sg43-feature>img{height:200px}.sg43-feature h2{font-size:32px}.sg43-hub{grid-template-columns:repeat(2,1fr)}.sg43-hub a{padding:16px;gap:8px;font-size:14px}.sg43-heading{display:block}.sg43-section{padding:32px 16px}.sg43-card>div{padding:14px}.sg43-card h3{font-size:18px}.sg43-actions{justify-content:center}}

body:not(.sg-kids-mode) .sg43-child-only{display:none}body:not(.sg-kids-mode) .scroll-hint{display:none}

/* V4.4.2: Workshop stays within the portal content width. */
#main>#my-space.sg-portal-section{box-sizing:border-box;width:calc(100% - 48px);max-width:1180px;margin:40px auto;padding:clamp(24px,4vw,48px);border:2px solid #e6dcf8;border-radius:32px;background:linear-gradient(135deg,#f2eaff,#fff5df);box-shadow:0 10px 0 #d6c6ef35;scroll-margin-top:32px;overflow-wrap:break-word}
.sg-corner-intro{display:flex;align-items:center;gap:24px;margin-bottom:24px}
.sg-corner-icon{flex:0 0 88px;width:88px;height:88px;display:grid;place-items:center;font-size:44px;border-radius:26px;background:#fff9;transform:rotate(-6deg)}
#my-space .sg-corner-intro h2{font-size:clamp(28px,3.3vw,44px);line-height:1.25;margin:8px 0 12px;letter-spacing:-.01em}
.sg-corner-intro>div{min-width:0}.sg-corner-intro p{margin:0;line-height:1.7;max-width:680px}
#my-space #sg-continue{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin:24px 0}
#my-space .sg-resume{display:flex;align-items:center;box-sizing:border-box;width:100%;min-height:70px;margin:0;padding:18px;border-radius:20px;background:#ffffffc9;border:1px solid #ddd1ed;text-align:start;text-decoration:none;font:inherit;line-height:1.55;white-space:normal;color:#513770}
#my-space .sg-local-note{max-width:760px;margin:22px 0 0;font-size:14px;line-height:1.7}
#navigation a.sg-corner-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;min-height:48px;box-sizing:border-box;border-radius:18px;background:#ffdf7d;color:#483724;font-weight:800;line-height:1.3;white-space:nowrap;text-decoration:none;box-shadow:0 3px 0 #d7aa46}
@media(min-width:761px) and (max-width:1350px){body>header{flex-wrap:wrap;height:auto;min-height:102px;padding-block:12px}body>header #navigation{flex-wrap:wrap;gap:10px 16px;justify-content:center}body>header #navigation a{font-size:14px}}
@media(max-width:760px){#main>#my-space.sg-portal-section{width:calc(100% - 32px);margin:24px auto;padding:24px 20px;border-radius:26px}.sg-corner-intro{align-items:flex-start;gap:14px}.sg-corner-icon{flex-basis:52px;width:52px;height:52px;border-radius:17px;font-size:28px}#my-space .sg-corner-intro .eyebrow{font-size:10px;letter-spacing:.6px}#my-space [data-album]{width:100%}#navigation a.sg-corner-link{margin:8px 0}}
/* Workshop already owns the section width; preserve its app layout. */
.sg-kids-mode #main>#my-space.sg-portal-section{width:100%;margin:0 auto;max-width:none;box-shadow:none}

/* commerce.css */
.commerce-world{max-width:1220px;margin:auto;padding:28px 24px 72px}.commerce-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.commerce-nav a{padding:12px 18px;border:1px solid #ded5f6;border-radius:28px;color:#4b3278;background:#fff;text-decoration:none;font-weight:700}.commerce-hero{background:linear-gradient(135deg,#f2eafa,#fff4de);border-radius:32px;padding:clamp(24px,5vw,64px);position:relative;overflow:hidden}.commerce-hero h1{font-size:clamp(30px,4.5vw,56px);line-height:1.16;max-width:850px;margin:18px 0;text-wrap:balance;overflow-wrap:anywhere}.commerce-hero p{font-size:19px;line-height:1.7;max-width:760px}.commerce-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.commerce-chips span{background:#fff9;padding:10px 16px;border-radius:20px}.commerce-tools,.commerce-basket{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:28px 0}.commerce-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:24px;margin:24px 0}.commerce-card{background:#fff;border:1px solid #e4deed;box-shadow:0 8px 28px #36225408;border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:14px;margin:20px 0}.commerce-grid .commerce-card{margin:0}.commerce-card h2,.commerce-panel h2,.commerce-free h2{font-size:26px;line-height:1.3;margin:0;overflow-wrap:anywhere}.commerce-card p{margin:0;line-height:1.65;white-space:pre-wrap}.commerce-card>img{width:100%;height:210px;object-fit:contain;background:#f8f4fd;border-radius:16px}.commerce-card>strong{font-size:25px}.commerce-tag{font-weight:700;color:#645081;font-size:14px}.commerce-card details p,.commerce-legal p{padding:14px 0;white-space:pre-wrap}.commerce-world summary{cursor:pointer;font-weight:700;padding:12px 0}.commerce-world input:not([type=checkbox]),.commerce-world select{width:100%;max-width:480px;padding:14px;border:1px solid #cfc3e1;border-radius:12px;background:#fff;font:inherit;color:#302042}.commerce-card input[type=number]{max-width:100px}.commerce-world .button{min-height:48px;white-space:normal;text-align:center;line-height:1.35;max-width:100%;cursor:pointer;overflow-wrap:anywhere}.commerce-world button:disabled{opacity:.5;cursor:not-allowed}.commerce-panel{background:#fff8e9;border:2px solid #ead3a2;border-radius:24px;padding:28px;margin:32px 0}.commerce-panel form{display:flex;flex-direction:column;gap:18px}.commerce-panel label{display:flex;flex-direction:column;gap:10px;font-weight:600}.commerce-panel .commerce-checkbox{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:flex-start;line-height:1.6;font-weight:400}.commerce-checkbox input{flex:0 0 24px;width:24px;height:24px;margin-top:3px}.commerce-error{color:#a32937}.commerce-notice{border-radius:14px;background:#f1e9ff;padding:18px;line-height:1.6}.commerce-free{margin-top:48px;border-radius:24px;background:#eaf6ef;padding:32px}.commerce-legal{border-top:1px solid #d8cce4;margin:24px 0}.family-commerce-entry{max-width:1180px;margin:36px auto;padding:32px;border-radius:24px;background:#f3ecff}.family-commerce-entry h2{line-height:1.3}.commerce-world [hidden]{display:none!important}.commerce-world :focus-visible{outline:3px solid #6d47af;outline-offset:4px}@media(max-width:640px){.commerce-world{padding:20px 16px 48px}.commerce-panel,.commerce-card{padding:20px}.commerce-nav a{font-size:14px;padding:10px 12px}.commerce-hero p{font-size:17px}.commerce-tools>*{flex:1 1 100%}}
.commerce-world header.commerce-hero{display:block;height:auto;min-height:0;max-height:none;align-items:normal;gap:0;border:0;z-index:auto;width:100%;box-sizing:border-box}
.commerce-world .commerce-hero>*{min-width:0}
.commerce-world .commerce-hero h1{max-width:900px;line-height:1.24;overflow-wrap:break-word;margin:18px 0 22px}
.commerce-world .commerce-hero .eyebrow{display:block;max-width:none;line-height:1.6}
.commerce-world #commerce-root>h2{font-size:clamp(26px,3vw,36px);line-height:1.35;margin:32px 0 18px}
.commerce-world #commerce-root>p{line-height:1.7;margin:16px 0}

.commerce-empty{padding:30px;background:linear-gradient(120deg,#f2f8ef,#fdf8e9);border:1px solid #dce8d4;border-radius:22px}.commerce-empty a{display:inline-flex;margin-top:12px;padding:12px 18px;border-radius:14px;background:#244c3d;color:white;font-weight:700;text-decoration:none}.commerce-world #commerce-root>.commerce-card{margin:18px 0}.commerce-world .commerce-grid img{width:100%;height:220px;object-fit:contain;background:#faf8f0;border-radius:14px}.commerce-world .commerce-card h3{line-height:1.35;overflow-wrap:anywhere}.commerce-world #commerce-root>h2{margin-top:38px}

/* puzzle.css */
.sg-puzzle{box-sizing:border-box;width:min(1160px,96vw);max-width:96vw;max-height:96dvh;overflow:auto;border:0;border-radius:28px;padding:24px;background:#fffaf0;color:#25354a}.sg-puzzle::backdrop{background:#241b43b8}.sg-puzzle-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.sg-puzzle h2{font-size:clamp(24px,3vw,36px);line-height:1.3;margin:0}.sg-puzzle p{line-height:1.6}.sg-puzzle button,.sg-puzzle select{font:inherit;min-height:48px;border:1px solid #d5c8e8;border-radius:14px;padding:10px 14px;background:#f2eaff;color:#493567;cursor:pointer}.sg-puzzle-tools{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;align-items:end}.sg-puzzle-tools label{display:grid;gap:6px;font-size:14px}.sg-puzzle-guide{display:block;max-width:280px;max-height:200px;object-fit:contain;margin:16px auto;border-radius:16px}.sg-puzzle-guide[hidden]{display:none}.sg-puzzle-board{display:grid;width:min(100%,680px);margin:auto;border:3px solid #b9a4df;border-radius:14px;overflow:hidden;background:#e7e0f0;gap:2px}.sg-puzzle .sg-puzzle-slot{min-height:0;padding:0;border-radius:0;border:0;background-color:#f3edf9}.sg-puzzle .is-placed{background-color:white;background-repeat:no-repeat}.sg-puzzle-tray{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:16px;background:#efe6fb;border-radius:20px}.sg-puzzle .sg-puzzle-piece{width:82px;height:auto;min-height:48px;padding:0;background-repeat:no-repeat;border:2px solid #fff;border-radius:10px;touch-action:none;box-shadow:0 3px 0 #6f528933}.sg-puzzle .sg-puzzle-piece[aria-pressed=true]{outline:4px solid #7144c7;outline-offset:2px}.sg-puzzle .is-hint{box-shadow:inset 0 0 0 4px #e5aa26;background-color:#fff0b7}.sg-puzzle-status{font-weight:700;text-align:center}.sg-puzzle-drag{position:fixed;z-index:2147483647;width:82px;height:72px;transform:translate(-50%,-50%);pointer-events:none;border:3px solid #ffdf78;border-radius:10px;opacity:.9}.sg-puzzle :focus-visible{outline:4px solid #7b49c9;outline-offset:3px}.sg-puzzle:fullscreen{width:100vw;max-width:none;max-height:none;height:100dvh;border-radius:0}.sg-puzzle-section{max-width:1180px;margin:auto;box-sizing:border-box}.sg-kids-mode[data-kids-view=puzzles] #main>#puzzles{display:block!important}.sg-kids-home-card[data-kids-nav=puzzles]{background:#fff1c7}.sg-kids-icon-puzzle::before{content:'🧩'}@media(max-width:640px){.sg-puzzle{padding:16px}.sg-puzzle-tools{gap:8px}.sg-puzzle-tools button{font-size:14px}.sg-puzzle .sg-puzzle-piece{width:60px;height:auto;min-height:48px}.sg-puzzle-tray{gap:8px;padding:12px}.sg-puzzle-heading button{font-size:14px}.sg-puzzle-board{gap:1px}}

.sg-puzzle-piece{height:auto;min-height:48px}.sg-kids-dock{flex-wrap:wrap}.sg-kids-mode[data-kids-view="puzzles"] .sg-puzzle-section{display:block!important}.sg-kids-puzzle{background:linear-gradient(135deg,#faf5ff,#e9defb)}

.sg-puzzle .sg-puzzle-drag{padding:0;background-repeat:no-repeat;pointer-events:none}
@media(max-width:640px){.sg-kids-dock{flex-wrap:nowrap}}

/* reader-v442.css */
#reader{box-sizing:border-box;width:min(1380px,98vw);max-width:98vw;height:min(940px,96dvh);max-height:96dvh;padding:20px;border:0;border-radius:24px;background:#fffaf1;color:#26354b;overflow:auto}#reader:fullscreen{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0}#reader .reader-header{height:auto;min-height:60px;display:flex;gap:12px;justify-content:space-between;align-items:center;background:transparent;border:0;padding:0 0 16px}#reader .reader-header h3{font-size:clamp(18px,2vw,28px);line-height:1.35;margin:4px 0}#reader .reader-header>div:last-child{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}#reader .reader-header button{min-width:48px;min-height:48px;font-size:18px;border-radius:14px;padding:10px;background:#eee5fa;color:#4e3477}#reader #spread{display:block!important;min-height:0;padding:0;margin:0;background:transparent;box-shadow:none}#reader #spread .page{box-sizing:border-box;width:100%;height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);gap:clamp(20px,3vw,48px);align-items:center;background:#fff;border:1px solid #eadfee;border-radius:22px;padding:clamp(20px,3vw,40px)!important;box-shadow:none;overflow:visible;position:relative}#reader #spread .page>img{display:block;width:100%;height:auto;max-height:62dvh;object-fit:contain;border-radius:18px}#reader #spread .page>p{font-size:var(--sg-reading-size,28px)!important;line-height:1.8!important;color:#26354b;white-space:pre-line;margin:0;overflow-wrap:break-word;text-align:start;max-width:100%}#reader #spread .page.no-image{grid-template-columns:1fr;max-width:900px;margin:auto}#reader #spread .page.no-text{grid-template-columns:1fr}#reader #spread .page.pdf-page{display:block;overflow:auto}#reader #spread .page>canvas{display:block;margin:auto;height:auto;max-width:none;object-fit:contain}#reader .page-num{position:static;grid-column:1/-1;font-size:13px;text-align:center;color:#746382}#reader .reader-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;margin-top:18px}#reader .reader-controls>div{display:grid;gap:8px;min-width:130px;text-align:center}#reader .reader-controls button{min-height:48px;min-width:100px;border-radius:14px;background:#7042cc;color:#fff;padding:12px 18px}#reader .reader-controls button:disabled{opacity:.4}#reader .reader-tip{display:block;line-height:1.6;text-align:center;margin:16px 0 0;font-size:13px}#reader input[type=range]{width:100%;min-height:36px;accent-color:#7042cc}#reader :focus-visible{outline:3px solid #7042cc;outline-offset:4px}@media(max-width:760px){#reader{padding:14px}#reader #spread .page{grid-template-columns:1fr;gap:22px;padding:20px!important}#reader #spread .page>img{max-height:42dvh}#reader .reader-header>div:first-child{min-width:0;flex:1}#reader .reader-header>div:last-child{max-width:168px}#reader .reader-controls{gap:8px}#reader .reader-controls button{min-width:0;font-size:14px;padding:10px 12px}#reader .reader-header small{font-size:10px}}

/* platform.css */
.sg-platform{width:min(1180px,calc(100% - 40px));margin:36px auto 80px;color:#243e38}.sg-platform-nav,.sp-actions,.sp-tabs{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.sg-platform-nav a,.sp-tabs button{background:#fff;padding:12px 18px;border:1px solid #dce6df;border-radius:30px;text-decoration:none;color:inherit}.sg-platform-hero{padding:40px;border-radius:32px;background:linear-gradient(120deg,#e5f4e7,#fff0ce);margin:24px 0}.sg-platform h1{font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-.02em;max-width:850px;margin:12px 0 20px}.sg-platform p{line-height:1.65}.sp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0}.sp-card,.sp-panel{background:#fff;border:1px solid #dce6df;border-radius:24px;padding:24px;min-width:0}.sp-panel{margin:24px 0}.sp-card h2,.sp-panel h2{font-size:24px;line-height:1.35;margin:10px 0 16px}.sp-card h3{font-size:20px;line-height:1.4}.sp-card img{width:100%;height:220px;object-fit:contain;border-radius:16px;background:#f5f5ed}.sp-card small{color:#556e64}.sp-actions button,.sp-actions a,.sp-primary,.sp-panel button{min-height:44px;padding:12px 18px;border:0;border-radius:16px;background:#285f49;color:white;font:inherit;text-decoration:none;cursor:pointer;display:inline-block}.sp-actions .sp-soft,.sp-tabs button{background:#edf3e9;color:#285f49}.sp-tabs [aria-selected=true]{background:#285f49;color:#fff}.sg-platform button:disabled{opacity:.5;cursor:wait}.sg-platform :focus-visible{outline:3px solid #e3a619;outline-offset:4px}.sp-panel label,.sp-card label{display:block;margin:16px 0;line-height:1.5}.sp-panel input:not([type=checkbox]),.sp-panel textarea,.sp-panel select{width:100%;max-width:700px;border:1px solid #b5c7bc;border-radius:12px;padding:12px;font:inherit;background:white}.sp-panel input[type=checkbox],.sp-step input{width:22px;height:22px;margin:0 10px 0 0;vertical-align:middle;accent-color:#285f49}.sp-step{padding:20px;border-radius:18px;background:#f5f7ef;margin:15px 0}.sp-step h3{line-height:1.4;margin:0 0 10px}.sp-step p{margin:8px 0}.sp-empty{padding:24px;background:#f6f3e9;border-radius:18px;line-height:1.6}.sp-profile{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:#f1f5ec;padding:20px;border-radius:20px;margin:20px 0}.sp-profile select{font:inherit;min-height:44px;padding:10px;border-radius:12px;border:1px solid #b5c7bc}.sp-notice{min-height:24px;color:#835711;font-weight:600}.sp-status{display:inline-block;border-radius:30px;background:#fff0ce;padding:6px 14px}.sg-save-controls{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.sg-save-controls button{border:1px solid #b5c7bc;padding:12px 16px;border-radius:14px;background:white;color:#285f49;font:inherit;min-height:44px}.sg-profile-choice{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.sg-profile-choice select{margin-left:12px;padding:10px;border-radius:12px;font:inherit}.sg-family-program-spot{max-width:1180px;margin:30px auto;padding:30px;background:#eff6e7;border-radius:24px;box-sizing:border-box}.sg-family-program-spot h2{line-height:1.4}.sp-count{font-size:28px;font-weight:700;color:#285f49}.sp-note{font-size:14px;color:#5b7066}.sp-print-choice{display:flex;gap:12px;align-items:center}.sp-print-choice input{width:22px;height:22px}.sp-privacy{border-left:4px solid #d6a931;padding-left:16px}.sp-gallery img{background:white}.sp-gallery figcaption{line-height:1.55;margin-top:12px}.sp-gallery figure{margin:0}.sp-page{display:flex;justify-content:center;gap:16px;margin:24px 0}
@media(max-width:900px){.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-platform-hero{padding:28px}.sg-family-program-spot{margin:24px 20px}}
@media(max-width:600px){.sg-platform{width:calc(100% - 28px);margin-top:20px}.sp-grid{grid-template-columns:1fr}.sg-platform-hero{padding:24px}.sp-card,.sp-panel{padding:20px}.sg-platform-nav a{padding:10px 14px}.sp-tabs{gap:8px}.sp-tabs button{padding:10px 14px}}
@media print{body:has(.sp-teachers) header,body:has(.sp-teachers) footer,body:has(.sp-teachers) .sg-platform-nav,body:has(.sp-teachers) .sg-platform-hero,body:has(.sp-teachers) .sp-actions,body:has(.sp-teachers) .sp-print-choice,body:has(.sp-teachers) #platform-status{display:none!important}.sp-teachers .sp-card:not(.sp-print-selected){display:none}.sp-teachers .sp-grid{display:block}.sp-teachers .sp-card{break-after:page;border:0;padding:0}.sp-teachers .sp-card img{height:180px}.sg-platform{width:100%;margin:0}.sp-step{break-inside:avoid}}

.sg-kids-mode .sg-family-program-spot{display:none}

.sg-sync-status{font-size:14px;line-height:1.5;background:#fff0ce;color:#674b16;padding:12px 16px;border-radius:12px;margin:12px 0}

/* portal-v50.css */
/* V5.0 shared portal layout and semantic palette. Theme values come from /theme.css. */
body:not(.sg-kids-mode){background:var(--cream);color:var(--ink)}
body:not(.sg-kids-mode) .button.primary{background:var(--purple);color:var(--primary-text);border-color:transparent;box-shadow:0 3px 0 color-mix(in srgb,var(--purple) 70%,#000)}
body:not(.sg-kids-mode) .button.sunshine{background:var(--yellow);color:var(--secondary-text);border-color:transparent}
body:not(.sg-kids-mode) .button{min-height:48px;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;text-align:center}
body:not(.sg-kids-mode) :is(button,a,input,select,summary):focus-visible{outline:3px solid var(--purple);outline-offset:3px}
body:not(.sg-kids-mode) .topline{background:var(--sg-soft);color:var(--ink)}
body:not(.sg-kids-mode) #navigation a.sg-corner-link{background:var(--yellow);color:var(--secondary-text);box-shadow:0 3px 0 color-mix(in srgb,var(--yellow) 70%,#000)}
body:not(.sg-kids-mode) .sg-back-top{background:var(--purple);color:var(--primary-text)}
body:not(.sg-kids-mode) :is(.sg43-card,.blog-card,.sg-content-link,.sg-discover-card){background:var(--surface);border-color:var(--line);color:var(--ink)}
body:not(.sg-kids-mode) :is(.sg43-card p,.sg43-card small,.breadcrumbs){color:var(--sg-muted)}
body:not(.sg-kids-mode) :is(.sg43-card,.sg-content-link){transition:transform .18s,box-shadow .18s}
body:not(.sg-kids-mode) :is(.sg43-card,.sg-content-link):hover{transform:translateY(-3px);box-shadow:0 12px 28px #25354a14}
body:not(.sg-kids-mode) #main.sg50-home>section:not([data-section="hero"]):not([data-section="motion"]){box-sizing:border-box;width:calc(100% - 48px);max-width:1200px;margin:32px auto;padding:32px;min-width:0}
body:not(.sg-kids-mode) #main.sg50-home>#my-space.sg-portal-section{max-width:1200px;padding:32px;background:var(--sg-soft);border-color:var(--line)}
body:not(.sg-kids-mode) #main.sg50-home .sg43-heading{align-items:center;gap:24px;margin-bottom:24px}
body:not(.sg-kids-mode) #main.sg50-home h2{font-size:clamp(28px,3vw,40px);line-height:1.3;letter-spacing:-.015em;margin:10px 0 16px}
body:not(.sg-kids-mode) .sg43-grid,body:not(.sg-kids-mode) #puzzles .sg-portal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sg50-shelf[data-home-shelf="video"] .sg43-card>img{aspect-ratio:16/9;object-fit:cover}
.sg50-shelf .sg43-card h3{font-size:20px;line-height:1.4}.sg43-card>div{flex:1;display:flex;flex-direction:column;min-width:0}.sg43-card>div>span{margin-top:auto;padding-top:12px}
.sg50-all{display:inline-flex;align-items:center;min-height:48px;padding:10px 16px;white-space:nowrap;color:var(--ink);font-weight:700;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-decoration:none}
.sg50-journey{border:1px solid var(--line);border-radius:28px;background:var(--surface)}
.sg50-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sg50-steps>a{display:block;padding:24px;border-radius:20px;background:var(--sg-soft);color:var(--ink);text-decoration:none;position:relative}
.sg50-steps>a:nth-child(2){background:color-mix(in srgb,var(--yellow) 23%,var(--surface))}.sg50-steps>a:nth-child(3){background:color-mix(in srgb,var(--purple) 12%,var(--surface))}
.sg50-steps span{display:block;font-size:36px;margin-bottom:18px}.sg50-steps small{position:absolute;right:22px;top:24px;font-size:13px;font-weight:800;color:var(--sg-muted)}
.sg50-steps h3{font-size:21px;line-height:1.35;margin:0 0 12px}.sg50-steps p{font-size:15px;line-height:1.7;margin:0}
.sg50-family-invite{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.sg50-family-invite p{max-width:680px;margin:0;font-size:14px;line-height:1.7}.sg50-family-invite a{color:var(--purple);font-weight:700;min-height:44px;display:flex;align-items:center}
body:not(.sg-kids-mode) .sg43-feature{background:var(--sg-soft);border:1px solid var(--line);border-radius:28px}
body:not(.sg-kids-mode) .sg43-hub a{background:var(--surface);border:1px solid var(--line);color:var(--ink);padding:20px}
/* Catalog headings, category selector and filters share a predictable grid. */
.sg43-catalog.sg43-section{box-sizing:border-box;width:calc(100% - 48px);max-width:1200px;padding:40px 32px 64px}
.sg43-catalog .breadcrumbs{margin-bottom:24px}
.sg43-catalog .sg43-filters{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(120px,1fr)) auto;gap:16px;align-items:end;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;margin-top:0;box-shadow:0 8px 24px #25354a06}
.sg43-catalog .sg43-filters label{display:grid;gap:8px;min-width:0;margin:0;font-size:13px;font-weight:700;color:var(--ink)}
.sg43-catalog .sg43-filters :is(input,select){box-sizing:border-box;display:block;width:100%;height:50px;min-width:0;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:14px;background:var(--surface);color:var(--ink)}
.sg43-catalog p[role="status"]{font-size:14px;color:var(--sg-muted);margin:24px 0 20px}.sg43-paging a{background:var(--sg-soft);color:var(--ink)}
body:not(.sg-kids-mode) :is(.sg-platform,.commerce-world){color:var(--ink)}
body:not(.sg-kids-mode) :is(.sp-card,.sp-panel,.commerce-card,.commerce-nav a,.sg-platform-nav a,.sp-tabs button){background:var(--surface);color:var(--ink);border-color:var(--line)}
body:not(.sg-kids-mode) :is(.commerce-hero,.sg-platform-hero){background:linear-gradient(120deg,var(--sg-soft),color-mix(in srgb,var(--yellow) 20%,var(--surface)))}
body:not(.sg-kids-mode) :is(.sp-actions button,.sp-actions a,.sp-primary,.sp-panel button){background:var(--purple);color:var(--primary-text)}
body:not(.sg-kids-mode) :is(.commerce-world,.sg-platform) :is(input:not([type="checkbox"]),select){background:var(--surface);color:var(--ink);border-color:var(--line)}
/* The family account previously had its own fixed green/purple palette. */
body.sg-family-page{background:var(--cream);color:var(--ink);line-height:1.65}
.sg-family-page :is(.family-header,footer,.family-card){background:var(--surface);border-color:var(--line)}
.sg-family-page :is(.family-muted,.family-intro p){color:var(--sg-muted)}.sg-family-page a,.sg-family-page .family-kicker{color:var(--purple)}
.sg-family-page :is(button,.family-button){background:var(--purple);color:var(--primary-text);border:1px solid transparent;line-height:1.4;box-shadow:none}
.sg-family-page :is(button.secondary,.family-button.secondary){background:var(--sg-soft);color:var(--ink);border-color:var(--line)}
.sg-family-page .family-tabs{padding:6px;background:var(--sg-soft);border-radius:16px;gap:6px;display:grid;grid-template-columns:1fr 1fr}
.sg-family-page .family-tabs button{background:transparent;color:var(--ink);border-color:transparent;font-weight:700}
.sg-family-page .family-tabs button.selected{background:var(--purple);color:var(--primary-text);border-color:transparent}
.sg-family-page :is(input,select){background:var(--surface);color:var(--ink);border-color:var(--line)}.sg-family-page .family-details{background:var(--sg-soft)}
.sg-family-page button.danger{background:#fff1f1;color:#8b2020;border-color:#ead3d3}.sg-family-page .family-error{color:#a02b37}.sg-family-page #family-auth-form>button{width:100%;margin-top:8px}
.sg-family-page .family-card h2{margin-top:0}.sg-family-page .family-intro h1{line-height:1.25}.sg-family-page .family-actions{gap:10px}.sg-family-page .family-actions button{font-size:14px}
@media(max-width:1100px){.sg43-catalog .sg43-filters{grid-template-columns:repeat(2,minmax(0,1fr))}body:not(.sg-kids-mode) .sg43-grid,body:not(.sg-kids-mode) #puzzles .sg-portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sg50-steps{gap:12px}.sg50-steps>a{padding:20px}}
@media(max-width:700px){body:not(.sg-kids-mode) #main.sg50-home>section:not([data-section="hero"]):not([data-section="motion"]){width:calc(100% - 32px);padding:24px 20px;margin:24px auto}body:not(.sg-kids-mode) #main.sg50-home>#my-space.sg-portal-section{padding:24px 20px}.sg50-steps{grid-template-columns:1fr}.sg50-steps>a{padding:22px}.sg50-steps span{margin-bottom:12px}.sg50-family-invite{display:block}.sg50-family-invite a{margin-top:10px}.sg43-catalog.sg43-section{width:100%;padding:28px 20px 48px}.sg43-catalog .sg43-filters{padding:18px;gap:14px;grid-template-columns:1fr}.sg50-shelf .sg43-heading{flex-direction:column;align-items:flex-start!important}.sg50-shelf .sg43-card h3{font-size:18px}.sg43-card>div{padding:16px}.sg-family-page .family-tabs button{padding:12px 8px;font-size:14px}}
@media(max-width:420px){body:not(.sg-kids-mode) .sg43-grid,body:not(.sg-kids-mode) #puzzles .sg-portal-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body:not(.sg-kids-mode) :is(.sg43-card,.sg-content-link){transition:none;transform:none}}

/* narration.css */
#reader .sg-narration-reader{padding:16px 20px;margin:0 0 18px;border:1px solid var(--line,#ded8e8);border-radius:20px;background:var(--surface,#fff);color:var(--ink,#25354a)}
#reader .sg-narration-reader h4{font-size:20px;margin:0 0 6px;line-height:1.4}#reader .sg-narration-reader small{display:block;font-size:13px;line-height:1.5;margin-bottom:8px}#reader .sg-narration-reader audio{display:block;width:100%;margin:12px 0;min-height:48px}#reader .sg-narration-reader p{font-size:14px;margin:8px 0}#reader .sg-narration-reader p:empty{display:none}
#reader .sg-narration-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}#reader .sg-narration-tools button{min-height:48px;border:1px solid var(--line,#ded8e8);border-radius:14px;padding:10px 14px;background:var(--sg-soft,#f0eafa);color:var(--ink,#25354a);font:inherit;cursor:pointer}#reader .sg-narration-tools button:disabled{opacity:.45;cursor:default}#reader .sg-narration-reader label{display:inline-flex;gap:10px;align-items:center;margin:8px 18px 4px 0;font-size:14px}#reader .sg-narration-reader input[type=checkbox]{width:22px;height:22px}#reader .sg-narration-reader select{font:inherit;min-height:44px;padding:8px 12px;border:1px solid var(--line,#ded8e8);border-radius:12px;background:var(--surface,#fff);color:var(--ink,#25354a)}
@media(max-width:700px){#reader .sg-narration-reader{padding:14px}#reader .sg-narration-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#reader .sg-narration-reader label{display:flex;margin-right:0}}

/* experience-v52.css */
/* V5.2: one family membership; a parent portal and a dedicated child library. */
[data-experience=parent] .hero-slider{height:auto;max-height:none;min-height:560px}
[data-experience=parent] .hero-slider .hero-slide .slide-copy{left:auto;right:auto;top:auto;transform:none;max-width:none;width:62%;padding:60px 64px 105px;position:relative}
[data-experience=parent] .hero-slider{max-width:var(--sg-content-width,1200px);margin:24px auto 0;border-radius:32px;overflow:hidden;background:#ede8ff;isolation:isolate}
[data-experience=parent] .hero-slide{min-height:560px;position:relative}
[data-experience=parent] .hero-slide h1,[data-experience=parent] .hero-slide h2{font-size:clamp(34px,4.5vw,62px);line-height:1.1;letter-spacing:-.035em;max-width:640px;margin:18px 0;overflow-wrap:anywhere}
[data-experience=parent] .slide-copy{width:62%;max-width:none;padding:60px 64px 105px;position:relative;inset:auto;color:white}
[data-experience=parent] .slide-copy p{font-size:18px;line-height:1.65;max-width:520px}
[data-experience=parent] .slide-shade{background:linear-gradient(90deg,#201331e8 0%,#201331c9 50%,#20133115 100%)}
[data-experience=parent] .slide-kicker{display:inline-block;padding:8px 12px;border-radius:100px;background:#ffffff20;font-size:11px;font-weight:800;letter-spacing:.11em}
.sg52-hero-steps{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;font-size:12px;color:var(--muted)}.sg52-hero-steps span{padding:8px 10px;border:1px solid #d6d0e9;border-radius:10px;background:#ffffff88}
[data-experience=parent] .slider-controls{position:absolute;inset:auto 32px 24px;display:flex;justify-content:center;gap:12px;z-index:3;padding:0;background:none;transform:none;width:auto}.slider-controls button{min-width:44px;min-height:44px}
.sg52-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0}.sg52-benefit-grid article{padding:26px 20px;background:white;border:1px solid #e9e0ee;border-radius:22px}.sg52-benefit-grid span{font-size:35px}.sg52-benefit-grid h3{font-size:22px;margin:12px 0}.sg52-benefit-grid p{font-size:15px;line-height:1.65}.sg52-benefits>p{max-width:800px;line-height:1.7}
.sg52-corner{display:flex;align-items:center;gap:25px;background:#e9f6ed;border-radius:28px;border:1px solid #d0e6d6}.sg52-corner>span{font-size:55px}.sg52-corner>div{flex:1;min-width:0}.sg52-corner h2{margin:8px 0;font-size:32px}.sg52-corner p{font-size:15px;line-height:1.6;max-width:680px}.sg52-corner>a{flex-shrink:0}
.sg52-access-label{display:inline-block;border-radius:12px;padding:10px 14px;background:#eee7fc;font-size:14px;font-weight:700}.book a.book-cover{display:block;text-decoration:none}.video-card{color:inherit;text-decoration:none}.sg52-library-note{background:#fff5dc;border-radius:15px;padding:14px;font-size:14px!important}
.sg43-card .sg52-catalog-access{display:inline-block;padding:5px 9px;border-radius:9px;background:#eee7fc;font-size:11px;margin-top:8px;color:var(--purple)}
[data-experience=child] #main>.sg-portal-section{max-width:1200px;margin:auto;padding:28px}.sg52-collection-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sg52-collection-tiles button{display:flex;align-items:center;gap:12px;min-height:94px;padding:12px;border:2px solid #c1dcc9;background:white;border-radius:20px;font:inherit;cursor:pointer;text-align:left;color:#294d3d}.sg52-collection-tiles img{width:62px;height:65px;object-fit:contain}.sg52-collection-tiles strong{font-size:16px;line-height:1.3}
.sg52-openai-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.sg52-openai-tabs button{min-height:44px}.sg52-openai-tabs [aria-selected=true]{background:#6540bb;color:white}.sg52-openai-tabs [aria-selected=false]{background:#f1eef7;color:#403652}
@media(max-width:1000px){.sg52-corner{flex-wrap:wrap}.sg52-corner>a{margin-left:80px}.sg52-collection-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){[data-experience=parent] .hero-slider{margin:12px 16px 0;border-radius:24px}[data-experience=parent] .hero-slide{min-height:480px}[data-experience=parent] .slide-copy{width:100%;padding:36px 24px 105px}[data-experience=parent] .slide-copy p{font-size:16px}[data-experience=parent] .slide-actions{display:flex;flex-wrap:wrap;gap:10px}[data-experience=parent] .slider-controls{inset:auto 12px 18px;gap:8px}.sg52-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sg52-corner{margin:20px 16px!important;padding:22px!important;display:block}.sg52-corner>span{font-size:40px}.sg52-corner>a{margin:12px 0 0}.sg52-collection-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.sg52-collection-tiles button{padding:8px;gap:8px}.sg52-collection-tiles img{width:42px;height:54px}}
@media(max-width:700px){[data-experience=parent] .hero-slider .hero-slide .slide-copy{width:100%;padding:36px 24px 105px!important}}

/* experience-v531.css */
/* V5.3.1 — full-width page bands, concise parent journey, one footer. */
:root{--sg531-gutter:clamp(16px,2.6vw,48px)}
body{max-width:none;min-width:0}body:not(.sg-kids-mode)>header{max-width:none;width:100%;margin-inline:0;padding-inline:var(--sg531-gutter);box-sizing:border-box}#main{width:100%;max-width:none;margin-inline:0;min-width:0}
body:not(.sg-kids-mode) #main.sg50-home>section,body:not(.sg-kids-mode) #main.sg50-home>section:not([data-section=hero]):not([data-section=motion]),body:not(.sg-kids-mode) #main.sg50-home>#my-space.sg-portal-section{width:100%;max-width:none;box-sizing:border-box;margin:0;padding:clamp(30px,4vw,64px) var(--sg531-gutter);border-radius:0}
body:not(.sg-kids-mode) #main.sg50-home>.hero-slider{padding:0;width:100%;max-width:none;margin:0;border-radius:0;min-height:520px}body:not(.sg-kids-mode) .hero-slider .hero-slide.sg52-onboarding .slide-copy{padding-left:var(--sg531-gutter);padding-right:28px}body:not(.sg-kids-mode) .hero-slider .sg52-hero-preview{margin-right:var(--sg531-gutter)}
body:not(.sg-kids-mode) :is(.sg43-section,.sg-portal-section,.sg-platform,.parent-blog,.blog-detail,.simple-page,.commerce-world){width:100%;max-width:none;margin-inline:0;box-sizing:border-box;padding-inline:var(--sg531-gutter)}
body:not(.sg-kids-mode) .sg-detail-intro>div{min-width:0}body:not(.sg-kids-mode) :is(.article-prose,.article-body>p,.sg-detail-intro>div>p){max-width:75ch}.article-prose{overflow-wrap:anywhere}
.sg531-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.sg531-actions>a{min-height:46px}
footer.sg531-footer{display:block;width:100%;max-width:none;margin:0;padding:clamp(28px,4vw,56px) var(--sg531-gutter) 24px;background:#f8f5fc;border-top:1px solid #e0d8eb;color:#303646;box-sizing:border-box}footer.sg531-footer .sg531-footer-main{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(320px,1.25fr) minmax(240px,.85fr);gap:clamp(24px,4vw,64px);align-items:start}footer.sg531-footer .footer-brand{display:flex;flex-direction:column;align-items:start;gap:12px;min-width:0}footer.sg531-footer .footer-brand img{width:190px;height:70px;object-fit:contain}footer.sg531-footer .footer-brand p{font-size:15px;line-height:1.8;margin:0;max-width:38ch}footer.sg531-footer .footer-brand small{font-size:11px;line-height:1.6}footer.sg531-footer a{color:#514765;line-height:1.6;font-size:14px;text-decoration:none}footer.sg531-footer a:hover{text-decoration:underline}footer.sg531-footer .sg531-footer-menus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}footer.sg531-footer nav{display:flex;flex-direction:column;position:static;padding:0;background:none;border:0;box-shadow:none;width:auto;gap:11px}footer.sg531-footer nav h2{font-size:15px;line-height:1.3;margin:10px 0 8px;color:#3a2b52}footer.sg531-footer [hidden]{display:none!important}footer.sg531-footer .sg531-clevio{display:flex;flex-direction:column;gap:14px;border-left:1px solid #e0d8eb;padding-left:24px}footer.sg531-footer .sg531-clevio>small{font-size:11px;line-height:1.6;color:#625270}footer.sg531-footer .sg531-clevio-logo img{max-width:100%;height:66px;object-fit:contain}footer.sg531-footer .sg531-clevio p{font-size:14px;line-height:1.7;margin:0}footer.sg531-footer .sg531-stores{display:flex;flex-wrap:wrap;gap:10px}footer.sg531-footer .sg531-stores a{display:flex;flex-direction:column;gap:5px;align-items:start;font-size:11px}footer.sg531-footer .sg531-stores img{max-width:140px;height:42px;object-fit:contain}footer.sg531-footer .sg531-footer-bottom{border-top:1px solid #e0d8eb;margin-top:32px;padding-top:22px;display:flex;gap:18px;justify-content:space-between;align-items:flex-start}footer.sg531-footer .sg531-footer-bottom>span{font-size:11px;line-height:1.8}footer.sg531-footer .sg531-legal-links{flex-direction:row;flex-wrap:wrap;gap:8px 16px;max-width:65%;justify-content:flex-end}footer.sg531-footer .sg531-legal-links a{font-size:11px;line-height:1.8}
body.sg-kids-mode footer.sg531-footer{display:none!important}body.sg-kids-mode .sg-kids-home,body.sg-kids-mode #main>.sg-portal-section{width:100%;max-width:none;margin-inline:0}body.sg-kids-mode .sg-kids-home{padding-inline:max(20px,env(safe-area-inset-left))}body.sg-kids-mode .sg-kids-bar strong{max-width:32ch;overflow:hidden;text-overflow:ellipsis}.sg531-legal{padding-block:42px}.sg531-legal-body{max-width:80ch;margin:auto;font-size:17px;line-height:1.9}.sg531-legal-body h2{font-size:23px;margin-top:32px}.sg531-legal-body>h1{font-size:clamp(28px,3.5vw,44px)}.sg531-company-info{padding:20px;border:1px solid #e2d9e9;background:#f9f5fc;border-radius:18px;margin-bottom:28px}.sg531-company-info dl{margin:0;display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px}.sg531-company-info dt{font-weight:700}.sg531-company-info dd{margin:0;overflow-wrap:anywhere}.family-main{max-width:none;width:100%;box-sizing:border-box}
@media(max-width:1100px){footer.sg531-footer .sg531-footer-main{grid-template-columns:minmax(200px,.8fr) minmax(300px,1.2fr)}footer.sg531-footer .sg531-clevio{grid-column:1/-1;display:grid;grid-template-columns:180px 1fr 300px;align-items:center;border-left:0;border-top:1px solid #e0d8eb;padding:24px 0 0}footer.sg531-footer .sg531-clevio>small:first-child{grid-column:1/-1}footer.sg531-footer .sg531-clevio>small:last-child{grid-column:2/-1}}
@media(max-width:760px){footer.sg531-footer .sg531-footer-main{grid-template-columns:1fr}footer.sg531-footer .sg531-clevio{display:flex;border-top:1px solid #e0d8eb;padding-top:24px}footer.sg531-footer .sg531-footer-bottom{display:flex;flex-direction:column;padding-bottom:64px}footer.sg531-footer .sg531-legal-links{max-width:none;justify-content:flex-start}.sg531-company-info dl{grid-template-columns:1fr;gap:4px}.sg531-company-info dd{margin-bottom:10px}}
@media(max-width:430px){.sg531-actions>a{width:100%;text-align:center}footer.sg531-footer .sg531-footer-menus{gap:16px}.sg531-legal-body{font-size:16px}}

footer.sg531-footer [data-clevio-store][aria-disabled=true]{pointer-events:none;cursor:default}

body.sg-family-page #family-main{width:100%;max-width:none;box-sizing:border-box;padding-inline:var(--sg531-gutter)}

/* V5.4.1: loaded in the HTML head, before the child modules. */
body[data-experience=child]>.topline,body[data-experience=child]>header,body[data-experience=child]>footer,body[data-experience=child]>.sg-back-top,body[data-experience=child]>#visiting-friend{display:none!important}
body[data-experience=child]:not(.sg-child-ready){background:#eff9f7;min-height:100dvh}
body[data-experience=child]:not(.sg-child-ready) #main>:not(#sg52-launch),body[data-experience=child]:not(.sg-child-ready)>.sg-kids-bar,body[data-experience=child]:not(.sg-child-ready)>.sg-kids-dock{display:none!important}
body[data-experience=child]:not(.sg-child-ready) #main{display:block!important;overflow:auto;width:100%;margin:0;padding:0;flex:1;min-height:100dvh}
body[data-experience=child]:not(.sg-child-ready)>.sg-family-entry{display:none!important}
body[data-experience=child]:not(.sg-child-ready) #main>#sg52-launch{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:18px;min-height:100dvh;padding:24px;text-align:center;box-sizing:border-box;color:#244638;font-size:20px;line-height:1.5}
body[data-experience=child] #sg52-launch a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;background:white;color:#315891;border:2px solid #a6cbd4;border-radius:18px;padding:10px 22px;text-decoration:none;font-weight:700}
body[data-experience=child][data-child-state=error] #sg52-launch p{max-width:38ch}
/* Focus remains visible on controls. Non-interactive welcome titles have no focus line. */
body[data-experience=child] .sg-kids-welcome h1,body[data-experience=child] .sg-kids-welcome h1:focus,body[data-experience=child] .sg-kids-welcome h1:focus-visible{outline:none!important;border:0;box-shadow:none;text-decoration:none}
body[data-experience=child] .sg-kids-welcome h1::before,body[data-experience=child] .sg-kids-welcome h1::after{content:none}
body[data-experience=child]{--sg541-card-ratio:4824 / 2747}
body[data-experience=child].sg-kids-mode #main>:is(#library,#create,#discover,#puzzles,#characters,#watch,#my-space){box-sizing:border-box;width:100%;max-width:none;margin:0;padding:24px clamp(16px,3vw,40px) 32px}
body[data-experience=child] #main>.sg-portal-section>h2{margin:0 0 18px;line-height:1.25}
body[data-experience=child] #library>label{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 18px;border:2px solid #dcece6;border-radius:18px;background:white;font-size:16px;font-weight:700}
body[data-experience=child] #library>label input{box-sizing:border-box;flex:1 1 220px;min-width:0;min-height:48px;padding:10px 14px;border:1px solid #cbded4;border-radius:12px;font:inherit;font-size:16px;background:#f7fbf7;color:#253b51}
body[data-experience=child] #main .sg-portal-grid,body[data-experience=child] #main .character-grid,body[data-experience=child] #main .coloring-grid,body[data-experience=child] #main .video-grid,body[data-experience=child] .sg52-collection-tiles,body[data-experience=child] .sg-album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px}
body[data-experience=child] .sg541-card-shell{min-width:0;display:flex;flex-direction:column}
body[data-experience=child] .sg541-card{box-sizing:border-box;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:12px;height:100%;padding:16px;background:#fff;color:#253b51;border:2px solid #dcece6;border-radius:24px;box-shadow:0 5px 0 #dcece6;text-align:left;overflow:hidden;font:inherit}
body[data-experience=child] .sg541-card .sg541-media,body[data-experience=child] .sg541-card>img.sg541-media{display:block;position:relative;width:100%;height:auto;min-height:0;max-height:none;flex:none;aspect-ratio:var(--sg541-card-ratio);padding:0;border:0;border-radius:16px;overflow:hidden;background:#f2f7f2;box-shadow:none;transform:none;object-fit:contain}
body[data-experience=child] .sg541-media img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;position:static;transform:none;filter:none}
body[data-experience=child] .sg541-media.book-cover::after,body[data-experience=child] .sg541-media .cover-copy{display:none}
body[data-experience=child] .sg541-card h3,body[data-experience=child] .sg541-card>strong{font-size:20px;line-height:1.35;letter-spacing:normal;margin:0;min-height:2.7em;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body[data-experience=child] .sg541-card>p{font-size:14px;line-height:1.5;margin:0;min-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#536b65}
body[data-experience=child] .sg541-card .book-meta{font-size:13px;margin:0;min-height:20px}
body[data-experience=child] .sg541-card .book-detail{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:auto;font-size:14px}
body[data-experience=child] .sg541-card .book-detail>span{line-height:1.5;min-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body[data-experience=child] .sg541-card .button,body[data-experience=child] .sg541-card .sg541-read{display:flex;align-items:center;justify-content:center;min-height:54px;padding:12px 16px;border:0;border-radius:15px;background:#365e96;color:#fff;font:inherit;font-size:16px;font-weight:800;touch-action:manipulation}
body[data-experience=child] .sg541-card>.button,body[data-experience=child] .sg541-card>button:not(.book-cover){margin-top:auto}
body[data-experience=child] .sg541-card.coloring-card>a[download],body[data-experience=child] .sg541-card.coloring-card>[data-pdf]{display:none}
body[data-experience=child] .sg541-card.sg-character-card{display:flex!important;pointer-events:auto;cursor:pointer;touch-action:manipulation}
body[data-experience=child] .sg541-card.sg-character-card>span:last-child{display:flex;align-items:center;min-height:54px;font-weight:800;color:#365e96;font-size:15px;margin-top:auto}
body[data-experience=child] .sg-character-wrap>.sg-child-world{display:none}
body[data-experience=child] dialog.sg-world{box-sizing:border-box;width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:24px;border:3px solid #fff;border-radius:30px;background:#f1f8ed;color:#253b51;overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 80px #173f4c45}
body[data-experience=child] dialog.sg-world::backdrop{background:#183e5266;backdrop-filter:blur(4px)}
body[data-experience=child] .sg541-world-top{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:22px;align-items:center}
body[data-experience=child] .sg541-world-top>img{width:100%;height:auto;aspect-ratio:var(--sg541-card-ratio);object-fit:contain;border-radius:20px;background:#fff}
body[data-experience=child] .sg541-world-top h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:0 0 8px;overflow-wrap:anywhere}
body[data-experience=child] .sg541-world-top p{font-size:15px;line-height:1.5;margin:0;color:#536b65;max-width:65ch}
body[data-experience=child] .sg541-world-close{align-self:start;min-height:52px;min-width:100px;padding:12px 18px;border:2px solid #d4e4dc;border-radius:16px;background:#fff;color:#253b51;font:inherit;font-weight:800;touch-action:manipulation}
body[data-experience=child] .sg541-world-hint{font-size:18px;font-weight:700;margin:24px 0 16px}
body[data-experience=child] .sg-world .sg-world-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
body[data-experience=child] .sg-world .sg541-world-action{--action-bg:#fff0c5;--action-edge:#e5c76c;display:flex;align-items:center;gap:14px;min-width:0;min-height:116px;padding:18px;border:2px solid var(--action-edge);border-radius:22px;background:var(--action-bg);color:#253b51;text-align:left;font:inherit;box-shadow:0 4px 0 var(--action-edge);touch-action:manipulation;cursor:pointer}
body[data-experience=child] .sg541-world-action[data-activity=audio]{--action-bg:#eee8ff;--action-edge:#c6b5e8}
body[data-experience=child] .sg541-world-action[data-activity=puzzle]{--action-bg:#e3f5fd;--action-edge:#96cada}
body[data-experience=child] .sg541-world-action[data-activity=hidden]{--action-bg:#e4f4df;--action-edge:#aed09b}
body[data-experience=child] .sg541-world-action[data-activity=video]{--action-bg:#ffe8ee;--action-edge:#dfa8bc}
body[data-experience=child] .sg541-world-action[data-activity=coloring]{--action-bg:#ffe7d5;--action-edge:#e9b38f}
body[data-experience=child] .sg541-action-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;font-size:34px;line-height:1}
body[data-experience=child] .sg541-world-action>span:last-child{min-width:0}
body[data-experience=child] .sg541-world-action strong{display:block;font-size:17px;line-height:1.3;overflow-wrap:anywhere}
body[data-experience=child] .sg541-world-action small{display:block;font-size:13px;line-height:1.4;margin-top:7px;overflow-wrap:anywhere}
body[data-experience=child] .sg541-world-action em{display:block;font-size:11px;font-style:normal;margin-top:5px;color:#6b5264}
body[data-experience=child] .sg-world .sg541-world-action:disabled{opacity:.6;box-shadow:none;cursor:default;background:#edf1ed;border-color:#d5ded5}
body[data-experience=child].sg-kids-mode.sg-kids-no-video dialog.sg-world .sg541-world-action[data-video]{display:flex!important}
body[data-experience=child] :is(.sg541-world-action,.sg541-world-close,.sg541-card,#sg52-launch a):focus-visible{outline:3px solid #315891;outline-offset:3px}
@media(hover:hover){body[data-experience=child] .sg541-world-action:not(:disabled):hover{filter:brightness(.97)}}
@media(max-width:900px){body[data-experience=child] #main .sg-portal-grid,body[data-experience=child] #main .character-grid,body[data-experience=child] #main .coloring-grid,body[data-experience=child] #main .video-grid,body[data-experience=child] .sg52-collection-tiles,body[data-experience=child] .sg-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-experience=child] .sg-world .sg-world-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){body[data-experience=child] .sg541-world-top{grid-template-columns:84px minmax(0,1fr);gap:12px}body[data-experience=child] .sg541-world-close{grid-column:1/-1;width:100%}body[data-experience=child] dialog.sg-world{padding:16px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:24px}body[data-experience=child] .sg-world .sg-world-actions{grid-template-columns:1fr}body[data-experience=child] .sg541-card{padding:12px;gap:10px;border-radius:20px}body[data-experience=child] .sg541-card h3,body[data-experience=child] .sg541-card>strong{font-size:17px}}
@media(max-width:380px){body[data-experience=child] #main .sg-portal-grid,body[data-experience=child] .sg52-collection-tiles{grid-template-columns:1fr}}

/* Cascade isolation: legacy .hero and footer>div rules must not affect this layout. */
body:not(.sg-kids-mode) #main.sg50-home>.hero-slider{display:block;grid-template-columns:none;gap:0;align-items:normal}
body footer.sg531-footer>div.sg531-footer-main{display:grid;flex-direction:initial;font-size:inherit;padding-top:0}
body footer.sg531-footer>div.sg531-footer-bottom{display:flex;flex-direction:row;font-size:inherit;padding-top:22px}
@media(max-width:760px){body footer.sg531-footer>div.sg531-footer-bottom{flex-direction:column}}

/* portal-v543.css */
/* V5.4.3 parent-only layout; child interface keeps its V5.4.1/V5.4.2 rules. */
.sg543-premium{--premium-primary:#5736b8;padding-bottom:24px}.sg543-premium .button.primary{background:var(--premium-primary);color:#fff;border:1px solid var(--premium-primary);box-shadow:none;opacity:1;min-height:48px;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.sg543-premium .button.primary:hover{background:#40268c}.sg543-premium .button:focus-visible{outline:3px solid #e6af26;outline-offset:3px}.sg543-free-link{display:inline-block;margin:16px;color:#513589;font-weight:700}.sg543-options{scroll-margin-top:110px;padding-top:24px}.sg543-options h2{font-size:28px;margin:0 0 28px}.sg543-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sg543-plan.commerce-card{position:relative;padding:26px 20px;border:1px solid #dfd7ef;border-radius:22px;box-shadow:0 5px 20px #39256308;display:flex;flex-direction:column;gap:10px;background:#fff}.sg543-plan h2{margin:0;font-size:24px}.sg543-plan p{margin:0;font-size:14px}.sg543-plan .sg543-price{font-size:30px;line-height:1.2;color:#28203d;margin:12px 0 0}.sg543-plan .sg543-monthly{font-size:15px;font-weight:700;color:#57417b}.sg543-plan .button{width:100%;margin-top:auto}.sg543-plan.best,.sg543-plan.selected{border:2px solid #6545bd;padding:25px 19px;box-shadow:0 8px 24px #6b41ad16}.sg543-best{position:absolute;top:-15px;left:20px;background:#6545bd;color:#fff;border-radius:30px;padding:6px 12px;font-size:12px;font-weight:800}.sg543-saving{font-size:12px;line-height:1.5;color:#385b45;min-height:30px}.sg543-test{font-size:12px;color:#7a4b00;background:#fff1c4;align-self:start;padding:4px 10px;border-radius:12px}.sg543-trust{background:#edf6f2;border:1px solid #d2e7dd;padding:16px;border-radius:14px;font-size:14px;line-height:1.7;margin:24px 0 12px}.sg543-premium .commerce-legal details{border-bottom:1px solid #e4dfee;padding:16px 0}.sg543-premium .commerce-legal summary{cursor:pointer;font-weight:700;min-height:28px}.sg543-coming{background:#f3effb;padding:28px;border-radius:22px}.sg543-mobile-join{display:none}
/* Compact catalogue */
body:not(.sg-kids-mode) .sg543-catalog.sg43-section{width:100%;max-width:100%;padding:20px 32px 40px;margin:0;box-sizing:border-box}.sg543-catalog .breadcrumbs{font-size:12px;margin:0 0 6px;line-height:20px}.sg543-catalog .sg43-filters.sg543-filters{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;padding:12px;margin:0;border-radius:14px;box-shadow:none}.sg543-filters .sg543-search{flex:0 1 230px;min-width:160px!important;gap:4px!important;font-size:11px!important}.sg543-catalog .sg543-filters input[type=search]{height:38px;font-size:13px}.sg543-age-chips{display:flex;align-items:center;flex:1;overflow-x:auto;border:0;margin:0;padding:2px;gap:6px;min-width:0;white-space:nowrap}.sg543-catalog .sg543-age-chip{display:block;flex:none;font-size:12px;cursor:pointer;position:relative}.sg543-catalog .sg543-age-chip input{position:absolute;opacity:0;width:1px;height:1px}.sg543-age-chip span{display:block;border:1px solid #dacfe5;border-radius:30px;padding:9px 12px;background:#fff;line-height:18px}.sg543-age-chip input:checked+span{background:#593ca7;color:#fff;border-color:#593ca7}.sg543-age-chip input:focus-visible+span{outline:3px solid #bf87e6;outline-offset:2px}.sg543-more-filters{flex:0 0 auto;position:relative;font-size:13px;align-self:center}.sg543-more-filters summary{cursor:pointer;min-height:38px;display:flex;align-items:center;padding:0 10px;border:1px solid #ded5e9;border-radius:10px}.sg543-more-filters>div{position:absolute;z-index:5;right:0;top:46px;width:300px;box-shadow:0 8px 35px #30204725;background:#fff;border:1px solid #ddd1e7;padding:16px;border-radius:14px;display:grid;gap:12px}.sg543-catalog .sg543-more-filters select{height:42px}.sg543-filter-status{display:flex;align-items:center;gap:12px;margin:10px 0;min-height:22px}.sg543-catalog .sg543-filter-status p[role=status]{margin:0;font-size:13px;flex:0 0 auto}.sg543-active-filters{display:flex;gap:5px;flex-wrap:wrap}.sg543-active-filters a{padding:4px 8px;border-radius:16px;background:#eee7f7;font-size:11px;color:#523379;text-decoration:none}.sg543-catalog .sg43-grid.sg543-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}.sg543-catalog .sg43-card>img{width:100%;height:auto;aspect-ratio:4824/2747;object-fit:contain;background:#faf7f1;display:block}.sg543-catalog .sg43-card{border-radius:18px;transition:box-shadow .15s,border-color .15s,transform .15s;min-width:0}.sg543-catalog .sg43-card:hover{transform:translateY(-3px);box-shadow:0 9px 28px #3c285f18;border-color:#9576c5}.sg543-catalog .sg43-card:focus-visible{outline:3px solid #8060b4;outline-offset:3px}.sg543-catalog .sg43-card>div{padding:14px}.sg543-catalog .sg43-card small{font-size:11px;line-height:1.5}.sg543-catalog .sg43-card h3{font-size:19px;line-height:1.3;margin:10px 0 8px;overflow-wrap:anywhere}.sg543-catalog .sg43-card .sg543-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.55;margin:8px 0 10px}.sg543-catalog .sg543-author{font-size:12px;margin:5px 0;color:#665772}.sg543-catalog .sg543-explore{font-size:12px}.sg543-catalog .sg52-catalog-access{font-size:11px;display:inline-block;padding:4px 8px;margin:4px;border-radius:12px;background:#f3edfb}.sg543-corner-strip{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;background:#f2eff8;padding:12px 16px;font-size:13px}.sg543-corner-strip a{font-weight:700;color:#59369b;text-decoration:none;white-space:nowrap}.sg543-mobile-filter,.sg543-filter-close{display:none}.sg543-catalog .sg43-paging{gap:8px;margin:28px 0 16px}.sg543-catalog .sg43-paging a{display:flex;align-items:center;justify-content:center;min-width:36px;font-size:13px;padding:9px;border-radius:10px;text-decoration:none}.sg543-catalog .sg43-paging [aria-current=page]{background:#593ca7;color:#fff}.sg543-load-more{display:flex!important;margin:0 auto;max-width:240px;justify-content:center}.sg543-empty{padding:36px 24px;text-align:center;background:#f5eff9;border-radius:20px}.sg543-empty h2{font-size:24px}.sg543-catalog[aria-busy=true]{opacity:.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.sg543-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.sg543-catalog .sg43-grid.sg543-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sg543-catalog .sg543-filters{gap:8px}.sg543-age-chip span{font-size:11px}.sg543-catalog .sg543-search{flex-basis:180px}}
@media(max-width:850px){.sg543-catalog .sg43-grid.sg543-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sg543-catalog .sg543-filters{flex-wrap:wrap!important}.sg543-catalog .sg543-age-chips{order:3;flex-basis:100%}.sg543-catalog .sg543-search{flex:1}}
@media(max-width:600px){.sg543-premium{padding-bottom:80px}.sg543-plan-grid{grid-template-columns:1fr;gap:24px}.sg543-plan.commerce-card{padding:24px}.sg543-plan.best{padding:23px}.sg543-mobile-join{display:block;position:fixed;z-index:900;left:0;right:0;bottom:0;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:#fffffff2;border-top:1px solid #ded4ec;backdrop-filter:blur(8px)}.sg543-mobile-join .button{width:100%}.sg543-options{scroll-margin-top:90px}
body:not(.sg-kids-mode) .sg543-catalog.sg43-section{padding:12px 16px 32px}.sg543-catalog .sg43-grid.sg543-catalog-grid{grid-template-columns:1fr;gap:16px}.sg543-catalog .sg43-card h3{font-size:20px}.sg543-corner-strip{padding:10px 12px;font-size:12px;flex-wrap:wrap;gap:4px}.sg543-more-filters>div{position:static;box-shadow:none;width:auto;margin-top:8px}.sg543-catalog-js .sg543-mobile-filter{display:block;min-height:38px;border:1px solid #d9cfe5;background:#fff;color:#513874;border-radius:10px;padding:6px 14px;font:inherit;font-size:13px;cursor:pointer}.sg543-catalog-js .sg543-filter-panel{display:none}.sg543-catalog-js .filters-open .sg543-filter-panel{display:block;position:fixed;inset:auto 0 0;max-height:80dvh;overflow-y:auto;z-index:1800;box-shadow:0 -20px 0 100vmax #24143566;background:#fff;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.sg543-catalog-js .filters-open .sg543-filter-close{display:block;margin-left:auto;margin-bottom:12px;min-height:44px;padding:10px 16px;border:0;border-radius:10px;background:#593ca7;color:#fff;font-weight:700}.sg543-catalog .sg543-filters{flex-direction:column;align-items:stretch!important;padding:12px!important}.sg543-catalog .sg543-filters .sg543-search{flex-basis:auto!important}.sg543-catalog .sg543-age-chips{flex-basis:auto!important;order:0;flex-wrap:wrap;white-space:normal;overflow:visible}.sg543-more-filters{align-self:stretch}.sg543-catalog .sg543-age-chip span{font-size:12px}.sg543-catalog .sg543-filter-status{margin:8px 0 10px}.sg543-catalog .sg43-paging{flex-wrap:wrap}.sg543-catalog .sg43-paging a{min-width:28px}.sg543-catalog-js .filters-open{overscroll-behavior:contain}}
@media(prefers-reduced-motion:reduce){.sg543-catalog .sg43-card{transition:none}.sg543-catalog .sg43-card:hover{transform:none}}
/* Legacy global `header` rules must not size catalogue/premium content headers. */
.sg543-catalog .sg43-filters.sg543-filters{padding:8px 12px}.sg543-catalog .sg543-search{font-size:11px!important;line-height:14px;gap:2px!important}.sg543-catalog .sg543-filters input[type=search]{height:34px}.sg543-catalog .sg543-filter-status{margin:8px 0}body:has(.sg543-catalog)>.topline{height:28px}body:has(.sg543-catalog)>header{height:84px}body:not(.sg-kids-mode) .sg543-catalog.sg43-section{padding-top:16px}
@media(max-width:600px){body:not(.sg-kids-mode) .sg543-catalog.sg43-section{padding-top:12px}}
@media(min-width:601px){body:not(.sg-kids-mode) .sg543-catalog.sg43-section{padding-top:10px}.sg543-catalog .sg543-filter-status{margin:6px 0}}
/* V7.15: free Premium week on the Premium page */
.sg715-trial{margin:18px 0 24px;padding:20px 22px;border-radius:18px;background:linear-gradient(135deg,#fff4e0,#fde8f0);border:1px solid #f3d3b0}
.sg715-trial h2{margin:0 0 6px;font-size:1.35rem}
.sg715-trial p{margin:0 0 14px;max-width:62ch}

/* portal-v55.css */
/* V5.5 — Ana sayfa slider'ı.
   Bu dosya portal sayfalarında en son yüklenir ve slider'ın düzenini baştan tanımlar; eski dosyalardaki
   (v2, site, portal-v42-prep, experience-v52/v531) slider kurallarını bilinçli olarak geçersiz kılar.
   - Bütün slaytlar aynı ızgara hücresinde üst üste durur: slider her ekranda en uzun slayt kadardır,
     slayt değişince yükseklik ve altındaki sayfa zıplamaz.
   - Telefon ve tablette (< 1024 px) yazı her zaman açık zemin üstünde koyu renktir (kontrast ≥ 4,5:1).
   - Masaüstünde (≥ 1024 px) fotoğraflı slaytlar tam genişlik görsel + koyu gölge üstünde beyaz yazıdır. */

html body:not(.sg-kids-mode) #main .hero-slider[data-section]{
  --hero-ink:#25354a;--hero-muted:#46546a;--hero-cream:#fffaf2;--hero-shade:13,36,31;
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;
  position:relative;isolation:isolate;overflow:hidden;
  width:100%;max-width:none;height:auto;min-height:0;max-height:none;
  margin:0;padding:0;border-radius:0;background:var(--hero-cream);gap:0;
}
/* Varsayılan slayt düzeni; karşılama slaytı masaüstünde bunu "grid" yapar. Gizliyken de aynı değer kullanılır. */
html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide{--slide-display:flex}
html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide{
  grid-area:1/1;position:relative;inset:auto;z-index:1;
  display:var(--slide-display);flex-direction:column;
  width:auto;height:auto;min-height:0;max-height:none;margin:0;padding:0;
  overflow:hidden;animation:none;transform:none;
  opacity:1;visibility:visible;transition:opacity .45s ease;
}
/* Gizli slaytlar görünürkenki düzenleriyle (--slide-display) yer kaplamaya devam eder; böylece yükseklik sabit kalır.
   Görünmez ve tıklanamazlar. site.css'teki [hidden]{display:none!important} kuralını burada aşıyoruz. */
html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide[hidden]{
  display:var(--slide-display)!important;opacity:0;visibility:hidden;pointer-events:none;z-index:0;
  transition:opacity .45s ease,visibility 0s linear .45s;
}
@media (prefers-reduced-motion:reduce){
  html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide,
  html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide[hidden]{transition:none}
}

/* Slayt kontrolleri her ekranda slaytların altında, ayrı bir satırda ve ortada. */
html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.slider-controls{
  grid-area:2/1;position:static;inset:auto;transform:none;z-index:2;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;
  width:auto;margin:0;padding:12px 16px 16px;background:var(--hero-cream);
  border-top:1px solid #efe6d6;
}
html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.slider-controls button,
html body:not(.sg-kids-mode) #main .hero-slider[data-section] .slider-dots button{
  min-width:44px;min-height:44px;color:var(--hero-ink);background:#fff;border:1px solid #ded5c4;
  box-shadow:0 2px 8px #3a2c1610;
}
html body:not(.sg-kids-mode) #main .hero-slider[data-section] .slider-dots{display:flex;gap:8px}
html body:not(.sg-kids-mode) #main .hero-slider[data-section] .slider-dots button.selected{background:#ffd56b;border-color:#e9b83c}
html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.scroll-hint{display:none}

/* Ortak yazı alanı */
html body:not(.sg-kids-mode) #main .hero-slider[data-section] .slide-copy{
  position:relative;inset:auto;transform:none;z-index:2;
  width:auto;max-width:none;margin:0;text-shadow:none;
}
html body:not(.sg-kids-mode) #main .hero-slider[data-section] .slide-copy :is(h1,h2){
  margin:12px 0;letter-spacing:-.02em;line-height:1.12;overflow-wrap:break-word;text-shadow:none;
}
html body:not(.sg-kids-mode) #main .hero-slider[data-section] .slide-copy p{margin:0;line-height:1.5}
html body:not(.sg-kids-mode) #main .hero-slider[data-section] .slide-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}

/* Karşılama slaytı (her ekranda açık zemin, koyu yazı) */

html body:not(.sg-kids-mode) #main .hero-slider[data-section] .sg52-hero-steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;font-size:12px}
html body:not(.sg-kids-mode) #main .hero-slider[data-section] .sg52-hero-steps span{padding:7px 10px;border:1px solid #cfc6e6;border-radius:10px;background:#fff;color:var(--hero-ink)}

/* ── Masaüstü ve yatay tablet (≥ 1024 px) ── */
@media (min-width:1024px){
  html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide{min-height:clamp(500px,40vw,600px);justify-content:center}
  html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide:not(.sg52-onboarding)>.slide-background{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  }
  html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide:not(.sg52-onboarding)>.slide-shade{
    display:block;position:absolute;inset:0;z-index:1;
    background:linear-gradient(90deg,rgba(var(--hero-shade),.9) 0%,rgba(var(--hero-shade),.74) 36%,rgba(var(--hero-shade),.2) 66%,rgba(var(--hero-shade),0) 100%);
  }
  html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide:not(.sg52-onboarding) .slide-copy{
    width:min(560px,46%);padding:48px clamp(32px,5vw,72px);color:#fffdf6;background:none;
  }
  html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide:not(.sg52-onboarding) .slide-copy :is(h1,h2){color:#fffdf6;font-size:clamp(38px,4vw,58px)}
  html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide:not(.sg52-onboarding) .slide-copy p{color:#f3efe6}
}

/* ── Telefon ve dikey tablet (< 1024 px): tek sütun, açık zemin, koyu yazı ── */
@media (max-width:1023.98px){
  html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide{background:var(--hero-cream)}
  html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide>.slide-shade{display:none}
  html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide:not(.sg52-onboarding)>.slide-background{
    position:static;inset:auto;display:block;order:0;flex:none;
    width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;z-index:0;
  }
  html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide .slide-copy{
    order:1;flex:1 0 auto;padding:20px 20px 24px;background:var(--hero-cream);color:var(--hero-ink);
  }
  html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide .slide-copy :is(h1,h2){color:var(--hero-ink);font-size:clamp(28px,6.4vw,42px)}
  html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide .slide-copy p{color:var(--hero-muted);font-size:16px}
  html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide .slide-kicker{color:#5b3fa3}
  
}
/* Telefonda (< 700 px) karşılama slaytı kısa kalsın: tablet önizlemesi ve adım etiketleri gizli,
   böylece ana düğme ilk ekranda görünür. Aynı kutucuklara slayttaki düğmelerle ulaşılıyor. */
@media (max-width:699.98px){
  html body:not(.sg-kids-mode) #main .hero-slider[data-section] .sg52-hero-steps{display:none}
  html body:not(.sg-kids-mode) #main .hero-slider[data-section] .slide-actions>:is(a,button){flex:1 1 100%;justify-content:center;text-align:center}
}

/* Üst menüye "Aile Premium" eklendi. 1000–1199 px arasında menü tek satıra sığsın diye aralıklar biraz daraltılır. */
@media (min-width:1000px) and (max-width:1199.98px){
  html body:not(.sg-kids-mode) header{column-gap:12px}
  html body:not(.sg-kids-mode) header #navigation{column-gap:10px}
}

/* portal-v57.css */
/* V5.7 — Workshop setup, child-friendly reader, locked Premium cards, NEW badges. Loaded last. */

/* Reader: one big Listen/Pause button; technical audio controls under the parent gear. */
#reader .sg-narration-reader{padding:12px 16px;margin:0 0 14px}
#reader .sg-narration-reader>small{margin:0 0 8px}
#reader .sg-narration-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
#reader .sg-narration-row p{margin:0;font-size:15px}
#reader .sg-narration-play{min-height:64px;min-width:180px;padding:12px 28px;border:0;border-radius:999px;background:#6540bb;color:#fff;font:inherit;font-size:22px;font-weight:800;letter-spacing:.01em;cursor:pointer;box-shadow:0 6px 18px #6540bb40}
#reader .sg-narration-play[aria-pressed="true"]{background:#244638;box-shadow:0 6px 18px #24463840}
#reader .sg-narration-more{margin-top:10px;border-top:1px dashed #dcd0e9;padding-top:8px}
#reader .sg-narration-more>summary{cursor:pointer;font-size:14px;font-weight:700;color:#5b4a6b;min-height:40px;display:flex;align-items:center;list-style:none}
#reader .sg-narration-more>summary::-webkit-details-marker{display:none}
#reader .sg-narration-more [data-part]{display:block;font-size:13px;margin:8px 0 0;color:#5b4a6b}
@media(max-width:700px){#reader .sg-narration-play{flex:1 1 100%;min-width:0}}
/* Landscape tablets keep picture and text side by side; phones show the picture first. */
@media(min-width:900px) and (orientation:landscape){#reader #spread .page:not(.no-image):not(.no-text):not(.pdf-page){grid-template-columns:minmax(0,1.15fr) minmax(280px,1fr)}#reader #spread .page>img{max-height:58dvh}}
@media(max-width:760px){#reader #spread .page>img{order:-1}}

/* Parent gate without a PIN */
.sg-family-dialog .sg-gate-question{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:800;color:#3d2a5c}
.sg-family-dialog .sg-gate-question input{width:120px;font:inherit;font-size:26px;padding:8px 12px;border:2px solid #dcd0e9;border-radius:12px;text-align:center}
.sg-family-dialog .sg-pin-tip{background:#f3edfb;border-radius:12px;padding:10px 12px}

/* Workshop chips under the welcome heading */
.sg57-kids-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.sg57-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 6px 6px 12px;border-radius:999px;background:#fff;border:1px solid #d9e8d2;font-size:14px;color:#244638;box-shadow:0 2px 8px #24463812}
.sg57-chip button{border:0;border-radius:999px;background:#eaf4e4;color:#244638;font:inherit;font-size:13px;font-weight:700;padding:6px 12px;min-height:32px;cursor:pointer}

/* Age shelves */
.sg57-age-out{display:none!important}
.sg57-more-ages{display:block;margin:14px auto 0;padding:10px 18px;min-height:44px;border:1px dashed #b9a6d6;border-radius:999px;background:#fff;color:#503b63;font:inherit;font-weight:700;font-size:14px;cursor:pointer}

/* Setup dialogs */
.sg57-dialog .sg57-welcome-art{display:block;font-size:44px;line-height:1;margin-bottom:6px}
.sg57-age-choices{border:0;margin:14px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.sg57-age-choices legend{font-weight:800;font-size:15px;margin-bottom:10px;color:#3d2a5c}
.sg-family-dialog .sg57-age-choices label{margin:0;position:relative}
.sg57-age-choices input{position:absolute;opacity:0;pointer-events:none}
.sg57-age-choices span{display:flex;flex-direction:column;gap:2px;padding:12px;border:2px solid #dcd0e9;border-radius:16px;background:#fff;font-size:17px;font-weight:800;color:#3d2a5c;cursor:pointer;min-height:64px;justify-content:center}
.sg57-age-choices small{font-size:12px;font-weight:600;color:#756580}
.sg57-age-choices input:checked+span{border-color:#6540bb;background:#f3edfb;box-shadow:0 0 0 3px #6540bb26}
.sg57-age-choices input:focus-visible+span{outline:3px solid #6540bb;outline-offset:2px}
.sg57-pin{margin:10px 0;border:1px solid #eadff3;border-radius:14px;padding:8px 12px;background:#fff}
.sg57-pin>summary{cursor:pointer;font-weight:800;font-size:14px;min-height:36px;display:flex;align-items:center}
.sg57-guest{background:#fff6dc;border-radius:12px;padding:10px 12px}
.sg57-who{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:12px 0}
.sg-family-dialog .sg57-who-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;min-height:140px;border:2px solid #dcd0e9;border-radius:20px;background:#fff}
.sg57-who-card>span{font-size:48px;line-height:1}
.sg57-who-card>b{font-size:18px;color:#3d2a5c}
.sg57-who-card>small{font-size:12px;color:#756580}
.sg-family-dialog .sg57-who-card.is-current{border-color:#6540bb;background:#f3edfb}

/* Calm Premium locks in the Workshop */
.sg57-locked-card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:20px;background:#f7f4fb;border:1px solid #e7def3;color:#4b3a5e}
.sg57-locked-media{position:relative;aspect-ratio:4824/2747;border-radius:14px;overflow:hidden;background:#ece6f5}
.sg57-locked-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(1.04);opacity:.8}
.sg57-lock{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fffffff0;font-size:18px}
.sg57-locked-card h3{margin:0;font-size:17px;line-height:1.3}
.sg57-locked-open{margin-top:auto;min-height:44px;border:1px solid #d6c8ea;border-radius:12px;background:#fff;color:#503b63;font:inherit;font-weight:700;cursor:pointer}

/* "YENİ / NEW" badge (admin: experience → NewBadgeDays) */
[data-new="true"]{position:relative}
[data-new="true"]::before{content:"YENİ";position:absolute;z-index:3;left:10px;top:10px;padding:4px 10px;border-radius:999px;background:#ff7a59;color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;box-shadow:0 3px 10px #ff7a5955;pointer-events:none}
html[lang="en"] [data-new="true"]::before{content:"NEW"}

/* Home slider, phones: the welcome slide shows its story-world picture on top like the other slides (no empty band below). */
@media (max-width:699.98px){
  html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.sg52-onboarding>.slide-background{
    position:static;inset:auto;display:block;order:-1;flex:none;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;z-index:0;
  }
}

/* Content detail: "What's in this set" */
.sg57-inside{margin:28px 0;padding:24px;border-radius:24px;background:#fbf8ff;border:1px solid #ece4f6}
.sg57-inside h2{margin:0 0 14px;font-size:clamp(22px,2.4vw,28px)}
.sg57-inside-list{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.sg57-inside-list li{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:#fff;border:1px solid #e7def3;font-size:16px}
.sg57-inside-list li>span{font-size:20px}
.sg57-inside-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:16px}
.sg57-inside-meta h3{margin:0 0 4px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#6540bb}
.sg57-inside-meta p{margin:0;font-size:16px;line-height:1.5}
.sg57-inside-preview h3{font-size:16px;margin:8px 0}
.sg57-inside-preview blockquote{margin:0 0 10px;padding:12px 16px;border-left:4px solid #c9b6ea;background:#fff;border-radius:0 12px 12px 0;font-size:17px;line-height:1.6}
.sg57-inside-talk{margin:14px 0 0;padding:12px 16px;border-radius:14px;background:#fff6dc;font-size:16px}
.sg57-open-premium{margin-right:8px}

/* Premium: notify me at launch */
.sg57-notify form{display:grid;gap:10px;max-width:520px;margin:12px 0}
.sg57-notify input[type=email]{min-height:48px;padding:10px 14px;border:1px solid #d9cfe8;border-radius:12px;font:inherit}
.sg57-notify .commerce-checkbox{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5}
.sg57-notify-status{min-height:1.4em;font-weight:600}

/* 7.7: picture cards fill their 4824:2747 box (no beige bands). Coloring line art and transparent characters stay
   whole on a clean background, because cutting their lines would spoil them. */
html body .sg43-card>img,html body .sg543-catalog .sg43-card>img,html body .sg-content-link>img{width:100%;height:auto;aspect-ratio:4824/2747;object-fit:cover;object-position:center;background:#f5f1fc}
html body[data-experience=child] .sg541-card:not(:has(.coloring-image,.character-portrait,.sg-online-card)) .sg541-media img{object-fit:cover}
html body[data-experience=child] .sg541-card .coloring-image img{object-fit:contain;background:#fff}
html body .sg43-card[data-new="true"]::before{left:14px;top:14px}
#reader #reader-original{min-height:44px;padding:8px 14px;border-radius:12px;border:1px solid #d9cfe8;background:#fff;font:inherit;font-weight:700;cursor:pointer}
#reader .reader-download{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:12px;background:#f3edfb;color:#4b2c91;font-weight:700;text-decoration:none}
.book-author{margin:2px 0 6px;font-size:14px;color:#5b5466}.book-author a{color:inherit}
.sg57-author-bio{max-width:720px;font-size:18px;line-height:1.6}
.sg57-sort{display:grid;gap:4px;font-size:14px;font-weight:600}

/* Bölüm 4: trust row, intro video, why cards, family quotes, FAQ */
.sg57-trust{list-style:none;margin:0 auto;padding:14px 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;background:#fffaf2;border-bottom:1px solid #efe6d6;font-size:15px;font-weight:600;color:#25354a}
.sg57-trust li{display:inline-flex;align-items:center;gap:6px}
.sg57-intro-video,.sg57-quotes,.sg57-faq{max-width:1180px;margin:0 auto;padding:clamp(28px,5vw,56px) 16px}
.sg57-video-frame{margin-top:16px;border-radius:20px;overflow:hidden;aspect-ratio:16/9;background:#1d2633;box-shadow:0 12px 40px #1d263333}
.sg57-video-frame video,.sg57-video-frame iframe{width:100%;height:100%;border:0;display:block}
.sg57-video-play{position:relative;display:block;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:#1d2633}
.sg57-video-play img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}
.sg57-video-play span{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#fff;color:#6540bb;font-size:32px;box-shadow:0 8px 24px #0004}
.sg57-quote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:12px}
.sg57-quote-grid figure{margin:0;padding:18px;border-radius:18px;background:#fbf8ff}.sg57-quote-grid blockquote{margin:0 0 8px;font-size:17px;line-height:1.5}.sg57-quote-grid figcaption{font-weight:700;color:#5b4a6b}
.sg57-faq details{border-bottom:1px solid #ece4f6;padding:12px 0}.sg57-faq summary{cursor:pointer;font-weight:700;font-size:17px;min-height:32px}.sg57-faq p{margin:8px 0 0;line-height:1.6;color:#46546a}
@media (max-width:699.98px){
 .sg57-trust{font-size:13px;gap:6px 12px}
}
/* Phone: home in ~4 screens — steps and the collection preview become swipeable rows. */
@media (max-width:699.98px){
 html body:not(.sg-kids-mode) #start-here .sg43-heading{margin-bottom:10px}
 html body:not(.sg-kids-mode) #start-here .sg43-heading p{display:none}
 html body:not(.sg-kids-mode) #start-here,html body:not(.sg-kids-mode) #collections-preview{padding-top:28px;padding-bottom:20px}
}
html body:not(.sg-kids-mode) #main .sg52-corner{width:auto!important;max-width:calc(100% - 32px)!important}
/* Campaign landing pages */
.sg57-campaign{max-width:1180px;margin:0 auto;padding:clamp(28px,5vw,64px) 16px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center}
.sg57-campaign h1{font-size:clamp(32px,4.6vw,54px);line-height:1.1;margin:8px 0 12px}
.sg57-campaign-lead{font-size:19px;line-height:1.55;color:#46546a}
.sg57-campaign-points{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px}
.sg57-campaign-points li{position:relative;padding-left:32px;font-size:17px;line-height:1.5}
.sg57-campaign-points li::before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#e7f5ec;color:#1f7a45;display:grid;place-items:center;font-weight:800;font-size:13px}
.sg57-campaign-cta{min-height:56px;font-size:18px;padding:14px 28px}
.sg57-campaign-media{border-radius:24px;overflow:hidden;aspect-ratio:16/10;background:#f4f1f8}
.sg57-campaign-media>img,.sg57-campaign-media iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}
@media (max-width:860px){.sg57-campaign{grid-template-columns:1fr}.sg57-campaign-media{order:-1}.sg57-campaign-cta{width:100%;justify-content:center;text-align:center}}
/* Blog product boxes (J12) */
.sg57-blog-cta{display:grid;gap:6px;margin:22px 0;padding:18px 20px;border-radius:18px;background:#f3edfb;border:1px solid #e3d6f6}
.sg57-blog-cta b{font-size:18px}.sg57-blog-cta span{color:#46546a}.sg57-blog-cta .button{justify-self:start;margin-top:6px}
.sg57-blog-sets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:16px 0}
html body[data-experience=child] .book-author{display:none}
/* V7.51 "Nasıl çalışır?" films (home widget and Premium page) */
.sg751-how{max-width:1180px;margin:0 auto;padding:clamp(28px,5vw,56px) 16px}
.sg751-how-head{text-align:center;max-width:720px;margin:0 auto 22px}.sg751-how-head .eyebrow{display:block;text-align:center}.sg751-how-head h2{margin:.2em 0 .3em}.sg751-how-head p{color:#5d5670;margin:0}
.sg751-how-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.sg751-film{margin:0;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(60,40,110,.12)}
.sg751-film video{display:block;width:100%;aspect-ratio:16/9;background:#1f1830}
.sg751-film figcaption{display:grid;gap:4px;padding:14px 18px 18px}.sg751-film figcaption b{font-size:1.1rem}.sg751-film figcaption span{color:#5d5670;font-size:.95rem}
@media (max-width:760px){.sg751-how-grid{grid-template-columns:minmax(0,1fr)}}
/* V7.52 "Ebeveyn Kontrollü Ekran" guide link (home trust row and footer) */
.sg752-pce-link{display:inline-flex;align-items:center;gap:.4em;font-weight:700;text-decoration:none}.sg752-pce-link:hover span,.sg752-pce-link:focus-visible span{text-decoration:underline}
.sg752-pce-icon{width:1.35em;height:1.35em;flex:none}
.sg57-trust .sg752-pce-item a{color:inherit}

/* portal-v58.css */
/* V5.8 — collection-first, playful portal (Highlights-like bands, waves, stickers). Loaded last in the portal bundle. */
:root{--sg58-ink:#2a2140;--sg58-muted:#5d5670;--sg58-purple:#6540bb;--sg58-sun:#ffd35c;--sg58-coral:#ff8a5c;--sg58-mint:#2fb784;--sg58-sky:#4fb3ff;--sg58-cream:#fff8ec;--sg58-lilac:#f4eeff;--sg58-font:"Baloo 2","DM Sans",system-ui,sans-serif}
.sg58-journey h2,.sg58-head h2,.sg58-card h3,.sg58-week h2,.sg58-collection h1,.sg58-collection h2,.sg58-character h1,.sg58-character h2,.sg58-premium h1,.sg58-premium h2,.sg58-premium h3{font-family:var(--sg58-font);letter-spacing:-.01em}

/* Wavy band edges */
.sg58-wave-top{position:relative}
.sg58-collections,.sg58-week,.sg58-journey{position:relative}

/* ── Three-step strip (half height, no boxes) ─────────────────────────── */
html body:not(.sg-kids-mode) #main .sg58-journey{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);align-items:center;gap:18px 28px;max-width:1180px;margin:0 auto;padding:22px 20px;background:none;border:0;box-shadow:none;width:auto}
.sg58-steps{list-style:none;margin:0;padding:0;display:flex;gap:10px;align-items:stretch}
.sg58-steps li{flex:1;position:relative}
.sg58-steps li+li::before{content:"";position:absolute;left:-12px;top:50%;width:14px;border-top:3px dotted #d5c7f2}
.sg58-steps a{display:flex;align-items:center;gap:10px;height:100%;padding:10px 12px;border-radius:999px;text-decoration:none;color:var(--sg58-ink);transition:background .2s,transform .2s}
.sg58-steps a:hover{background:#fff;transform:translateY(-2px)}
.sg58-step-icon{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font-size:22px;background:var(--sg58-sun);box-shadow:0 4px 0 #e9b82c;transform:rotate(-6deg)}
.sg58-steps li:nth-child(2) .sg58-step-icon{background:#e8dcff;box-shadow:0 4px 0 #c7b2f2;transform:rotate(5deg)}
.sg58-steps li:nth-child(3) .sg58-step-icon{background:#c9f2df;box-shadow:0 4px 0 #8fd9b7;transform:rotate(-3deg)}
.sg58-steps b{display:block;font-family:var(--sg58-font);font-size:17px;line-height:1.15}
.sg58-steps small{display:block;font-size:13px;color:var(--sg58-muted)}
.sg58-journey-note{position:relative;margin:0;padding:14px 18px;border-radius:22px 22px 22px 6px;background:var(--sg58-lilac);color:var(--sg58-ink);font-size:16px;line-height:1.4;display:flex;gap:10px;align-items:center}
.sg58-journey-note b{color:var(--sg58-purple)}

/* ── Collection cards ─────────────────────────────────────────────────── */
html body:not(.sg-kids-mode) #main .sg58-collections{max-width:none;width:auto;margin:0;padding:clamp(36px,6vw,72px) 16px;background:var(--sg58-lilac) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40V18c120-24 240 22 360 0s240-24 360 0 240 22 360 0 120-10 120-10v32z' fill='%23f4eeff'/%3E%3C/svg%3E") top/100% 40px no-repeat;border:0;border-radius:0;box-shadow:none}
.sg58-collections.is-related{background:none;padding:28px 0}
.sg58-head{max-width:1180px;margin:0 auto 22px;text-align:center}
.sg58-head h2{margin:6px 0 8px;font-size:clamp(28px,4vw,44px);line-height:1.1;color:var(--sg58-ink)}
.sg58-head p{margin:0;color:var(--sg58-muted);font-size:17px}
.sg58-kicker,.sg58-week-kicker{display:inline-block;padding:4px 12px;border-radius:999px;background:#fff;color:var(--sg58-purple);font-weight:800;font-size:13px;letter-spacing:.08em}
.sg58-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.sg58-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:28px;box-shadow:0 10px 30px #3b236c14,0 2px 0 #e8e0f6;overflow:hidden;transition:transform .25s,box-shadow .25s}
.sg58-card:hover{transform:translateY(-4px) rotate(-.3deg);box-shadow:0 16px 36px #3b236c22}
.sg58-card[hidden]{display:none!important}
.sg58-card-art{position:relative;display:grid;place-items:end center;height:210px;overflow:hidden;background:color-mix(in srgb,var(--band) 16%,#fff)}
.sg58-blob{position:absolute;left:50%;bottom:-40px;width:260px;height:220px;transform:translateX(-50%);border-radius:48% 52% 40% 60%/55% 45% 55% 45%;background:color-mix(in srgb,var(--band) 34%,#fff)}
.sg58-card-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .35s}
.sg58-card:hover .sg58-card-art img{transform:scale(1.04)}
.sg58-age{position:absolute;left:-6px;top:16px;z-index:2;padding:6px 14px 6px 18px;background:var(--band,#6540bb);color:#fff;font-weight:800;font-size:14px;border-radius:0 999px 999px 0;box-shadow:0 3px 0 color-mix(in srgb,var(--band) 70%,#000)}
.sg58-badge{position:absolute;right:14px;top:14px;z-index:2;padding:5px 12px;border-radius:999px;font-weight:800;font-size:13px;box-shadow:0 2px 8px #0001}
.sg58-badge.is-premium{background:linear-gradient(135deg,#ffe07a,#ffbe3b);color:#5a3a00}
.sg58-badge.is-free{background:#dff7ec;color:#16734b}
.sg58-card[data-new="true"]::before{left:auto;right:14px;top:50px}
.sg58-card-body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1}
.sg58-card h3{margin:0;font-size:22px;line-height:1.15}.sg58-card h3 a{color:var(--sg58-ink);text-decoration:none}
.sg58-carrier{margin:0;font-size:14px;color:var(--sg58-muted)}.sg58-carrier b{color:var(--sg58-purple)}
.sg58-spot{margin:0;font-size:15px;line-height:1.45;color:#4a4360;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sg58-parts{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.sg58-parts li{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#f6f3fb;font-size:13px;font-weight:700;color:#4a4060}
.sg58-parts li span{font-size:15px}.sg58-parts small{font-weight:600;color:var(--sg58-muted)}
.sg58-domains{margin:0;display:flex;flex-wrap:wrap;gap:6px}
.sg58-domains span{padding:3px 10px;border:1.5px dashed color-mix(in srgb,var(--band,#6540bb) 60%,#fff);border-radius:999px;font-size:12.5px;font-weight:700;color:#4a4060}
.sg58-cta{margin-top:auto;display:flex;justify-content:center;align-items:center;gap:6px;min-height:48px;border-radius:16px;background:var(--sg58-purple);color:#fff;text-decoration:none;font-weight:800;letter-spacing:.04em;box-shadow:0 4px 0 #4a2c93;transition:transform .15s,box-shadow .15s}
.sg58-cta:hover{transform:translateY(-1px)}.sg58-cta:active{transform:translateY(3px);box-shadow:0 1px 0 #4a2c93}
.sg58-more{max-width:1180px;margin:22px auto 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px}
.sg58-all{font-weight:800;color:var(--sg58-purple)}

/* ── Collection of the week ───────────────────────────────────────────── */
html body:not(.sg-kids-mode) #main .sg58-week{max-width:1180px;width:auto;margin:clamp(28px,5vw,56px) auto;padding:clamp(22px,4vw,44px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(18px,4vw,48px);align-items:center;border-radius:40px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--band) 24%,#fff8ec),#fff8ec 65%);border:3px solid #fff;box-shadow:0 18px 50px #3b236c1f}
.sg58-week-sky{position:absolute;inset:0;pointer-events:none;z-index:0}.sg58-week>*:not(.sg58-week-sky){position:relative;z-index:1}
.sg58-week-sky span{position:absolute;color:var(--sg58-sun);font-size:28px;animation:sg58-twinkle 3s ease-in-out infinite}
.sg58-week-sky span:nth-child(1){left:6%;top:10%}.sg58-week-sky span:nth-child(2){left:44%;top:6%;font-size:20px;animation-delay:1s}.sg58-week-sky span:nth-child(3){right:6%;bottom:12%;animation-delay:2s}
@keyframes sg58-twinkle{50%{opacity:.35;transform:scale(.8) rotate(20deg)}}
.sg58-week-art{position:relative;display:grid;place-items:end center;min-height:280px}
.sg58-week-sun{position:absolute;inset:auto 10% 0 10%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--band) 40%,#fff) 0 60%,transparent 61%)}
.sg58-week-art img{position:relative;width:min(100%,420px);aspect-ratio:1;object-fit:cover;border-radius:32px;border:8px solid #fff;box-shadow:0 18px 40px #3b236c2e;transform:rotate(-3deg);animation:sg58-bob 5s ease-in-out infinite}
.sg58-week-art{place-items:center}.sg58-week-sun{inset:8% 4% auto auto;width:62%;aspect-ratio:1}
@keyframes sg58-bob{0%,100%{translate:0 0}50%{translate:0 -8px}}
.sg58-week h2{margin:10px 0 8px;font-size:clamp(30px,4.4vw,52px);line-height:1.05;color:var(--sg58-ink)}
.sg58-week p{font-size:17px;line-height:1.55;color:#4a4360}
.sg58-week-meta{position:relative;display:flex;gap:8px;align-items:center;margin:4px 0 10px}
.sg58-week-meta .sg58-age,.sg58-week-meta .sg58-badge{position:static;border-radius:999px;left:auto;right:auto;top:auto}
.sg58-parts.is-big li{font-size:15px;padding:7px 14px;background:#fff}
.sg58-week-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}

/* ── Collection & character pages ─────────────────────────────────────── */
.sg58-collection,.sg58-character{max-width:1180px;margin:0 auto;padding:18px 16px 40px}
.sg58-collection-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(18px,4vw,48px);align-items:center;padding:clamp(18px,4vw,40px);border-radius:40px;background:linear-gradient(160deg,color-mix(in srgb,var(--band,#6540bb) 18%,#fff8ec),#fff8ec 70%);margin:10px 0 26px}
.sg58-collection-art{position:relative;display:grid;place-items:end center;min-height:300px}
.sg58-collection-art .sg58-blob{bottom:40px;width:min(90%,380px);height:300px}
.sg58-collection-art>img{position:relative;width:min(92%,440px);aspect-ratio:1;object-fit:cover;border-radius:36px;border:8px solid #fff;box-shadow:0 18px 40px #3b236c2e;transform:rotate(-2deg);animation:sg58-bob 6s ease-in-out infinite}
.sg58-parts.is-icons{position:relative;justify-content:center;margin-top:14px;gap:10px}
.sg58-parts.is-icons li{flex-direction:column;gap:2px;padding:10px 12px;min-width:74px;border-radius:18px;background:#fff;box-shadow:0 3px 0 #ebe3f7}
.sg58-parts.is-icons li span{font-size:24px}.sg58-parts.is-icons small{font-size:12px;color:#4a4060;font-weight:700}
.sg58-collection h1,.sg58-character h1{margin:6px 0 6px;font-size:clamp(34px,5vw,58px);line-height:1.02;color:var(--sg58-ink)}
.sg58-lead{font-size:19px;line-height:1.55;color:#4a4360}
.sg58-author{font-size:15px;color:var(--sg58-muted)}
.sg58-hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:14px}
.sg58-big{min-height:56px;padding:14px 28px;font-size:18px;border-radius:18px}
.sg58-free-link{font-weight:700;color:var(--sg58-purple)}
.sg58-note{margin-top:12px;padding:10px 14px;border-radius:14px;background:#fff6dc;font-size:15px}
.sg58-grows{margin:0 0 26px}.sg58-grows h2,.sg58-activities h2,.sg58-intro h2{font-size:clamp(24px,3vw,32px);margin:0 0 12px;color:var(--sg58-ink)}
.sg58-grows>div{display:flex;flex-wrap:wrap;gap:10px}
.sg58-grows span{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#fff;border:2px solid color-mix(in srgb,var(--band,#6540bb) 35%,#fff);font-weight:800;color:#3d3352}
.sg58-grows b{font-size:20px}
.sg58-activity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.sg58-activity{display:flex;flex-direction:column;gap:10px;padding:10px 10px 14px;border-radius:22px;background:#fff;box-shadow:0 6px 20px #3b236c12}
.sg58-activity-art{position:relative;aspect-ratio:4824/2747;border-radius:16px;overflow:hidden;background:#f4f1f8}
.sg58-activity-art img{width:100%;height:100%;object-fit:cover;display:block}
.sg58-activity-kind{position:absolute;left:8px;bottom:8px;padding:4px 10px;border-radius:999px;background:#fffffff0;font-size:12.5px;font-weight:800;color:#3d3352}
.sg58-activity h3{margin:0 4px;font-size:16px;line-height:1.3;font-family:var(--sg58-font);min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sg58-activity-cta{margin:auto 4px 0;display:flex;justify-content:center;align-items:center;min-height:44px;border-radius:14px;background:#efe7fd;color:#4b2c91;font-weight:800;text-decoration:none}
.sg58-activity-cta:hover{background:#e3d6fb}
.sg58-activity.is-locked .sg58-activity-art img{filter:saturate(.5) brightness(1.05)}
.sg58-activity-cta.is-locked{background:#fff3d6;color:#7a5200}
.sg58-lock{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;font-size:16px}
.sg58-intro{margin:30px 0;padding:22px;border-radius:24px;background:#fbf8ff}

/* ── Character parade (big, right to left) ────────────────────────────── */
.sg58-parade{position:relative;height:clamp(150px,20vw,240px);margin:10px 0 0;overflow:hidden;pointer-events:none;background:linear-gradient(transparent 70%,#e9f7ef 70%)}
.sg58-parade img{position:absolute;bottom:6%;left:100%;height:clamp(120px,17vw,210px);width:auto;object-fit:contain;animation:sg58-walk calc(var(--n)*6s) linear infinite;animation-delay:calc(var(--i)*-6s);filter:drop-shadow(0 8px 8px #0002)}
@keyframes sg58-walk{0%{transform:translateX(0) translateY(0)}25%{transform:translateX(-35vw) translateY(-8px)}50%{transform:translateX(-70vw) translateY(0)}75%{transform:translateX(-105vw) translateY(-8px)}100%{transform:translateX(-140vw) translateY(0)}}
.sg58-parade.is-paused img{animation-play-state:paused}
.sg58-parade-toggle{display:block;margin:6px auto 24px;padding:6px 14px;border-radius:999px;border:1px solid #d9cfe8;background:#fff;font:inherit;font-size:13px;cursor:pointer}
@media (prefers-reduced-motion:reduce){.sg58-parade img,.sg58-week-art img,.sg58-collection-art>img,.sg58-week-sky span{animation:none}.sg58-parade img{position:static;display:inline-block;margin:0 8px}.sg58-parade{display:flex;justify-content:center;align-items:flex-end}}

/* ── Header: Collections menu ─────────────────────────────────────────── */
.sg58-nav-collections>div a{display:flex!important;align-items:center;gap:8px}
.sg58-dot{width:12px;height:12px;border-radius:50%;background:var(--band);flex:none}
.sg58-nav-all{font-weight:800}
@media (min-width:1000px){html body:not(.sg-kids-mode) header .sg58-nav-collections:hover>div,html body:not(.sg-kids-mode) header .sg58-nav-collections:focus-within>div{display:grid}}

/* ── Responsive ───────────────────────────────────────────────────────── */
@media (max-width:1023.98px){.sg58-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html body:not(.sg-kids-mode) #main .sg58-journey{grid-template-columns:1fr}}
@media (max-width:820px){html body:not(.sg-kids-mode) #main .sg58-week,.sg58-collection-hero{grid-template-columns:1fr;text-align:left}.sg58-week-art{min-height:220px}.sg58-collection-art{min-height:240px}}
@media (max-width:699.98px){
 .sg58-steps{flex-direction:column;gap:6px}.sg58-steps li+li::before{display:none}.sg58-steps a{padding:6px 4px}
 .sg58-grid{grid-template-columns:1fr}
 .sg58-activity-grid{gap:10px}.sg58-activity h3{font-size:14px}.sg58-activity-cta{font-size:13px;min-height:40px}
 .sg58-parts.is-icons li{min-width:62px;padding:8px}
}

.sg58-nav-collections>summary{list-style:none}.sg58-nav-collections>summary::-webkit-details-marker{display:none}.sg58-nav-collections>summary::after{content:" ▾";font-size:.8em}

/* Workshop: characters walk across a big, full-width stage (not a small fixed box). */
html body.sg-kids-mode .sg-kids-friend-stage{height:clamp(230px,28vw,330px)}
html body.sg-kids-mode .sg-kids-visitor{width:clamp(150px,18vw,230px);right:-260px}
html body.sg-kids-mode .sg-kids-visitor-sprite{width:clamp(140px,17vw,210px);height:clamp(186px,22.5vw,280px)}
html body.sg-kids-mode .sg-kids-visitor.is-crossing{animation:sg58KidsCross 16s linear forwards}
html body.sg-kids-mode .sg-kids-visitor-name{font-size:15px;padding:4px 12px}
@keyframes sg58KidsCross{from{right:-260px}to{right:calc(100% + 40px)}}
@media (prefers-reduced-motion:reduce){html body.sg-kids-mode .sg-kids-visitor.is-crossing{animation:none;right:calc(50% - 90px)}}

/* ── Family Premium page ──────────────────────────────────────────────── */
.sg58-premium{max-width:1180px;margin:0 auto;padding:0 16px 40px}
.sg58-premium-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(18px,4vw,48px);align-items:center;margin:18px 0 30px;padding:clamp(22px,4vw,48px);border-radius:40px;background:linear-gradient(140deg,#efe6ff,#fff3dd 70%);position:relative;overflow:hidden}
.sg58-premium-hero::after{content:"✦  ★  ✦";position:absolute;right:24px;top:16px;color:#ffbe3b;letter-spacing:10px;font-size:22px}
.sg58-premium h1{margin:10px 0 12px;font-size:clamp(34px,5vw,60px);line-height:1.02;color:var(--sg58-ink)}
.sg58-premium-copy>p{font-size:19px;line-height:1.55;color:#4a4360;max-width:560px}
.sg58-stats{list-style:none;margin:18px 0 6px;padding:0;display:flex;gap:12px;flex-wrap:wrap}
.sg58-stats li{display:grid;padding:10px 18px;border-radius:20px;background:#fff;box-shadow:0 4px 0 #e6dcf6;min-width:96px}
.sg58-stats b{font-family:var(--sg58-font);font-size:32px;line-height:1;color:var(--sg58-purple)}.sg58-stats span{font-size:13px;font-weight:700;color:var(--sg58-muted)}
.sg58-stickers{position:relative;min-height:320px}
.sg58-sticker{position:absolute;margin:0;width:62%;padding:8px 8px 10px;background:#fff;border-radius:24px;box-shadow:0 16px 36px #3b236c26;transform:rotate(var(--tilt));border-top:6px solid var(--band)}
.sg58-sticker:nth-child(1){left:0;top:4%}.sg58-sticker:nth-child(2){right:0;top:22%;z-index:2}.sg58-sticker:nth-child(3){left:14%;bottom:0;z-index:3}
.sg58-sticker img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;display:block}
.sg58-sticker figcaption{margin-top:6px;font-weight:800;font-size:14px;text-align:center;color:var(--sg58-ink)}
.sg58-why-premium h2,.sg58-premium-final h2{text-align:center;font-size:clamp(28px,4vw,42px);margin:10px 0 18px;color:var(--sg58-ink)}
.sg58-reasons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sg58-reasons article{padding:22px;border-radius:26px;background:#fff;box-shadow:0 8px 24px #3b236c12}
.sg58-reasons span{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--sg58-lilac);font-size:28px}
.sg58-reasons h3{margin:12px 0 6px;font-size:20px;line-height:1.2}.sg58-reasons p{margin:0;font-size:15px;line-height:1.5;color:#4a4360}
.sg58-premium-picks{margin-top:26px}
.sg58-premium #premium-options{margin-top:30px}
.sg58-premium-final{margin:34px 0 10px;padding:clamp(24px,4vw,44px);border-radius:36px;text-align:center;background:linear-gradient(135deg,#6540bb,#8b62dd);color:#fff}
.sg58-premium-final h2{color:#fff;margin-top:0}.sg58-premium-final p{font-size:18px;opacity:.95}
.sg58-premium-final .sg58-hero-actions{justify-content:center}
.sg58-premium-final .button.primary{background:#ffd35c;color:#3a2a00;box-shadow:0 4px 0 #d9a92a}
@media (max-width:1023.98px){.sg58-reasons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.sg58-premium-hero{grid-template-columns:1fr}.sg58-stickers{min-height:260px}}
@media (max-width:560px){.sg58-reasons{grid-template-columns:1fr}.sg58-sticker{width:70%}}
/* Phone: collections become a swipeable row (with a peek of the next card). */
@media (max-width:699.98px){
 html body:not(.sg-kids-mode) #main .sg58-collections:not(.is-related) .sg58-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:4px 2px 14px;margin:0 -16px;padding-inline:16px}
 html body:not(.sg-kids-mode) #main .sg58-collections:not(.is-related) .sg58-card{flex:0 0 84%;scroll-snap-align:center}
 .sg58-card-art{height:180px}
}
.sg58-parade img:not(.is-cutout){border-radius:26px;border:6px solid #fff;box-shadow:0 10px 24px #3b236c26;rotate:-3deg}
.sg58-parade img:nth-child(even):not(.is-cutout){rotate:3deg}

/* portal-v59.css */
/* V5.9 — calmer collection cards, colored menu, Story Globally TV, Book of the week, Why band, Family Guide, Why page. */

/* ── Collection cards: more air, quieter parts, smaller button ─────────── */
.sg58-grid{gap:30px}
.sg58-card{border-radius:30px}
.sg58-card-art{height:236px}
.sg58-card-body{gap:10px;padding:22px 24px 24px}
.sg58-card h3{font-size:23px}
.sg58-parts{gap:6px 16px;margin-top:6px;padding-top:12px;border-top:1px dashed #e7e0f2}
.sg58-card .sg58-parts li{padding:0;background:none;border-radius:0;font-size:13.5px;font-weight:700;color:#4a4060;gap:6px}
.sg58-card .sg58-parts li span{font-size:16px}
.sg58-card .sg58-domains{gap:4px 14px}
.sg58-card .sg58-domains span{padding:0;border:0;border-radius:0;font-size:13px;font-weight:700;color:color-mix(in srgb,var(--band,#6540bb) 75%,#2a2140)}
.sg58-card .sg58-domains span:nth-child(n+3){display:none}
.sg58-card .sg58-cta{align-self:flex-start;margin-top:auto;min-height:40px;padding:0 18px;border-radius:14px;font-size:13.5px;box-shadow:0 3px 0 #4a2c93}
@media (max-width:699.98px){.sg58-card-body{padding:18px 18px 20px}.sg58-card-art{height:196px}}

/* ── Header: one size, one baseline, a soft color per item ─────────────── */
@media (min-width:981px){
 html body:not(.sg-kids-mode) header #navigation{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
 html body:not(.sg-kids-mode) header #navigation>.sg59-nav,html body:not(.sg-kids-mode) header #navigation>details.sg59-nav>summary{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 14px;border-radius:999px;font-size:15px;font-weight:700;line-height:1;white-space:nowrap;text-decoration:none;color:var(--sg59-ink,#2a2140);background:var(--pill);transition:background .2s,transform .2s;cursor:pointer;box-sizing:border-box}
 html body:not(.sg-kids-mode) header #navigation>details.sg59-nav{padding:0;height:44px;background:none}
 html body:not(.sg-kids-mode) header #navigation>.sg59-nav:hover,html body:not(.sg-kids-mode) header #navigation>details.sg59-nav>summary:hover,html body:not(.sg-kids-mode) header #navigation>details.sg59-nav[open]>summary{background:var(--pill-on);transform:translateY(-1px)}
 html body:not(.sg-kids-mode) header #navigation a.sg-corner-link{height:44px;min-height:44px;padding:0 18px;font-size:15px;border-radius:999px}
 html body:not(.sg-kids-mode) header #navigation>details.sg59-nav>div{top:calc(100% + 8px)}
}
.sg59-nav.is-collections{--pill:#fff1e8;--pill-on:#ffe0cc}
.sg59-nav.is-characters{--pill:#e7f7ef;--pill-on:#cfeedd}
.sg59-nav.is-why{--pill:#e8f3ff;--pill-on:#d2e7ff}
.sg59-nav.is-premium{--pill:#f1eaff;--pill-on:#e2d5ff}
.sg59-nav-icon{font-size:17px;line-height:1}
.sg59-short{display:none}
@media (min-width:981px) and (max-width:1279.98px){.sg59-long{display:none}.sg59-short{display:inline}}
@media (min-width:981px) and (max-width:1099.98px){html body:not(.sg-kids-mode) header #navigation>.sg59-nav,html body:not(.sg-kids-mode) header #navigation>details.sg59-nav>summary{padding:0 11px;font-size:14px}}
@media (max-width:980.98px){
 html body:not(.sg-kids-mode) header #navigation>.sg59-nav,html body:not(.sg-kids-mode) header #navigation>details.sg59-nav>summary{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:18px;background:var(--pill);font-weight:700;text-decoration:none;color:#2a2140}
 html body:not(.sg-kids-mode) header #navigation>details.sg59-nav{background:none;padding:0}
}

/* ── Journey strip: "How it works" link ───────────────────────────────── */
.sg59-how-link{margin-left:auto;flex:none;font-weight:800;color:var(--sg58-purple);text-decoration:none;white-space:nowrap}
.sg59-how-link:hover{text-decoration:underline}
@media (max-width:699.98px){.sg58-journey-note{flex-wrap:wrap}.sg59-how-link{margin-left:34px}}

/* ── Story Globally TV ────────────────────────────────────────────────── */
html body:not(.sg-kids-mode) #main .sg59-tv{position:relative;max-width:1180px;width:auto;margin:clamp(28px,5vw,56px) auto;padding:clamp(22px,4vw,40px);border-radius:40px;color:#fff;overflow:hidden;
 background:radial-gradient(circle at 85% 0%,#4b2f9a 0,transparent 45%),radial-gradient(circle at 0% 100%,#1d5f8f 0,transparent 40%),#181238}
.sg59-tv::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0 2px,transparent 2px 5px)}
.sg59-tv>*{position:relative}
.sg59-tv-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:22px}
.sg59-tv-logo{display:inline-flex;align-items:center;gap:8px;padding:8px 10px 8px 16px;border-radius:16px;background:#fff;color:#181238;font-family:var(--sg58-font);font-size:19px;line-height:1;box-shadow:0 4px 0 #ffd35c}
.sg59-tv-logo i{font-style:normal;padding:5px 9px;border-radius:10px;background:#ff5b5b;color:#fff;font-weight:800;letter-spacing:.06em}
.sg59-tv-copy{flex:1;min-width:220px}
.sg59-tv-copy h2{margin:0;font-family:var(--sg58-font);font-size:clamp(26px,3.4vw,38px);line-height:1.1;color:#fff}
.sg59-tv-copy p{margin:4px 0 0;color:#d9d2f2;font-size:16px}
.sg59-tv-sub{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;background:#ff3d3d;color:#fff;font-weight:800;text-decoration:none;box-shadow:0 4px 0 #b81f1f}
.sg59-tv-sub:hover{transform:translateY(-1px)}
.sg59-tv-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:start}
.sg59-tv-screen{display:block;padding:14px 14px 16px;border-radius:30px;background:#2a2152;box-shadow:inset 0 0 0 3px #3a2f6e,0 18px 40px #0006;text-decoration:none;color:#fff}
.sg59-tv-glass{position:relative;display:block;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#000}
.sg59-tv-glass img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.sg59-tv-screen:hover .sg59-tv-glass img{transform:scale(1.04)}
.sg59-tv-glass::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#0009)}
.sg59-tv-play{position:absolute;left:50%;top:50%;z-index:1;display:grid;place-items:center;width:78px;height:78px;margin:-39px 0 0 -39px;border-radius:50%;background:#ffd35c;color:#2a2140;font-size:30px;padding-left:5px;box-sizing:border-box;box-shadow:0 6px 0 #d9a92a,0 0 0 10px #ffd35c33;transition:transform .2s}
.sg59-tv-screen:hover .sg59-tv-play{transform:scale(1.08)}
.sg59-tv-tags{position:absolute;left:14px;top:14px;z-index:1;display:flex;gap:6px}
.sg59-tv-tags em{font-style:normal;padding:5px 11px;border-radius:999px;background:#ff5b5b;color:#fff;font-weight:800;font-size:12.5px}
.sg59-tv-tags em.is-free{background:#dff7ec;color:#16734b}
.sg59-tv-screen>b{display:block;margin:12px 6px 0;font-family:var(--sg58-font);font-size:22px;line-height:1.2}
.sg59-tv-knobs{display:flex;justify-content:flex-end;gap:8px;margin:-24px 4px 0}
.sg59-tv-knobs i{width:16px;height:16px;border-radius:50%;background:#4a3d8a;box-shadow:inset 0 -3px 0 #2f2560}
.sg59-tv-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:ep}
.sg59-tv-list a{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:center;padding:8px;border-radius:20px;background:#ffffff0f;color:#fff;text-decoration:none;transition:background .2s}
.sg59-tv-list a:hover{background:#ffffff22}
.sg59-tv-thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden}
.sg59-tv-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sg59-tv-thumb span{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffd35c;color:#2a2140;font-size:11px;padding-left:2px;box-sizing:border-box}
.sg59-tv-list a>span:last-child{font-weight:700;font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:860px){.sg59-tv-body{grid-template-columns:1fr}.sg59-tv-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sg59-tv-list a{grid-template-columns:1fr}}
@media (max-width:520px){.sg59-tv-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -8px;padding:0 8px 6px}.sg59-tv-list li{flex:0 0 66%;scroll-snap-align:start}.sg59-tv-play{width:62px;height:62px;margin:-31px 0 0 -31px;font-size:24px}}

/* ── Book of the week: an open book ───────────────────────────────────── */
html body:not(.sg-kids-mode) #main .sg59-book{max-width:1180px;width:auto;margin:clamp(28px,5vw,56px) auto;padding:0 16px}
.sg59-book-spread{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);border-radius:34px;background:#8a5a3c;padding:14px;box-shadow:0 22px 44px #4a2a1433}
.sg59-book-left,.sg59-book-right{position:relative;padding:clamp(22px,4vw,44px)}
.sg59-book-left{display:grid;place-items:center;gap:14px;border-radius:24px 6px 6px 24px;background:linear-gradient(90deg,color-mix(in srgb,var(--band,#6540bb) 22%,#fff8ec),#fff8ec 85%,#ead8c2);box-shadow:inset -18px 0 24px -14px #7a4e2a55}
.sg59-book-right{border-radius:6px 24px 24px 6px;background:linear-gradient(90deg,#ead8c2,#fffaf1 12%) ,#fffaf1;box-shadow:inset 18px 0 24px -14px #7a4e2a55;background-image:linear-gradient(90deg,#ead8c2,#fffaf1 12%),repeating-linear-gradient(transparent 0 31px,#f1e6d6 31px 32px)}
.sg59-book-kicker{justify-self:start;padding:5px 13px;border-radius:999px;background:#fff;color:#8a5a3c;font-weight:800;font-size:13px;letter-spacing:.08em;box-shadow:0 2px 0 #ead8c2}
.sg59-book-cover{margin:0;width:min(100%,300px);transform:perspective(900px) rotateY(10deg) rotate(-2deg);transition:transform .4s}
.sg59-book-spread:hover .sg59-book-cover{transform:perspective(900px) rotateY(2deg) rotate(-1deg)}
.sg59-book-cover img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px 16px 16px 6px;box-shadow:-10px 0 0 -4px #3b2414,0 20px 34px #3b241455;border-left:10px solid color-mix(in srgb,var(--band,#6540bb) 70%,#2a2140)}
.sg59-book-ribbon{position:absolute;right:42px;top:-14px;width:28px;height:88px;background:var(--band,#6540bb);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}
.sg59-book-right h2{margin:6px 0 4px;font-family:var(--sg58-font);font-size:clamp(28px,3.6vw,44px);line-height:1.05;color:#3b2414}
.sg59-book-people{margin:0 0 10px;color:#7a5a44;font-size:15px}.sg59-book-people a{color:inherit;font-weight:700}
.sg59-book-summary{font-size:17px;line-height:31px;color:#4a3426;margin:0 0 14px}
.sg59-book-audio{padding:5px 12px;border-radius:999px;background:#fff;font-weight:800;font-size:13px;color:#4a3426}
.sg59-book-hero{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:8px 14px 8px 8px;border-radius:999px;background:#fff;width:max-content;max-width:100%;box-shadow:0 3px 0 #ead8c2}
.sg59-book-hero img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:color-mix(in srgb,var(--band,#6540bb) 18%,#fff)}
.sg59-book-hero span{display:grid;font-size:13px;color:#7a5a44}.sg59-book-hero b{font-size:17px}.sg59-book-hero a{color:#3b2414;text-decoration:none}
.sg59-book-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.sg59-book-link{font-weight:800;color:#8a5a3c}
@media (max-width:820px){.sg59-book-spread{grid-template-columns:1fr}.sg59-book-left{border-radius:24px 24px 6px 6px;box-shadow:inset 0 -18px 24px -14px #7a4e2a55}.sg59-book-right{border-radius:6px 6px 24px 24px}.sg59-book-cover{width:min(70%,240px)}}

/* ── Why band (slim, one line) ─────────────────────────────────────────── */
html body:not(.sg-kids-mode) #main .sg59-why-band{max-width:1180px;width:auto;margin:clamp(20px,4vw,40px) auto;padding:14px 14px 14px 22px;display:flex;align-items:center;gap:16px;border-radius:999px;background:#e8f3ff;box-shadow:0 4px 0 #cfe4fb}
.sg59-why-band ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px;flex:1}
.sg59-why-band li{display:flex;align-items:center;gap:8px;font-weight:700;color:#1f3a5a;font-size:15px}
.sg59-why-band li span{font-size:19px}
.sg59-why-link{flex:none;padding:11px 20px;border-radius:999px;background:#2f6fd8;color:#fff;font-weight:800;text-decoration:none;box-shadow:0 3px 0 #1f4f9f}
.sg59-why-link:hover{transform:translateY(-1px)}
@media (max-width:820px){html body:not(.sg-kids-mode) #main .sg59-why-band{flex-direction:column;align-items:stretch;border-radius:28px;margin-inline:16px;padding:18px}.sg59-why-band ul{display:grid;grid-template-columns:1fr 1fr}.sg59-why-link{text-align:center}}

/* ── Family Guide: latest posts as a sliding row ──────────────────────── */
html body:not(.sg-kids-mode) #main .sg59-guide{max-width:none;width:auto;margin:clamp(28px,5vw,56px) 0 0;padding:clamp(32px,5vw,60px) 16px;background:#fff6e6}
.sg59-guide-head{max-width:1180px;margin:0 auto 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.sg59-guide-head h2{margin:6px 0 4px;font-family:var(--sg58-font);font-size:clamp(28px,4vw,42px);line-height:1.1;color:var(--sg58-ink)}
.sg59-guide-head p{margin:0;color:var(--sg58-muted);font-size:17px}
.sg59-guide-head .sg58-kicker{background:#ffe2b8;color:#8a4b00}
.sg59-guide-tools{display:flex;align-items:center;gap:10px}
.sg59-arrow{width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--sg58-ink);font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 #f0dcb8}
.sg59-arrow:hover{background:#ffe9c7}
.sg59-guide-row{max-width:1180px;margin:0 auto;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 16px;scrollbar-width:thin}
.sg59-post{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start}
.sg59-post>a{display:flex;flex-direction:column;height:100%;border-radius:26px;background:#fff;overflow:hidden;text-decoration:none;color:var(--sg58-ink);box-shadow:0 8px 22px #8a4b0014;transition:transform .25s,box-shadow .25s}
.sg59-post>a:hover{transform:translateY(-4px);box-shadow:0 14px 30px #8a4b0022}
.sg59-post figure{margin:0;aspect-ratio:16/9;background:#ffe9c7;display:grid;place-items:center;overflow:hidden}
.sg59-post img{width:100%;height:100%;object-fit:cover}
.sg59-post-blank{font-size:48px}
.sg59-post>a>div{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.sg59-post-cat{align-self:flex-start;padding:3px 10px;border-radius:999px;background:#fff1dc;color:#8a4b00;font-weight:800;font-size:12px}
.sg59-post h3{margin:0;font-family:var(--sg58-font);font-size:20px;line-height:1.2}
.sg59-post p{margin:0;font-size:14.5px;line-height:1.5;color:#5d5670;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sg59-post small{margin-top:auto;font-size:13px;color:#8a7f95}.sg59-post small b{color:var(--sg58-purple)}
@media (max-width:1023.98px){.sg59-post{flex-basis:calc((100% - 20px)/2)}}
@media (max-width:699.98px){.sg59-post{flex-basis:82%}.sg59-arrow{display:none}.sg59-guide-row{margin:0 -16px;padding-inline:16px}}

/* ── Collection page: videos are always free ──────────────────────────── */
.sg59-free-tag{position:absolute;right:10px;top:10px;z-index:1;padding:4px 10px;border-radius:999px;background:#dff7ec;color:#16734b;font-weight:800;font-size:12px}

/* ── Why Story Globally page ──────────────────────────────────────────── */
.sg59-whypage{max-width:1180px;margin:0 auto;padding:18px 16px 40px}
.sg59-whypage h1,.sg59-whypage h2,.sg59-whypage h3{font-family:var(--sg58-font);color:var(--sg58-ink);letter-spacing:-.01em}
.sg59-why-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(18px,4vw,48px);align-items:center;padding:clamp(22px,4vw,48px);border-radius:40px;background:linear-gradient(150deg,#e8f3ff,#fff8ec 70%);margin:10px 0 34px}
.sg59-why-hero h1{margin:10px 0;font-size:clamp(34px,5vw,56px);line-height:1.04}
.sg59-why-hero p{font-size:18px;line-height:1.55;color:#4a4360}
.sg59-why-hero .sg58-kicker{color:#2f6fd8}
.sg59-why-friends{position:relative;min-height:300px}
.sg59-why-friends img{position:absolute;bottom:0;width:48%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 14px #0002);animation:sg58-bob 5s ease-in-out infinite;animation-delay:calc(var(--i)*-1.6s)}
.sg59-why-friends img:nth-child(1){left:0;bottom:6%}.sg59-why-friends img:nth-child(2){left:26%;bottom:22%;z-index:2;width:52%}.sg59-why-friends img:nth-child(3){right:0;bottom:2%}
.sg59-reasons>h2,.sg59-how>h2,.sg59-whypage .sg59-faq>h2{text-align:center;font-size:clamp(28px,4vw,42px);margin:0 0 20px}
.sg59-reasons>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sg59-reasons article{padding:24px;border-radius:28px;background:#fff;box-shadow:0 8px 24px #3b236c12}
.sg59-reasons article>span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#e8f3ff;font-size:28px}
.sg59-reasons h3{margin:12px 0 6px;font-size:21px;line-height:1.2}.sg59-reasons p{margin:0;font-size:15.5px;line-height:1.55;color:#4a4360}
.sg59-how{margin:46px 0;scroll-margin-top:110px}
.sg59-how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:step}
.sg59-how li{position:relative;padding:28px 24px 24px;border-radius:28px;background:var(--sg58-lilac);counter-increment:step}
.sg59-how li::before{content:counter(step);position:absolute;right:20px;top:14px;font-family:var(--sg58-font);font-size:46px;font-weight:800;color:#6540bb22}
.sg59-how li>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--sg58-sun);font-size:26px;box-shadow:0 4px 0 #e9b82c}
.sg59-how h3{margin:12px 0 6px;font-size:21px}.sg59-how p{margin:0;font-size:15.5px;line-height:1.55;color:#4a4360}
.sg59-pedagogy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;padding:clamp(22px,4vw,40px);border-radius:36px;background:#fff8ec;margin:0 0 40px}
.sg59-pedagogy h2{margin:0 0 8px;font-size:clamp(26px,3.4vw,36px)}.sg59-pedagogy p{margin:0 0 14px;color:#4a4360;font-size:16.5px;line-height:1.55}
.sg59-bands,.sg59-domains{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.sg59-bands a{display:inline-block;padding:9px 16px;border-radius:999px;background:var(--band);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 3px 0 color-mix(in srgb,var(--band) 70%,#000)}
.sg59-domains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.sg59-domains li{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:18px;background:#fff;font-weight:700;color:var(--sg58-ink)}
.sg59-domains li span{font-size:22px}
.sg59-whypage .sg57-quotes{margin:0 0 40px}
/* FAQ module */
.sg59-faq{max-width:900px;margin:0 auto 40px;scroll-margin-top:110px}
.sg59-faq>.eyebrow{display:block;text-align:center}
.sg59-faq-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 22px}
.sg59-faq-nav a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#fff;color:var(--sg58-ink);font-weight:700;text-decoration:none;box-shadow:0 2px 0 #e6dcf6}
.sg59-faq-nav a:hover{background:var(--sg58-lilac)}
.sg59-faq-group{scroll-margin-top:110px;margin:0 0 22px}
.sg59-faq-group h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:22px}
.sg59-faq-more{display:inline-block;margin-top:14px;font-weight:800;color:var(--sg58-purple)}
@media (max-width:1023.98px){.sg59-reasons>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.sg59-why-hero,.sg59-pedagogy{grid-template-columns:1fr}.sg59-why-friends{min-height:220px}.sg59-how ol{grid-template-columns:1fr}}
@media (max-width:560px){.sg59-reasons>div{grid-template-columns:1fr}.sg59-domains{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.sg59-why-friends img,.sg59-book-cover,.sg59-tv-glass img{animation:none;transition:none}}

/* Home showcases stay centered cards: beats the V5.3.1 full-bleed rule for #main.sg50-home>section. */
html body:not(.sg-kids-mode) #main.sg50-home>section.sg58-week:not([data-section=hero]):not([data-section=motion]),
html body:not(.sg-kids-mode) #main.sg50-home>section.sg59-tv:not([data-section=hero]):not([data-section=motion]),
html body:not(.sg-kids-mode) #main.sg50-home>section.sg59-why-band:not([data-section=hero]):not([data-section=motion]),
html body:not(.sg-kids-mode) #main.sg50-home>section.sg59-book:not([data-section=hero]):not([data-section=motion]){width:calc(100% - 32px);max-width:1180px;margin:clamp(28px,5vw,56px) auto}
html body:not(.sg-kids-mode) #main.sg50-home>section.sg58-week:not([data-section=hero]):not([data-section=motion]){padding:clamp(22px,4vw,44px);border-radius:40px}
html body:not(.sg-kids-mode) #main.sg50-home>section.sg59-tv:not([data-section=hero]):not([data-section=motion]){padding:clamp(22px,4vw,40px);border-radius:40px}
html body:not(.sg-kids-mode) #main.sg50-home>section.sg59-book:not([data-section=hero]):not([data-section=motion]){padding:0;border-radius:0;background:none}
html body:not(.sg-kids-mode) #main.sg50-home>section.sg59-why-band:not([data-section=hero]):not([data-section=motion]){margin-block:clamp(16px,3vw,32px);padding:14px 14px 14px 22px;border-radius:999px}
@media (max-width:820px){html body:not(.sg-kids-mode) #main.sg50-home>section.sg59-why-band:not([data-section=hero]):not([data-section=motion]){border-radius:28px;padding:18px}}
@media (max-width:820px){.sg59-book-cover{width:min(52%,200px)}.sg59-book-ribbon{right:24px;height:64px}}
@media (max-width:520px){.sg59-tv-knobs{display:none}.sg59-tv-screen>b{font-size:19px}}
@media (max-width:980.98px){html body:not(.sg-kids-mode) header #navigation>details.sg59-nav{width:100%}html body:not(.sg-kids-mode) header #navigation>details.sg59-nav>summary{width:100%;box-sizing:border-box}}

/* portal-v60.css */
/* V6.0 — family guide on the collection page. */
.sg60-guide{margin:34px 0;padding:clamp(20px,4vw,40px);border-radius:36px;background:#f6faf7;border:1px solid #dbe9e0}
.sg60-guide h2,.sg60-guide h3,.sg60-guide h4{font-family:var(--sg58-font);color:#23404a;letter-spacing:-.01em}
.sg60-guide-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px}
.sg60-guide-head h2{margin:8px 0 2px;font-size:clamp(28px,4vw,40px);line-height:1.1}
.sg60-guide-head .sg58-kicker{background:#dcefe4;color:#1f6a48}
.sg60-sub{margin:0;color:#56707a;font-size:16px}
.sg60-pdf{white-space:normal;text-align:center}
.sg60-intro p{font-size:17px;line-height:1.6;color:#2f4650;margin:0 0 10px}
.sg60-focus{list-style:none;margin:6px 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sg60-focus li{padding:7px 14px;border-radius:999px;background:#fff;border:1px solid #cfe3d7;font-weight:700;font-size:14.5px;color:#23404a}
.sg60-small{font-size:13.5px;color:#617a83;margin:4px 0 14px}
.sg60-steps{display:grid;gap:10px;margin:16px 0 26px}
.sg60-step{border-radius:20px;background:#fff;border:1px solid #e1ece5}
.sg60-step summary{cursor:pointer;padding:14px 18px;font-weight:800;color:#23404a;font-size:16.5px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.sg60-step summary::-webkit-details-marker{display:none}
.sg60-step summary::after{content:"+";font-size:20px;line-height:1;color:#2f8f62}
.sg60-step[open] summary::after{content:"–"}
.sg60-step p{margin:0;padding:0 18px 16px;font-size:16px;line-height:1.6;color:#2f4650}
.sg60-h3{margin:22px 0 2px;font-size:clamp(22px,3vw,28px)}
.sg60-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sg60-card{position:relative;padding:20px 20px 18px;border-radius:24px;border:1px solid #dfe6e3;background:var(--fill)}
.sg60-card:nth-child(1){--fill:#ebf3ec}.sg60-card:nth-child(2){--fill:#fff3df}.sg60-card:nth-child(3){--fill:#ebf0f8}.sg60-card:nth-child(4){--fill:#f8ecee}
.sg60-num{position:absolute;right:16px;top:12px;font-family:var(--sg58-font);font-size:34px;font-weight:800;color:#23404a22}
.sg60-card h4{margin:0 34px 10px 0;font-size:20px;line-height:1.2}
.sg60-card p{margin:0 0 8px;font-size:15.5px;line-height:1.5;color:#2f4650}
.sg60-card .sg60-q{font-size:17px}
.sg60-note{color:#46606a!important}
.sg60-ideas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sg60-ideas article{padding:20px;border-radius:24px;background:#fff;border:1px solid #dbe9e0}
.sg60-ideas h4{margin:0 0 8px;font-size:19px}.sg60-ideas p{margin:0 0 8px;font-size:15.5px;line-height:1.55;color:#2f4650}
.sg60-basis{margin-top:22px;padding:12px 16px;border-radius:18px;background:#fff;border:1px dashed #cfe3d7;font-size:14px;color:#46606a}
.sg60-basis summary{cursor:pointer;font-weight:800;color:#23404a}
.sg60-basis p{margin:8px 0}.sg60-basis ul{margin:8px 0 0;padding-left:18px}.sg60-basis li{margin:4px 0}
.sg60-locked{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding:16px 18px;border-radius:20px;background:#fff;border:1px solid #e6dcf6}
.sg60-locked p{flex:1;min-width:220px;margin:0;font-weight:700;color:#3b2f5c}.sg60-locked span{font-size:22px}
@media (max-width:699.98px){
 .sg60-guide{border-radius:28px;padding:20px 16px}
 .sg60-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:4px 16px 12px}
 .sg60-card{flex:0 0 84%;scroll-snap-align:center}
 .sg60-ideas{grid-template-columns:1fr}
 .sg60-pdf{width:100%}
}
@media print{.sg60-guide{border:0;background:none}.sg60-cards{display:grid!important}.sg60-step{break-inside:avoid}}

/* portal-v61.css */
/* V6.1 — menu colors chosen in Admin → Menüler (c-*), same look as the V5.9 pills. */
.sg59-nav.c-orange{--pill:#fff1e8;--pill-on:#ffe0cc}
.sg59-nav.c-green{--pill:#e7f7ef;--pill-on:#cfeedd}
.sg59-nav.c-blue{--pill:#e8f3ff;--pill-on:#d2e7ff}
.sg59-nav.c-purple{--pill:#f1eaff;--pill-on:#e2d5ff}
.sg59-nav.c-pink{--pill:#ffeaf1;--pill-on:#ffd5e3}
.sg59-nav.c-yellow{--pill:#fff6d6;--pill-on:#ffec9e}
.sg59-nav:not([class*=" c-"]){--pill:transparent;--pill-on:#f2eff8}

/* V6.1 — wide dropdown with small icons, opening right under its menu item. */
@media (min-width:981px){
 html body:not(.sg-kids-mode) header #navigation>details.sg58-nav-collections{position:relative}
 html body:not(.sg-kids-mode) header #navigation>details.sg58-nav-collections>div.sg61-mega{position:absolute;left:-8px;right:auto;top:calc(100% + 12px);transform:none;width:max-content;min-width:340px;max-width:min(560px,90vw);padding:14px;border-radius:24px;background:#fff;box-shadow:0 18px 50px #2a214033,0 2px 0 #eee7f8;border:1px solid #efe9f7;display:none;gap:10px;z-index:50}
 html body:not(.sg-kids-mode) header #navigation>details.sg58-nav-collections[open]>div.sg61-mega{display:grid}
 html body:not(.sg-kids-mode) header #navigation>details.sg58-nav-collections>div.sg61-mega::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
 html body:not(.sg-kids-mode) header #navigation>details.sg58-nav-collections>div.sg61-mega::after{content:"";position:absolute;left:34px;top:-7px;width:14px;height:14px;background:#fff;border-left:1px solid #efe9f7;border-top:1px solid #efe9f7;transform:rotate(45deg)}
}
.sg61-mega-grid{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:6px}
#navigation .sg61-mega a.sg61-mega-item{display:flex!important;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;text-decoration:none;color:#2a2140;background:#fff;transition:background .15s,transform .15s;white-space:normal}
#navigation .sg61-mega a.sg61-mega-item:hover,#navigation .sg61-mega a.sg61-mega-item:focus-visible{background:color-mix(in srgb,var(--band,#6540bb) 12%,#fff);transform:translateY(-1px)}
.sg61-mega-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;font-size:20px;background:color-mix(in srgb,var(--band,#6540bb) 18%,#fff);box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--band,#6540bb) 30%,#fff)}
.sg61-mega-item b{display:block;font-size:15px;font-weight:800;line-height:1.15}
.sg61-mega-item small{display:block;margin-top:2px;font-size:12.5px;font-weight:600;color:#6c6480}
#navigation .sg61-mega a.sg61-mega-all{display:flex!important;justify-content:space-between;align-items:center;padding:11px 14px;border-radius:14px;background:#f4eeff;color:#6540bb;font-weight:800;text-decoration:none}
#navigation .sg61-mega a.sg61-mega-all:hover{background:#e9defe}
@media (max-width:980.98px){
 html body:not(.sg-kids-mode) header #navigation>details.sg58-nav-collections>div.sg61-mega{position:static;display:grid;gap:8px;padding:8px 4px 4px;box-shadow:none;border:0;min-width:0;width:auto}
 html body:not(.sg-kids-mode) header #navigation>details.sg58-nav-collections:not([open])>div.sg61-mega{display:none}
 .sg61-mega-grid{grid-template-columns:1fr}
}

/* V6.1 — catalog pages: filter card right under the breadcrumb; extra filters open inside the card. */
html body:not(.sg-kids-mode) .sg543-catalog>.breadcrumbs{margin-bottom:12px}
html body:not(.sg-kids-mode) .sg543-catalog .sg43-filters.sg61-filter{display:flex;flex-wrap:wrap!important;align-items:center;gap:10px 12px;padding:12px 14px;margin:0;border-radius:26px;background:#fff;border:1px solid #ece6f5;box-shadow:0 10px 28px #3b236c12}
.sg61-filter .sg543-search{flex:0 1 280px!important;min-width:180px!important;margin:0}
.sg61-filter .sg543-search input[type=search]{width:100%;height:44px!important;padding:0 16px 0 42px;border-radius:999px;border:1.5px solid #e4dcf1;background:#faf8fe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%236540bb' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='m13 13 4 4'/%3E%3C/svg%3E") no-repeat 15px center;font-size:15px!important;box-sizing:border-box}
.sg61-filter .sg543-search input[type=search]:focus{outline:none;border-color:#6540bb;background-color:#fff}
.sg61-filter .sg543-age-chips{order:0!important;flex:1 1 auto!important;flex-basis:auto!important;gap:8px;padding:2px}
.sg61-filter .sg543-age-chip span{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1.5px solid #e9e2f4;background:#fff;font-size:14px!important;font-weight:700;color:#3b2f5c;transition:background .15s,border-color .15s,transform .15s}
.sg61-filter .sg543-age-chip span:hover{border-color:var(--band);transform:translateY(-1px)}
.sg61-filter .sg543-age-chip span i{width:10px;height:10px;border-radius:50%;background:var(--band);flex:none}
.sg61-filter .sg543-age-chip input:checked+span{background:var(--band);border-color:var(--band);color:#fff;box-shadow:0 4px 0 color-mix(in srgb,var(--band) 70%,#000)}
.sg61-filter .sg543-age-chip input:checked+span i{background:#fff}
.sg61-filter .sg57-sort{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin:0;font-size:13px;font-weight:700;color:#6c6480}
.sg61-filter .sg57-sort select{width:auto;min-width:150px;height:44px;padding:0 36px 0 14px;border-radius:999px;border:1.5px solid #e4dcf1;background-color:#faf8fe;font-size:14px;font-weight:700;color:#3b2f5c}
.sg61-filter .sg543-more-filters{flex:0 0 auto;position:static}
.sg61-filter .sg543-more-filters summary{min-height:44px;padding:0 16px;border-radius:999px;border:1.5px dashed #d6caeb;font-weight:700;color:#6540bb;list-style:none;gap:6px}
.sg61-filter .sg543-more-filters summary::-webkit-details-marker{display:none}
.sg61-filter .sg543-more-filters summary::before{content:"⚙️";font-size:14px}
.sg61-filter .sg543-more-filters[open]{flex-basis:100%;order:10;display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding-top:12px;border-top:1px dashed #ece6f5}
.sg61-filter .sg543-more-filters[open] summary{border-style:solid;background:#f4eeff}
.sg61-filter .sg543-more-filters>div{position:static!important;display:flex!important;flex-wrap:wrap;gap:12px;width:auto!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important}
.sg61-filter .sg543-more-filters>div label{display:grid;gap:4px;font-size:12.5px;font-weight:700;color:#6c6480}
.sg61-filter .sg543-more-filters>div select{min-width:200px;height:44px;border-radius:999px;border:1.5px solid #e4dcf1;padding:0 14px;background:#faf8fe;font-weight:700;color:#3b2f5c}
.sg543-catalog .sg543-filter-status{margin:14px 2px 10px}
@media (max-width:760px){
 .sg61-filter .sg543-search{flex:1 1 100%!important}
 .sg61-filter .sg543-age-chips{flex-basis:100%!important;overflow-x:auto;flex-wrap:nowrap}
}
html body .sg543-catalog .sg61-filter .sg543-age-chips{flex:0 1 auto!important}
html body .sg543-catalog .sg61-filter .sg57-sort{display:flex!important;margin-left:auto;font-size:0}
html body .sg543-catalog .sg61-filter .sg57-sort select{font-size:14px;min-width:160px}
html body .sg543-catalog .sg61-filter .sg543-search{flex:0 1 250px!important}
.sg61-filter .sg543-age-chip b{font-weight:800}
.sg61-filter .sg543-age-chip small{font-weight:600;font-size:12px;opacity:.7}
@media (max-width:1399.98px){.sg61-filter .sg543-age-chip small{display:none}}
@media (max-width:760px){
 html body .sg543-catalog .sg61-filter{align-content:flex-start;align-items:flex-start;border:0;box-shadow:none;padding:4px 0}
 html body .sg543-catalog .sg61-filter .sg543-age-chips{flex-wrap:wrap!important;overflow:visible}
 html body .sg543-catalog .sg61-filter .sg57-sort{margin-left:0;flex:1 1 100%}
 html body .sg543-catalog .sg61-filter .sg57-sort select{width:100%}
 html body .sg543-catalog .sg61-filter .sg543-more-filters summary{width:100%;justify-content:center}
 .sg543-catalog-js .sg543-mobile-filter{display:inline-flex!important;align-items:center;gap:8px;min-height:44px!important;padding:0 18px!important;border-radius:999px!important;border:1.5px solid #d6caeb!important;background:#f4eeff!important;color:#6540bb!important;font-weight:800!important}
 .sg543-catalog-js .sg543-mobile-filter::before{content:"⚙️"}
}
@media (max-width:760px){html body .sg543-catalog .sg61-filter .sg543-search,html body .sg543-catalog .sg61-filter .sg543-age-chips,html body .sg543-catalog .sg61-filter .sg57-sort,html body .sg543-catalog .sg61-filter .sg543-more-filters{flex:0 0 auto!important;width:100%}}

/* V6.1 — "Pedagojik yaklaşımımız" (CMS page with its own .sg-ped styles): calmer type in the site's style,
   justified text, smaller centred diagrams, a real bibliography. Stronger selectors override the page's inline <style>. */
html body .simple-page:has(.sg-ped){max-width:920px;margin-inline:auto}
html body .simple-page:has(.sg-ped) h1{font-family:var(--sg58-font);font-size:clamp(28px,4vw,38px);line-height:1.15;color:#214c49;margin:8px 0 18px}
html body main .sg-ped{font-family:inherit;font-size:16.5px;line-height:1.75;max-width:none;padding:0 0 30px;color:#2c4448}
html body main .sg-ped p{max-width:none;margin:0 0 16px;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
html body main .sg-ped h2{font-family:var(--sg58-font);font-size:23px;line-height:1.3;margin:40px 0 14px;padding-top:18px;color:#214c49}
html body main .sg-ped h3{font-family:var(--sg58-font);font-size:18.5px;line-height:1.35;margin:26px 0 10px;color:#2f5a55}
html body main .sg-ped ul{max-width:none;padding-left:22px}
html body main .sg-ped li{margin:6px 0;text-align:justify}
html body main .sg-ped-hero{padding:22px 26px;border-radius:22px;margin:0 0 14px}
html body main .sg-ped-hero strong{font-size:12px;letter-spacing:.12em;color:#246b67}
html body main .sg-ped-hero p{font-family:var(--sg58-font);font-size:21px;line-height:1.4;margin:8px 0 0;text-align:left}
html body main .sg-ped-meta{font-size:13px;margin:6px 0 20px}
html body main .sg-ped-toc{padding:18px 22px;border-radius:18px}
html body main .sg-ped-toc li{font-size:14.5px;margin:5px 0;text-align:left}
html body main .sg-ped-toc strong{font-size:14px}
/* Diagrams: smaller and centred, with their caption right below. */
html body main .sg-ped-figure{max-width:620px;margin:22px auto 8px;padding:8px;border-radius:16px}
html body main .sg-ped-figure img{min-width:0!important;width:100%;height:auto;border-radius:10px}
html body main .sg-ped-figure+p{max-width:620px;margin:0 auto 22px;font-size:13.5px;line-height:1.6;color:#5d6f6c}
html body main .sg-ped-table{margin:20px 0 24px}
html body main .sg-ped table{font-size:14px;line-height:1.55;min-width:560px}
html body main .sg-ped td,html body main .sg-ped th{padding:11px 13px}
html body main .sg-ped-faq{padding:14px 18px;margin:10px 0}
html body main .sg-ped-faq p{font-size:15.5px}
/* Bibliography: small numbers, hanging layout, quiet links. */
html body main .sg-ped-ref{grid-template-columns:2.2em 1fr;gap:0 6px;padding:9px 0;border-bottom:1px dotted #d9e2dc;font-size:14px;line-height:1.55}
html body main .sg-ped-ref-number{font-size:13.5px;font-weight:700;color:#7a8b87;padding-top:1px}
html body main .sg-ped-ref-number::after{content:"."}
html body main .sg-ped-ref p{margin:0;text-align:left;font-size:14px}
html body main .sg-ped-ref a{font-size:12.5px;color:#246b67;text-decoration:none;word-break:break-word}
html body main .sg-ped-ref a:hover{text-decoration:underline}
html body main .sg-ped-ref small{display:inline;margin:0 0 0 6px;font-size:12px;color:#7a8b87}
html body main .sg-ped-ref small::before{content:"· "}
@media (max-width:650px){
 html body main .sg-ped{font-size:16px}
 html body main .sg-ped h2{font-size:21px}
 html body main .sg-ped-hero p{font-size:19px}
 html body main .sg-ped-figure{overflow:visible}
 html body main .sg-ped-ref small{display:block;margin:2px 0 0}
 html body main .sg-ped-ref small::before{content:""}
}
html body main .sg-ped-toc ol{list-style:none;padding-left:0}

/* portal-v62.css */
/* V6.2 — the story is its PDF: one page fitted to the reader, no scrolling, gentle page turn. */
html body #reader #spread .page.pdf-page{display:flex!important;align-items:center;justify-content:center;overflow:hidden!important;padding:6px!important;background:transparent!important;box-shadow:none!important;grid-template-columns:none!important;min-height:0}
html body #reader #spread .page.pdf-page canvas{display:block;max-width:100%;border-radius:14px;box-shadow:0 14px 36px #2a214033,0 2px 0 #e9e3f2;background:#fff;animation:sg62-turn .35s ease}
html body #reader #spread .page.pdf-page .page-num{display:none}
@keyframes sg62-turn{from{opacity:.25;transform:translateX(18px) scale(.985)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html body #reader #spread .page.pdf-page canvas{animation:none}}
#reader .reader-download{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid #e4dcf1;color:#6540bb;font-weight:800;text-decoration:none;font-size:13px}
#reader .reader-download[hidden]{display:none!important}

/* V6.2 — taller hero slider on desktop (pictures were cropped too much). */
@media (min-width:1000px){
 html body:not(.sg-kids-mode)[data-experience=parent] #main .hero-slider[data-section]>.hero-slide{min-height:clamp(600px,46vw,780px)}
}

/* V6.2 — Characters and Collections lists use the Premium page's side spacing (~2.6vw) and the full width. */
html body:not(.sg-kids-mode) #main .sg543-catalog{max-width:none!important;width:auto!important;padding-inline:max(16px,2.6vw)!important;box-sizing:border-box}
html body:not(.sg-kids-mode) #main .sg543-catalog .sg543-catalog-grid{max-width:none!important;width:auto!important;margin:0!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:28px}
/* Character pictures are square drawings: show more of them, focused on the face. */
html body:not(.sg-kids-mode) #main .sg543-catalog .sg43-card img{aspect-ratio:1/0.92;height:auto!important;object-fit:cover;object-position:50% 22%}
/* Collection cards: a little more room inside. */
html body:not(.sg-kids-mode) #main .sg543-catalog .sg58-card .sg58-card-art{height:250px}
@media (max-width:699.98px){html body:not(.sg-kids-mode) #main .sg543-catalog .sg543-catalog-grid{grid-template-columns:1fr;gap:18px}}

/* portal-v63.css */
/* V6.3 — the first ("onboarding") slide is a normal picture slide; its step chips stay readable on the picture. */
html body .hero-slider .hero-slide.is-onboarding .sg52-hero-steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
html body .hero-slider .hero-slide.is-onboarding .sg52-hero-steps span{padding:7px 12px;border-radius:999px;background:#ffffffe0;color:#2a2140;font-size:13px;font-weight:700}
@media (max-width:699.98px){html body .hero-slider .hero-slide.is-onboarding .sg52-hero-steps{display:none}}

/* portal-v64.css */
/* V6.4 — PDF books: a slim reader frame so the page gets almost the whole screen. */
html body dialog#reader.is-pdf{width:min(1720px,99vw);max-width:99vw;height:98dvh;max-height:98dvh;padding:8px 14px 8px;overflow:hidden}
html body dialog#reader.is-pdf[open]{display:flex;flex-direction:column}
html body dialog#reader.is-pdf:fullscreen{width:100vw;height:100dvh;max-width:none;max-height:none;padding:6px 12px}
html body #reader.is-pdf .reader-header{min-height:0;padding:0 0 6px;flex:0 0 auto}
html body #reader.is-pdf .reader-header small{display:none}
html body #reader.is-pdf .reader-header h3{font-size:clamp(16px,1.4vw,20px);margin:0}
html body #reader.is-pdf .reader-header button,html body #reader.is-pdf .reader-header .reader-download{min-width:40px;min-height:40px;padding:6px 10px;font-size:16px;border-radius:12px}
html body #reader.is-pdf #spread{flex:1 1 auto;min-height:0}
html body #reader.is-pdf #spread .page.pdf-page{padding:2px!important;height:100%}
html body #reader.is-pdf .reader-controls{flex:0 0 auto;margin-top:6px;gap:12px;flex-wrap:nowrap}
html body #reader.is-pdf .reader-controls>div{display:flex;align-items:center;gap:10px;min-width:180px}
html body #reader.is-pdf .reader-controls>div input[type=range]{min-height:28px;width:160px}
html body #reader.is-pdf .reader-controls button{min-height:40px;min-width:0;padding:6px 16px}
html body #reader.is-pdf .reader-tip{display:none}
html body #reader.is-pdf .sg-narration-reader{flex:0 0 auto;margin:0 0 6px}
/* The frame hugs the page: no empty cream bands beside the book on wide screens. */
html body dialog#reader.is-pdf{width:fit-content;min-width:min(660px,99vw)}
html body #reader.is-pdf #spread .page.pdf-page{height:auto}

/* workshop-v66.css */
/* V6.6 Atölye: activities in the top bar (wide screens), logo in the middle, controls on the right;
   round "story friends" avatars instead of square tiles; Dostlarım cards with round portraits. */
@media (min-width:1180px){
 body[data-experience=child] .sg-kids-dock{display:none!important}
 body[data-experience=child].sg-child-ready #main{padding-bottom:24px!important}
}

/* Dostlarım shelf: round portraits on a warm card */
body[data-experience=child] #characters .sg-character-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:22px 18px 18px;border-radius:26px;background:linear-gradient(180deg,#fff6e6 0%,#fff 62%)}
body[data-experience=child] #characters .character-portrait{display:block!important;width:156px!important;height:156px!important;margin:0 auto 8px!important;border-radius:50%;overflow:hidden;background:#fff4df;border:5px solid #fff;box-shadow:0 0 0 3px #f5c95c,0 10px 22px rgba(80,60,120,.16);padding:0!important}
body[data-experience=child] #characters .character-portrait img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:50% 28%;display:block;margin:0!important;border-radius:0!important}
body[data-experience=child] #characters .sg-character-card h3{margin:4px 0 0}
/* The visiting friend: collection characters (no walk sprite) cross as a round, hopping avatar. */
html body .sg-kids-visitor.is-avatar .sg-kids-visitor-sprite{width:132px!important;height:132px!important;border-radius:50%;background-size:cover!important;background-position:50% 28%!important;border:5px solid #fff;box-shadow:0 0 0 3px #f5c95c,0 12px 18px rgba(57,85,50,.22);filter:none;margin:0 auto}
html body .sg-kids-visitor.is-avatar.is-crossing .sg-kids-visitor-sprite{animation:sg66-hop .75s ease-in-out infinite alternate!important}
html body .sg-kids-visitor.is-avatar .sg-kids-visitor-name{bottom:-30px}
html body .sg-kids-visitor.is-avatar{bottom:42px}
@keyframes sg66-hop{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-16px) rotate(4deg)}}
@media (prefers-reduced-motion:reduce){html body .sg-kids-visitor.is-avatar .sg-kids-visitor-sprite{animation:none!important}}


/* site-v66.css */
/* V6.6: "Neden Story Globally" and Aile Premium use the same side spacing and card rhythm as /weekly. */
html body:not(.sg-kids-mode) #main .sg59-whypage{max-width:none!important;width:auto!important;padding-inline:max(16px,2.6vw)!important;box-sizing:border-box}
html body:not(.sg-kids-mode) #main .sg59-whypage .sg59-reasons>div{gap:28px}
html body:not(.sg-kids-mode) #main .sg59-whypage .sg59-how ol{gap:28px}
html body:not(.sg-kids-mode) #main .sg58-premium .sg58-grid,html body:not(.sg-kids-mode) #main .sg58-premium-picks .sg58-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;gap:28px!important;max-width:none!important}
@media (max-width:699.98px){html body:not(.sg-kids-mode) #main .sg58-premium .sg58-grid,html body:not(.sg-kids-mode) #main .sg58-premium-picks .sg58-grid{grid-template-columns:1fr!important;gap:18px!important}}
/* Free vs Premium */
.sg66-compare{margin:46px 0 30px;text-align:center}
.sg66-compare>h2{font-size:clamp(28px,4vw,42px);margin:0 0 8px;color:var(--sg58-ink,#23314a)}
.sg66-compare-lead{max-width:720px;margin:0 auto 26px;color:#5a5470;font-size:16px;line-height:1.55}
.sg66-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1100px;margin:0 auto;text-align:left}
.sg66-plan-side{padding:26px 28px;border-radius:28px;background:#fff;border:2px solid #ece6f4;box-shadow:0 8px 24px #3b236c10}
.sg66-plan-side.is-premium{background:linear-gradient(180deg,#f6f0ff 0%,#fff 55%);border-color:#c9b4f2;box-shadow:0 14px 34px #6540bb22}
.sg66-plan-side h3{margin:0;font-size:24px;color:var(--sg58-ink,#23314a)}
.sg66-plan-side.is-premium h3{color:#6540bb}
.sg66-side-sub{margin:4px 0 16px;color:#5a5470;font-size:15px}
.sg66-plan-side ul{list-style:none;margin:0;padding:0}
.sg66-plan-side li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #f0ebf6}
.sg66-row-icon{font-size:20px;text-align:center}
.sg66-row-label{font-weight:700;color:#3a3350}
.sg66-row-value{font-size:17px;color:#23314a;text-align:right}
.sg66-plan-side.is-premium .sg66-row-value{color:#6540bb}
.sg66-start-row{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:26px}
.sg66-start{min-height:56px;padding:14px 34px;font-size:18px;border-radius:999px}
.sg66-start-row small{color:#6a6180}
@media (max-width:820px){.sg66-compare-grid{grid-template-columns:1fr}.sg66-plan-side{padding:20px}}
/* Sales terms now sit inside the payment form, above the consent boxes. */
.commerce-panel .commerce-legal,form .commerce-legal{margin:14px 0;padding:10px 14px;border:1px solid #ece6f4;border-radius:14px;background:#fbf9fe;text-align:left}
form .commerce-legal summary{cursor:pointer;font-weight:700;padding:6px 0}
form .commerce-legal p{white-space:pre-line;font-size:14px;line-height:1.5;color:#4a4360;margin:4px 0 10px}
/* V7.41 Premium: sık sorulan sorular paket karşılaştırmasının sağında, tek blok */
.sg741-compare-wrap{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:24px;max-width:1380px;margin:0 auto;text-align:left;align-items:start}
.sg741-compare-wrap>.sg66-compare-grid{max-width:none;margin:0;gap:22px}
.sg741-compare-wrap>.sg57-faq.sg741-side-faq{max-width:none;margin:0;padding:18px 22px;border-radius:24px;background:#fff;box-shadow:0 8px 24px rgba(60,40,110,.07),inset 0 0 0 1px #ece4f6}
.sg741-side-faq>h2,.sg741-side-faq h2{font-size:clamp(20px,1.7vw,24px)!important;margin:0 0 6px!important;text-align:left}
.sg741-side-faq>p{font-size:14px;margin:0 0 6px}
.sg741-side-faq details{padding:6px 0}
.sg741-side-faq summary{font-size:14.5px!important;min-height:0!important;line-height:1.3}
.sg741-side-faq details p,.sg741-side-faq details div{font-size:14px;line-height:1.5}
.sg741-side-faq .sg59-faq-more{font-size:14px}
@media (max-width:1100px){.sg741-compare-wrap{grid-template-columns:1fr}.sg741-compare-wrap>.sg66-compare-grid{max-width:1100px;margin:0 auto;width:100%}}
.sg741-row-hint{display:block;margin-top:2px;font-size:12.5px;font-weight:500;line-height:1.35;color:#6e6782}
.sg741-compare-wrap>.sg57-faq.sg741-side-faq{box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}
.sg741-side-faq .sg59-faq-more{margin-top:auto;padding-top:8px}
.sg741-side-faq details[hidden]{display:none}
/* V7.41 Premium: "Tüm koleksiyonlar", 6 çocuk, "Nasıl işler?", telefon düzeni */
.sg58-premium-picks .sg58-head{position:relative}
.sg741-all{display:inline-block;margin-top:6px;font-weight:800;color:#5736b8;text-decoration:none}
.sg741-all:hover{text-decoration:underline}
.sg741-facts{max-width:1100px;margin:22px auto 0;display:grid;gap:12px;text-align:left}
.sg741-kids{margin:0;padding:14px 18px;border-radius:18px;background:#f4effd;color:#3b2d63;font-size:16px;line-height:1.5}
.sg741-kids b{color:#4a2fa3}
.sg741-how-title{margin:6px 0 0;font-size:18px;color:#28203d}
.sg741-how{list-style:none;counter-reset:sg741;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sg741-how li{counter-increment:sg741;display:grid;gap:2px;padding:14px 16px 14px 54px;position:relative;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #e7def5}
.sg741-how li::before{content:counter(sg741);position:absolute;left:14px;top:14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#5736b8;color:#fff;font-weight:800;font-size:15px}
.sg741-how b{font-size:15px;color:#28203d}.sg741-how span{font-size:13.5px;color:#5c5672;line-height:1.45}
@media (max-width:760px){.sg741-how{grid-template-columns:1fr}}
@media (max-width:600px){
 html body .sg543-premium .sg543-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 html body .sg543-premium .sg543-plan.commerce-card{padding:16px 12px;gap:6px;border-radius:18px}
 html body .sg543-premium .sg543-plan.best,html body .sg543-premium .sg543-plan.selected{padding:15px 11px}
 html body .sg543-premium .sg543-plan.best{order:-1}
 html body .sg543-premium .sg543-plan h2{font-size:18px}
 html body .sg543-premium .sg543-plan .sg543-price{font-size:22px;margin:4px 0 0}
 html body .sg543-premium .sg543-plan p{font-size:12.5px}
 html body .sg543-premium .sg543-plan .sg543-monthly{font-size:13px}
 html body .sg543-premium .sg543-plan .button{min-height:42px;padding:8px 6px;font-size:14px}
 html body .sg58-stats{flex-wrap:nowrap;gap:8px}
 html body .sg58-stats li{flex:1 1 0;min-width:0;padding:8px 10px}
 html body .sg58-stats b{font-size:24px}
 .sg66-plan-side .sg66-row-label{font-size:14.5px}
 .sg66-plan-side .sg66-row-value{font-size:13.5px;text-align:right}
}
.sg58-premium-picks .sg720-acts{display:none}
@media (min-width:700px){html body:not(.sg-kids-mode) #main .sg58-premium-picks .sg58-grid{grid-template-columns:repeat(auto-fit,minmax(240px,300px))!important;justify-content:center}}
@media (max-width:600px){html body .sg543-premium .sg543-plan-grid{row-gap:22px!important}}
.sg543-mobile-join.is-quiet{opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease}

/* workshop-v69.css */
/* V6.9 Atölye design: friends first, one activity bar at the bottom, full-page character world, OKU list with
   friend chips and pages, transparent visiting friend. Scoped to the Workshop child mode (body.sg69.sg-kids-mode). */
body.sg69{--sg69-ink:#17465a;--sg69-text:#2f4b57;--sg69-muted:#5f7480;--sg69-cream:#fffaf0;--sg69-mint:#cdeee3;--sg69-mint-ink:#1f6b55;--sg69-sun:#ffe08a;--sg69-sky:#dcecfb;--sg69-lilac:#ece4fa;--sg69-line:#ece5d6;--sg69-head:var(--sg58-font,"Baloo 2",system-ui,sans-serif);--sg69-bar:64px;--sg69-dock:78px}
html body.sg69.sg-kids-mode{background:radial-gradient(circle at 2% 18%,#d9ecfa 0,transparent 18%),radial-gradient(circle at 99% 22%,#fff0bf 0,transparent 16%),radial-gradient(circle at 1% 82%,#d6f1e6 0,transparent 15%),radial-gradient(circle at 99% 84%,#ece2fb 0,transparent 15%),var(--sg69-cream)!important;color:var(--sg69-text)}
.sg69 .sg69-i{width:24px;height:24px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---- Top bar */
html body.sg69.sg-kids-mode .sg-kids-bar.sg69-bar{position:sticky;top:0;z-index:100;display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:var(--sg69-bar);padding:8px max(18px,env(safe-area-inset-right)) 8px max(18px,env(safe-area-inset-left));background:#fffdf8f2;border-bottom:1px solid var(--sg69-line);box-shadow:0 3px 14px rgba(40,60,70,.05);backdrop-filter:blur(6px)}
html body.sg69.sg-kids-mode .sg69-bar img.sg69-logo{width:auto!important;height:54px!important;max-height:none!important;max-width:150px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 1px 1.2px rgba(23,70,90,.6))}
html body.sg69 .sg69-bar>strong,html body.sg69 .sg69-bar .sg-kids-controls{display:none!important}
html body.sg69 .sg69-bar-right{display:flex;align-items:center;gap:8px;min-width:0}
html body.sg69 .sg69-who{display:flex;align-items:center;gap:8px;max-width:220px;font-weight:800;color:var(--sg69-ink);white-space:nowrap}
html body.sg69 .sg69-who[hidden]{display:none}
html body.sg69 .sg69-who b{overflow:hidden;text-overflow:ellipsis}
html body.sg69 .sg69-who-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fde7c8;font-size:20px}
html body.sg69 .sg69-pill{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:6px 14px;border-radius:999px;font-size:14px;font-weight:700;white-space:nowrap}
html body.sg69 .sg69-pill .sg69-i{width:20px;height:20px}
html body.sg69 .sg69-time{background:#e1f3ee;color:#24584b}
html body.sg69 .sg69-time .sg-kids-time{all:unset;font:inherit}
html body.sg69 .sg69-mode{background:var(--sg69-sun);color:#5b4300}
html body.sg69 .sg69-bar-right button{display:inline-flex;align-items:center;gap:7px;min-height:44px;min-width:44px;padding:6px 14px;border:0;border-radius:999px;background:#eef0f2;color:#2d3d48;font:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
html body.sg69 .sg69-bar-right .sg69-full{justify-content:center;padding:6px;background:transparent;font-size:0;color:var(--sg69-ink)}
html body.sg69 .sg69-bar-right .sg69-full .sg69-i{width:26px;height:26px}
html body.sg69 .sg69-bar-right button:focus-visible{outline:3px solid #315891;outline-offset:2px}

/* ---- Bottom activity bar */
html body.sg69.sg-kids-mode .sg-kids-dock{display:none!important}
.sg69-dock{display:none}
html body.sg69.sg-kids-mode .sg69-dock{position:fixed;left:0;right:0;bottom:0;z-index:101;display:flex;justify-content:center;gap:4px;min-height:var(--sg69-dock);padding:7px max(12px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#fffdf8f7;border-top:1px solid var(--sg69-line);box-shadow:0 -6px 22px rgba(40,60,70,.06)}
html body.sg69 .sg69-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1 1 0;max-width:150px;min-width:64px;min-height:60px;padding:5px 6px;border:0;border-radius:18px;background:transparent;color:#4d6470;font:inherit;cursor:pointer;touch-action:manipulation}
html body.sg69 .sg69-tab .sg69-i{width:28px;height:28px}
html body.sg69 .sg69-tab b{font-size:13px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;line-height:1.1}
html body.sg69 .sg69-tab[data-tab=home] b{text-transform:none;font-size:14px}
html body.sg69 .sg69-tab[data-tab=home]{color:#1f7a5c}
html body.sg69 .sg69-tab[data-tab=library]{color:#3d72b8}
html body.sg69 .sg69-tab[data-tab=listen]{color:#7c55c8}
html body.sg69 .sg69-tab[data-tab=create]{color:#e0663f}
html body.sg69 .sg69-tab[data-tab=puzzles]{color:#d99a12}
html body.sg69 .sg69-tab[data-tab=discover]{color:#21948a}
html body.sg69 .sg69-tab[data-tab=watch]{color:#8b5bd6}
html body.sg69 .sg69-tab[aria-current=page]{background:var(--sg69-mint);color:var(--sg69-mint-ink)}
html body.sg69 .sg69-tab:hover:not(:disabled){background:#f2efe6}
html body.sg69 .sg69-tab[aria-current=page]:hover{background:var(--sg69-mint)}
html body.sg69 .sg69-tab:disabled{opacity:.35;cursor:default}
html body.sg69 .sg69-tab.is-locked::after{content:"";position:absolute;top:5px;right:calc(50% - 26px);width:15px;height:15px;border-radius:50%;background:#fff1f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0476b' stroke-width='3' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/10px no-repeat;box-shadow:0 0 0 1px #e8bccb}
html body.sg69 .sg69-tab:focus-visible{outline:3px solid #315891;outline-offset:2px}
html body.sg69.sg-kids-lock .sg69-dock{pointer-events:none;filter:blur(3px)}
html body.sg69.sg-kids-mode #main{padding-bottom:calc(var(--sg69-dock) + 26px + env(safe-area-inset-bottom))!important}

/* ---- Home: friends first */
html body.sg69 .sg-kids-home>.sg-kids-welcome,html body.sg69 .sg-kids-home>.sg-kids-choices,html body.sg69 .sg-kids-home>.sg-kids-friend-world,html body.sg69 .sg-kids-home>.sg-kids-family-return,html body.sg69 .sg-kids-home>.sg-kids-rotate,html body.sg69 .sg-kids-home>.sg52-continue-home{display:none!important}
html body.sg69.sg-kids-mode .sg-kids-home{max-width:1240px;margin:0 auto;padding:clamp(10px,2.2vh,22px) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));background:none!important}
html body.sg69 .sg69-home-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px;margin:0 0 clamp(10px,2.2vh,22px)}
html body.sg69 .sg69-title{margin:0;font-family:var(--sg69-head);font-size:clamp(28px,3.6vw,46px);font-weight:800;line-height:1.1;color:var(--sg69-ink);text-align:center}
html body.sg69 .sg69-home-head .sg57-kids-chips{margin:0}
html body.sg69 .sg69-friends{--cols:4;--gap:clamp(12px,2.4vw,34px);display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(8px,2vh,22px) var(--gap);max-width:1080px;margin:0 auto}
html body.sg69 .sg69-friends>.sg69-friend{width:calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols))}
html body.sg69 .sg69-friend{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 4px 8px;border:0;border-radius:24px;background:none;font:inherit;color:var(--sg69-ink);cursor:pointer;touch-action:manipulation}
html body.sg69 .sg69-friend strong{margin-top:6px;font-family:var(--sg69-head);font-size:clamp(19px,1.9vw,25px);font-weight:800;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.sg69 .sg69-friend small{font-size:15px;color:var(--sg69-text)}
html body.sg69 .sg69-friend:focus-visible{outline:3px solid #315891;outline-offset:2px}
html body.sg69 .sg69-friend:hover .sg69-disc{transform:translateY(-4px) scale(1.03)}
html body.sg69 .sg69-disc{--size:clamp(112px,min(15vw,22vh),196px);position:relative;display:block;width:var(--size);height:var(--size);flex:0 0 auto;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 38%,#ffffffb8 0,transparent 62%),var(--tone,#e8f2ee);box-shadow:inset 0 0 0 4px #ffffff99,0 8px 18px rgba(40,70,80,.12);transition:transform .2s ease}
html body.sg69 .sg69-disc img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}
html body.sg69 .sg69-disc.is-cutout img{object-fit:contain;object-position:50% 100%;padding:9% 7% 0}
html body.sg69 .sg69-home-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;max-width:1180px;margin:clamp(10px,2vh,20px) auto 0}
html body.sg69 .sg69-continue-img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#f1ece0}
html body.sg69 .sg69-read{min-height:48px;padding:8px 22px;border:0;border-radius:999px;background:#7fd5b8;color:#10402f;font:inherit;font-weight:800;font-size:16px;cursor:pointer;white-space:nowrap}
html body.sg69 .sg69-soft,html body.sg69 .sg69-page-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;min-width:48px;padding:8px 16px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--sg69-line);color:var(--sg69-ink);font:inherit;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap}
html body.sg69 .sg69-soft:disabled{opacity:.45;cursor:default}
html body.sg69 .sg69-more{background:var(--sg69-lilac);box-shadow:none}
html body.sg69 .sg69-pager{display:flex;align-items:center;justify-content:center;gap:12px}
html body.sg69 .sg69-pager[hidden],html body.sg69 .sg69-page-btn[hidden]{display:none}
html body.sg69 .sg69-page-btn:disabled{opacity:.4;cursor:default}
html body.sg69 .sg69-page-no{font-weight:800;color:var(--sg69-ink);min-width:48px;text-align:center}
html body.sg69 :is(.sg69-read,.sg69-soft,.sg69-page-btn,.sg69-chip,.sg69-tile,.sg69-back):focus-visible{outline:3px solid #315891;outline-offset:2px}
html body.sg69 .sg69-empty{grid-column:1/-1;text-align:center;color:var(--sg69-muted);font-size:17px}

/* ---- The visiting friend walks along the bottom of the home screen: transparent, no frame, no box. */


@keyframes sg69-waddle{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7px) rotate(4deg)}}
@media (prefers-reduced-motion:reduce){html body.sg69 .sg69-disc{transition:none}}

/* ---- Character world (full page) */
.sg69-world{display:none}
html body.sg69.sg-kids-mode #main>#world{display:none!important}
html body.sg69.sg-kids-mode[data-kids-view=world] #main>#world{display:block!important}
html body.sg69.sg-kids-mode .sg69-world{max-width:1240px;margin:0 auto;padding:12px max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));background:none;border:0;box-shadow:none}
html body.sg69 .sg69-back{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:4px 12px 4px 4px;border:0;background:none;color:var(--sg69-ink);font:inherit;font-size:17px;font-weight:700;cursor:pointer}
html body.sg69 .sg69-world-head{display:flex;align-items:center;gap:clamp(12px,2vw,24px);margin:2px 0 14px}
html body.sg69 .sg69-world-head .sg69-disc{--size:clamp(84px,9vw,124px)}
html body.sg69 .sg69-world-head h2{margin:0;font-family:var(--sg69-head);font-size:clamp(28px,3.4vw,44px);font-weight:800;line-height:1.1;color:var(--sg69-ink)}
html body.sg69 .sg69-world-head p{margin:4px 0 0;max-width:760px;color:var(--sg69-text);font-size:clamp(15px,1.4vw,18px)}
html body.sg69 .sg69-world-books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
html body.sg69 .sg69-world-books.is-single{grid-template-columns:minmax(0,560px)}
html body.sg69 .sg69-world-book{position:relative;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 10px 24px rgba(40,60,70,.12)}
html body.sg69 .sg69-world-cover{display:block;width:100%;padding:0;border:0;background:#f3eee2;cursor:pointer;aspect-ratio:4824/2747}
html body.sg69 .sg69-world-cover img{width:100%;height:100%;object-fit:cover;display:block}
html body.sg69 .sg69-world-book-info{position:absolute;left:12px;bottom:12px;right:150px;padding:8px 14px;border-radius:14px;background:#fffdf7eb;pointer-events:none}
html body.sg69 .sg69-world-book-info h3{margin:0;font-family:var(--sg69-head);font-size:clamp(17px,1.8vw,24px);font-weight:800;line-height:1.15;color:var(--sg69-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body.sg69 .sg69-world-book-info small{color:var(--sg69-muted);font-size:14px}
html body.sg69 .sg69-world-book .sg69-read{position:absolute;right:14px;bottom:14px;background:#ffe27a;color:#4a3800;box-shadow:0 4px 10px rgba(80,60,0,.18);font-size:18px}
html body.sg69 .sg69-world-sub{margin:clamp(14px,2.4vh,26px) 0 10px;font-family:var(--sg69-head);font-size:clamp(22px,2.4vw,30px);font-weight:800;color:var(--sg69-ink)}
html body.sg69 .sg69-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,210px));gap:14px}
html body.sg69 .sg69-tile{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:150px;padding:14px 10px;border:0;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--sg69-line);font:inherit;color:var(--sg69-ink);cursor:pointer}
html body.sg69 .sg69-tile:hover{transform:translateY(-2px)}
html body.sg69 .sg69-tile-art{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;margin-bottom:4px}
html body.sg69 .sg69-tile-art .sg69-i{width:40px;height:40px}
html body.sg69 .sg69-tile strong{font-size:16px;font-weight:800;letter-spacing:.03em}
html body.sg69 .sg69-tile small{color:var(--sg69-muted);font-size:14px}
html body.sg69 .sg69-tile[data-kind=listen] .sg69-tile-art{background:#ece4fa;color:#7c55c8}
html body.sg69 .sg69-tile[data-kind=color] .sg69-tile-art{background:#fde3d6;color:#e0663f}
html body.sg69 .sg69-tile[data-kind=puzzle] .sg69-tile-art{background:#fdf0c6;color:#c98a00}
html body.sg69 .sg69-tile[data-kind=find] .sg69-tile-art{background:#d8f1e6;color:#1d8a6c}
html body.sg69 .sg69-tile[data-kind=watch] .sg69-tile-art{background:#e3eefc;color:#3d72b8}
html body.sg69 .sg69-tile[data-kind=album] .sg69-tile-art{background:#f6e3ef;color:#b0477b}

/* ---- Lists: friend scope bar, OKU tools, cards, pages */
html body.sg69 .sg69-scope{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px}
html body.sg69 .sg69-scope[hidden],html body.sg69 .sg69-empty-list[hidden]{display:none}
html body.sg69 .sg69-scope-who{display:inline-flex;align-items:center;gap:8px;font-size:17px;color:var(--sg69-ink)}
html body.sg69 .sg69-empty-list{padding:22px;margin:8px 0;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--sg69-line);text-align:center}
html body.sg69 .sg69-empty-list p{margin:0 0 10px;font-size:17px;color:var(--sg69-text)}
html body.sg69.sg-kids-mode #main .sg-portal-grid>.sg69-out.sg69-out,html body.sg69.sg-kids-mode #main .sg-portal-grid>.sg69-paged.sg69-paged,html body.sg69.sg-kids-mode #main .sg69-out.sg69-out,html body.sg69.sg-kids-mode #main .sg69-paged.sg69-paged{display:none!important}
html body.sg69 .sg69-tools{display:flex;flex-direction:column;gap:12px;margin:0 0 16px}
html body.sg69 #library>label:has(#search){display:none!important}
html body.sg69 .sg69-search-wrap{display:flex;align-items:center;gap:10px;width:min(520px,100%);min-height:50px;padding:0 18px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 2px #e0e6ea;color:var(--sg69-muted)}
html body.sg69 .sg69-search{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:17px;color:var(--sg69-ink);outline:none;padding:10px 0}
html body.sg69 .sg69-search-wrap:focus-within{box-shadow:inset 0 0 0 2px #315891}
html body.sg69 .sg69-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}
html body.sg69 .sg69-chip{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:48px;padding:4px 16px 4px 5px;border:0;border-radius:999px;background:#f6f1e6;color:var(--sg69-ink);font:inherit;font-size:16px;font-weight:700;cursor:pointer}
html body.sg69 .sg69-chip>.sg69-i{margin-left:10px}
html body.sg69 .sg69-chip.is-active{background:var(--sg69-mint);color:var(--sg69-mint-ink)}
html body.sg69 .sg69-chip .sg69-disc{box-shadow:none}
html body.sg69 .sg69-scope .sg69-chip{padding-left:16px}
html body.sg69.sg-kids-mode #library>h2,html body.sg69.sg-kids-mode #create>h2,html body.sg69.sg-kids-mode #puzzles>h2,html body.sg69.sg-kids-mode #discover>h2,html body.sg69.sg-kids-mode #watch>h2,html body.sg69.sg-kids-mode #characters>h2,html body.sg69.sg-kids-mode #my-space>h2{font-family:var(--sg69-head);font-weight:800;color:var(--sg69-ink);font-size:clamp(28px,3.2vw,42px);line-height:1.1}
html body.sg69.sg-kids-mode #library .sg-portal-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px 16px!important}
html body.sg69.sg-kids-mode #library article.book{display:flex!important;flex-direction:column;gap:4px;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;min-height:0!important}
html body.sg69.sg-kids-mode #library article.book .book-cover{display:block;width:100%;aspect-ratio:4824/2747;height:auto!important;padding:0!important;border-radius:16px!important;overflow:hidden;background:#f3eee2;box-shadow:0 6px 16px rgba(40,60,70,.12)}
html body.sg69.sg-kids-mode #library article.book .book-cover img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important}
html body.sg69.sg-kids-mode #library article.book .cover-copy,html body.sg69.sg-kids-mode #library article.book .book-meta,html body.sg69.sg-kids-mode #library article.book .book-author,html body.sg69.sg-kids-mode #library article.book .book-detail>span{display:none!important}
html body.sg69.sg-kids-mode #library article.book>h3{min-height:0!important;margin:6px 2px 0!important;font-family:var(--sg69-head);font-size:19px!important;font-weight:800;line-height:1.2;color:var(--sg69-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* The picture is the button; the long OKU bar is not needed (screen readers get the cover button's name). */
html body.sg69.sg-kids-mode #library article.book .book-detail{display:none!important}
html body.sg69.sg-kids-mode #library.is-listen article.book .book-cover::after{content:"🎧";position:absolute;right:10px;top:10px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ece4fa;font-size:20px;box-shadow:0 3px 8px rgba(60,40,110,.2)}
html body.sg69.sg-kids-mode #library article.book .book-cover{position:relative}
/* Locked Premium cards: same size as the others, the lock stays and opens the parent flow. */
html body.sg69.sg-kids-mode #main .sg-portal-grid>article.sg57-locked-card{position:relative;display:flex!important;flex-direction:column;gap:4px;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;min-height:0!important}
html body.sg69.sg-kids-mode #main .sg57-locked-card .sg57-locked-media{position:relative;width:100%;aspect-ratio:4824/2747;height:auto!important;margin:0!important;border-radius:16px;overflow:hidden;background:#efe8f8!important;box-shadow:0 6px 16px rgba(40,60,70,.1)}
html body.sg69.sg-kids-mode #main .sg57-locked-card .sg57-locked-media img{width:100%!important;height:100%!important;object-fit:contain!important;padding:8%;opacity:.85}
html body.sg69.sg-kids-mode #main .sg57-locked-card .sg57-locked-label{position:absolute;top:10px;left:10px;margin:0!important;padding:3px 10px;border-radius:999px;background:#fff;font-size:12px;font-weight:800;color:#6540bb}
html body.sg69.sg-kids-mode #main .sg57-locked-card>h3{min-height:0!important;margin:6px 2px 0!important;font-family:var(--sg69-head);font-size:19px!important;font-weight:800;line-height:1.2;color:var(--sg69-ink)}
html body.sg69.sg-kids-mode #main .sg57-locked-card .sg57-locked-open{align-self:flex-start;min-height:44px;margin:2px 0 0!important;padding:6px 14px!important;border-radius:999px!important;font-size:14px!important;width:auto!important}
html body.sg69 .sg69-card-friend{display:flex;align-items:center;gap:7px;margin:0 2px;color:var(--sg69-text);font-size:15px}
html body.sg69 .sg69-card-friend .sg69-disc{box-shadow:none}
html body.sg69 #library .sg69-pager{margin:16px 0 4px}

/* ---- Narrow and portrait screens: 2 columns, natural scroll, nothing shrinks below touch size */
@media (max-width:899.98px){html body.sg69 .sg69-mode span{display:none}html body.sg69 .sg69-mode{padding:6px 10px}}

@media (max-width:899.98px),(orientation:portrait){
 html body.sg69 .sg69-friends{--cols:2}
 html body.sg69 .sg69-disc{--size:clamp(110px,34vw,190px)}
 html body.sg69.sg-kids-mode #library .sg-portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body.sg69 .sg69-world-books{grid-template-columns:minmax(0,1fr)}
 html body.sg69 .sg69-home-foot{justify-content:center}
}
@media (max-width:700px){
 html body.sg69.sg-kids-mode .sg-kids-bar.sg69-bar{flex-wrap:wrap;justify-content:center;gap:6px;padding-top:6px;padding-bottom:6px}
 html body.sg69.sg-kids-mode .sg69-bar img.sg69-logo{height:44px!important}
 html body.sg69 .sg69-bar-right{flex-wrap:wrap;justify-content:center;gap:6px}
 html body.sg69 .sg69-who b{max-width:90px}
 html body.sg69 .sg69-pill,html body.sg69 .sg69-bar-right button{min-height:40px;padding:5px 11px;font-size:13px}
 html body.sg69 .sg69-bar-right .sg69-full{padding:5px}
 html body.sg69.sg-kids-mode .sg69-dock{justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
 html body.sg69 .sg69-tab{flex:0 0 72px;min-width:72px}
 html body.sg69 .sg69-tab b{font-size:12px}
 html body.sg69 .sg69-world-book-info{position:static;margin:0;border-radius:0;background:#fff}
 html body.sg69 .sg69-world-book .sg69-read{position:static;margin:0 12px 12px}
 html body.sg69 .sg69-world-book{display:flex;flex-direction:column}
 html body.sg69 .sg69-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:420px){html body.sg69.sg-kids-mode #library article.book>h3{font-size:16px!important}}
/* Short landscape screens (1024×768, phones sideways): pictures scale, touch targets stay. */
@media (orientation:landscape) and (max-height:820px){html body.sg69 .sg69-disc{--size:clamp(96px,min(14vw,20vh),170px)}html body.sg69 .sg69-friend small{font-size:14px}}

/* ---- V6.10 */
/* "Ana sayfa" in the top bar (same parent check as before) */
html body.sg69 .sg69-bar-right .sg69-portal{display:inline-flex!important;background:#e8f1fb;color:#24507e}
/* Dostlarım | Koleksiyonlarım */
html body.sg69 .sg69-switch{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#f3eee3}
html body.sg69 .sg69-switch-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 16px;border:0;border-radius:999px;background:transparent;color:var(--sg69-text);font:inherit;font-size:16px;font-weight:800;cursor:pointer}
html body.sg69 .sg69-switch-btn[aria-selected=true]{background:#fff;color:var(--sg69-ink);box-shadow:0 2px 8px rgba(40,60,70,.12)}
html body.sg69 .sg69-switch-btn:focus-visible{outline:3px solid #315891;outline-offset:2px}
/* Collection cards */
html body.sg69 .sg69-pack{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0;padding:0 0 6px;border:0;background:none;font:inherit;text-align:left;color:var(--sg69-ink);cursor:pointer}
html body.sg69 .sg69-friends.is-packs>.sg69-pack{width:calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols))}
html body.sg69 .sg69-pack-art{position:relative;display:block;width:100%;aspect-ratio:4824/2747;border-radius:18px;overflow:hidden;background:#f3eee2;box-shadow:0 8px 18px rgba(40,60,70,.13);transition:transform .2s ease}
html body.sg69 .sg69-pack-art img{width:100%;height:100%;object-fit:cover;display:block}
html body.sg69 .sg69-pack:hover .sg69-pack-art{transform:translateY(-3px)}
html body.sg69 .sg69-pack strong{font-family:var(--sg69-head);font-size:clamp(17px,1.6vw,21px);font-weight:800;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body.sg69 .sg69-pack-meta{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--sg69-text)}
html body.sg69 .sg69-pack-meta .sg69-disc,html body.sg69 .sg69-meet .sg69-disc,html body.sg69 .sg69-chip .sg69-disc{box-shadow:none}
html body.sg69 .sg69-pack-lock{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;font-size:18px;box-shadow:0 3px 8px rgba(0,0,0,.15)}
html body.sg69 .sg69-pack.is-locked .sg69-pack-art img{opacity:.75}
html body.sg69 .sg69-pack:focus-visible{outline:3px solid #315891;outline-offset:3px;border-radius:18px}
html body.sg69 .sg69-packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,280px));gap:16px}
/* Collection page */
html body.sg69 .sg69-world-head .sg69-disc.is-head{overflow:visible}html body.sg69 .sg69-world-head .sg69-disc.is-head img{border-radius:50%}html body.sg69 .sg69-disc.is-head .sg69-pack-lock{top:auto;bottom:0;right:0}
html body.sg69 .sg69-meet{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:8px;padding:4px 14px 4px 5px;border:0;border-radius:999px;background:#f6f1e6;color:var(--sg69-ink);font:inherit;font-weight:700;cursor:pointer}
html body.sg69 .sg69-locked-pack{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:18px 20px;border-radius:20px;background:#f3edff}
html body.sg69 .sg69-locked-pack p{margin:0;font-size:17px;color:#4b3a72}
html body.sg69 .sg69-setpdf{display:inline-flex;align-items:center;gap:10px;margin:18px 0 4px;min-height:52px;padding:8px 20px 8px 14px;border-radius:18px;background:linear-gradient(135deg,#fff3c4,#ffe2ef);color:#5b3a12;text-decoration:none;font-weight:800;box-shadow:0 6px 14px rgba(120,80,20,.14)}
html body.sg69 .sg69-setpdf .sg69-i{width:28px;height:28px;color:#c1642b}
html body.sg69 .sg69-setpdf small{padding:2px 8px;border-radius:999px;background:#fff;color:#6540bb;font-size:12px}
html body.sg69 .sg69-setpdf:focus-visible{outline:3px solid #315891;outline-offset:2px}
/* Albümüm · Bir dost çağır · Hareketleri durdur: small, bottom right, home only */
.sg69-foot-actions{display:none}
html body.sg69.sg-kids-mode[data-kids-view=home] .sg69-foot-actions{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:calc(var(--sg69-dock) + 10px + env(safe-area-inset-bottom));z-index:95;display:flex;gap:6px;padding:4px;border-radius:999px;background:#fffdf8e6;box-shadow:0 4px 14px rgba(40,60,70,.12);backdrop-filter:blur(4px)}
html body.sg69 .sg69-mini{display:inline-flex;align-items:center;gap:6px;min-height:40px;min-width:40px;padding:4px 12px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--sg69-line);color:var(--sg69-ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
html body.sg69 .sg69-mini .sg69-i{width:18px;height:18px}
html body.sg69 .sg69-mini[data-kids-call]::before{content:"✦";color:#c98a00;font-size:16px}
html body.sg69 .sg69-mini[data-kids-motion]::before{content:"";width:12px;height:13px;background:linear-gradient(90deg,var(--sg69-ink) 0 35%,transparent 35% 65%,var(--sg69-ink) 65%);border-radius:2px}
html body.sg69 .sg69-mini[data-kids-motion][aria-pressed=false]::before{width:0;height:0;background:none;border-radius:0;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent var(--sg69-ink)}
html body.sg69 .sg69-mini:disabled{opacity:.45;cursor:default}
html body.sg69 .sg69-mini:focus-visible{outline:3px solid #315891;outline-offset:2px}
html body.sg69.sg-kids-mode[data-kids-view=home] #main{padding-bottom:calc(var(--sg69-dock) + 76px + env(safe-area-inset-bottom))!important}
@media (max-width:899.98px),(orientation:portrait){html body.sg69 .sg69-friends.is-packs{--cols:2}}
@media (max-width:700px){
 html body.sg69 .sg69-mini{padding:0;width:44px;height:44px;justify-content:center}
 html body.sg69 .sg69-mini>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 html body.sg69 .sg69-switch-btn{padding:6px 12px;font-size:15px}
 html body.sg69 .sg69-world-head{flex-direction:column;align-items:flex-start}
 html body.sg69 .sg69-bar-right .sg69-full{display:none!important}
 html body.sg69 .sg69-bar-right .sg69-portal span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}

/* ---- V6.13 */
/* Headings get focus when a screen opens (for screen readers); no visible ring around them. */
html body.sg69 :is(h1,h2,h3)[tabindex="-1"]:focus,html body.sg69 :is(h1,h2,h3)[tabindex="-1"]:focus-visible{outline:none!important;box-shadow:none!important}

/* ---- V6.19: "Devam et" at the end of the activity bar; "Bir dost çağır" with a picker; the friend that comes. */
html body.sg69.sg-kids-mode .sg69-dock{gap:2px}
html body.sg69 .sg69-tab{max-width:128px;min-width:58px;padding:5px 4px}
html body.sg69 .sg69-continue-tab{margin-left:8px;flex:0 0 auto;min-width:92px;background:#fff3c9!important;color:#6b4a00!important;box-shadow:inset 0 0 0 2px #ffd666}
html body.sg69 .sg69-continue-tab[hidden]{display:none!important}
html body.sg69 .sg69-continue-tab .sg69-continue-img{width:30px;height:30px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff}
html body.sg69 .sg69-continue-tab b{text-transform:none!important;font-size:13px!important}
html body.sg69 .sg69-call .sg69-call-star{color:#c98a00;font-size:16px}
html body.sg69 .sg69-mini[data-kids-call],html body.sg69 .sg69-mini[data-kids-motion]{display:none!important}
.sg619-picker{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:calc(var(--sg69-dock,78px) + 66px + env(safe-area-inset-bottom));z-index:120;width:min(360px,calc(100vw - 28px));padding:16px 16px 12px;border-radius:22px;background:#fffdf8;box-shadow:0 14px 40px rgba(30,50,60,.22);box-sizing:border-box}
.sg619-picker>strong{display:block;margin:0 30px 10px 2px;font-family:var(--sg69-head,inherit);font-size:20px;color:#17465a}
.sg619-picker-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;max-height:260px;overflow:auto}
.sg619-pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border:0;border-radius:16px;background:none;font:inherit;font-size:13px;font-weight:700;color:#17465a;cursor:pointer}
.sg619-pick:hover,.sg619-pick:focus-visible{background:#f2eee4;outline:none}
.sg619-pick .sg69-disc{box-shadow:none}
.sg619-picker-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:50%;background:#f2eee4;font:inherit;font-size:16px;cursor:pointer}
.sg619-visit{position:fixed;left:0;right:0;bottom:calc(var(--sg69-dock,78px) + env(safe-area-inset-bottom));height:0;z-index:96;pointer-events:none}
.sg619-friend{position:absolute;left:0;bottom:4px;width:160px;height:176px;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;transform:translateX(110vw)}
.sg619-friend img{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 10px 6px rgba(40,60,50,.22));transform-origin:50% 100%}
.sg619-friend.is-round{width:132px;height:132px;bottom:10px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 5px #fff,0 0 0 8px #ffd666,0 12px 18px rgba(40,60,50,.25)}
.sg619-friend.is-round img{object-fit:cover;object-position:50% 25%;filter:none}
.sg619-friend.is-walking img{animation:sg69-waddle .9s ease-in-out infinite}
.sg619-friend.is-waving img{animation:sg619-wave 1.4s ease-in-out infinite}
.sg619-friend:focus-visible{outline:3px solid #315891;outline-offset:4px;border-radius:20px}
@keyframes sg619-wave{0%,100%{transform:rotate(0) translateY(0)}20%{transform:rotate(-6deg) translateY(-6px)}40%{transform:rotate(5deg) translateY(0)}60%{transform:rotate(-4deg) translateY(-4px)}80%{transform:rotate(2deg)}}
.sg619-bubble{position:absolute;bottom:196px;left:0;max-width:260px;padding:12px 14px;border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(30,50,60,.2);color:#17465a;opacity:0;transform:translateY(10px) scale(.94);transition:opacity .25s ease,transform .25s ease;pointer-events:none}
.sg619-bubble.is-on{opacity:1;transform:none;pointer-events:auto}
.sg619-bubble::after{content:"";position:absolute;left:28px;bottom:-10px;border-width:10px 10px 0;border-style:solid;border-color:#fff transparent transparent}
.sg619-bubble b{display:block;font-family:var(--sg69-head,inherit);font-size:18px;line-height:1.2;margin-bottom:4px}
.sg619-bubble span{display:block;font-size:15px;margin-bottom:8px}
.sg619-go{display:inline-flex;align-items:center;min-height:42px;padding:6px 16px;border:0;border-radius:999px;background:#7fd5b8;color:#10402f;font:inherit;font-weight:800;cursor:pointer}
.sg619-go span{display:inline;margin:0;font-size:15px}
@media (max-width:700px){.sg619-friend{width:118px;height:130px}.sg619-friend.is-round{width:100px;height:100px}.sg619-bubble{bottom:150px;max-width:210px}html body.sg69 .sg69-continue-tab{min-width:84px}}
@media (prefers-reduced-motion:reduce){.sg619-friend img{animation:none!important}.sg619-bubble{transition:none}}
html body.sg69 .sg69-mini>.sg69-call-star{position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important}
html body.sg69 .sg620-done-chip .sg620-chip-star{margin-left:10px;font-size:18px}
/* V6.21: house icon = Kids Studio home; "Çıkış" leaves (PIN when set). */
html body.sg69 .sg69-bar-right .sg69-homebtn{justify-content:center;padding:6px;width:44px;background:#e1f3ee;color:#1f6b55}
html body.sg69 .sg69-bar-right .sg69-homebtn .sg69-i{width:24px;height:24px}
html body.sg69 .sg69-bar-right .sg69-portal{background:#fde8e1!important;color:#8a3b1f!important}
@media (max-width:440px){html body.sg69 .sg69-bar-right .sg69-parents{font-size:0;padding:6px;width:44px;justify-content:center;gap:0}html body.sg69 .sg69-bar-right .sg69-parents .sg69-i{width:22px;height:22px}}
/* V6.21: the Kids Studio home uses the whole width (same side spacing as the list pages); cards grow with the screen. */
html body.sg69.sg-kids-mode .sg-kids-home{max-width:none!important;padding-left:max(var(--sg531-gutter,24px),env(safe-area-inset-left))!important;padding-right:max(var(--sg531-gutter,24px),env(safe-area-inset-right))!important}
html body.sg69 .sg69-friends,html body.sg69 .sg69-home-foot{max-width:none!important}
html body.sg69 .sg69-friends.is-packs{--gap:clamp(16px,2vw,32px)}
html body.sg69 .sg69-friends:not(.is-packs){--gap:clamp(16px,4vw,72px)}
@media (orientation:landscape) and (min-width:900px){html body.sg69 .sg69-friends:not(.is-packs) .sg69-disc{--size:clamp(120px,min(17vw,24vh),230px)}}
html body.sg69.sg-kids-mode .sg69-world{max-width:none!important;padding-left:max(var(--sg531-gutter,24px),env(safe-area-inset-left))!important;padding-right:max(var(--sg531-gutter,24px),env(safe-area-inset-right))!important}
/* ---- V6.22 friend / collection page: friendlier, books left + activities right, no scrolling on wide screens */
html body.sg69 .sg69-world-head{position:relative;margin:4px 0 16px;padding:14px 20px;border-radius:28px;background:radial-gradient(circle at 92% 20%,#fff1c2 0,transparent 35%),radial-gradient(circle at 70% 120%,#e3f4ec 0,transparent 45%),#fffdf7;box-shadow:0 6px 18px rgba(40,60,70,.06)}
html body.sg69 .sg69-world-head::after{content:"✦ ✧ ✦";position:absolute;right:24px;top:14px;color:#f2c14e;letter-spacing:6px;font-size:18px;opacity:.8}
html body.sg69 .sg69-world-head .sg69-disc{--size:clamp(76px,7vw,108px)}
html body.sg69 .sg69-world-head h2{font-size:clamp(26px,3vw,40px)!important}
html body.sg69 .sg69-world-head p{font-size:clamp(15px,1.3vw,18px)!important;color:#4a6470}
html body.sg69 .sg69-back{margin-bottom:2px}
html body.sg69 .sg69-world-body{display:grid;gap:24px}
html body.sg69 .sg69-world-left .sg69-world-books{grid-template-columns:minmax(0,1fr)!important}
html body.sg69 .sg69-world-left.is-many .sg69-world-books{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body.sg69 .sg69-world-right .sg69-world-sub{margin:0 0 12px!important;font-size:clamp(20px,2vw,28px)!important}
html body.sg69 .sg69-world-right .sg69-world-sub+.sg69-tiles~.sg69-world-sub{margin-top:20px!important}
html body.sg69 .sg69-world-right .sg69-tiles{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px}
html body.sg69 .sg69-tile{min-height:0!important;padding:14px 8px 12px!important;border-radius:22px!important;box-shadow:none!important;background:var(--tile,#f4f1ea)!important;transition:transform .18s ease}
html body.sg69 .sg69-tile:hover{transform:translateY(-3px) rotate(-1deg)}
html body.sg69 .sg69-tile:hover .sg69-tile-art{animation:sg622-wiggle .5s ease}
html body.sg69 .sg69-tile .sg69-tile-art{width:62px!important;height:62px!important;margin-bottom:6px;background:#fff!important;box-shadow:0 4px 10px rgba(0,0,0,.06)}
html body.sg69 .sg69-tile .sg69-tile-art .sg69-i{width:32px!important;height:32px!important}
html body.sg69 .sg69-tile strong{font-size:15px!important}
html body.sg69 .sg69-tile[data-kind=listen]{--tile:#efe8fb}html body.sg69 .sg69-tile[data-kind=color]{--tile:#fde9df}html body.sg69 .sg69-tile[data-kind=puzzle]{--tile:#fdf3cf}html body.sg69 .sg69-tile[data-kind=find]{--tile:#dff3ea}html body.sg69 .sg69-tile[data-kind=watch]{--tile:#e3eefb}html body.sg69 .sg69-tile[data-kind=album]{--tile:#f8e6f0}
@keyframes sg622-wiggle{0%,100%{transform:rotate(0)}30%{transform:rotate(-10deg) scale(1.06)}60%{transform:rotate(8deg) scale(1.06)}}
html body.sg69 .sg69-world-right .sg69-packs{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:12px}
html body.sg69 .sg69-world-right .sg69-pack strong{font-size:15px!important}
@media (min-width:1000px) and (orientation:landscape){
 html body.sg69 .sg69-world-body{grid-template-columns:minmax(0,1.15fr) minmax(330px,1fr);align-items:start}
 html body.sg69 .sg69-world-body:not(:has(.sg69-world-left)){grid-template-columns:minmax(0,1fr)}
 /* the picture never pushes the page past the screen: its height follows the free height */
 html body.sg69 .sg69-world-left .sg69-world-cover{max-height:calc(100dvh - var(--sg69-bar) - var(--sg69-dock) - 250px);min-height:220px}
 html body.sg69 .sg69-world-left.is-many .sg69-world-cover{max-height:calc((100dvh - var(--sg69-bar) - var(--sg69-dock) - 300px) / 2)}
 html body.sg69 .sg69-world-right{max-height:calc(100dvh - var(--sg69-bar) - var(--sg69-dock) - 230px);overflow:auto;padding-right:4px;scrollbar-width:thin}
 html body.sg69.sg-kids-mode[data-kids-view=world] #main{padding-bottom:calc(var(--sg69-dock) + 12px)!important}
}
@media (prefers-reduced-motion:reduce){html body.sg69 .sg69-tile:hover,html body.sg69 .sg69-tile:hover .sg69-tile-art{transform:none;animation:none}}
@media (min-width:1000px) and (orientation:landscape){html body.sg69.sg-kids-mode .sg69-world{padding-top:4px!important}html body.sg69 .sg69-world-head{padding:10px 18px;margin-bottom:12px}html body.sg69 .sg69-back{min-height:36px}}

/* V6.25: no band on top — the page background runs up behind the logo; bigger logo and a friendly line beside it. */
html body.sg69.sg-kids-mode .sg-kids-bar.sg69-bar{background:transparent;border-bottom:0;box-shadow:none;backdrop-filter:none;min-height:94px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:6px}
html body.sg69.sg-kids-mode .sg69-bar img.sg69-logo{height:84px!important;max-width:220px}
html body.sg69 .sg69-brand{display:flex;align-items:center;gap:16px;min-width:0}
html body.sg69 .sg69-tagline{display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 10px;border-radius:999px;background:#fff;box-shadow:0 4px 14px rgba(40,60,70,.08);color:var(--sg69-ink);font-family:var(--sg69-head);font-size:17px;font-weight:700;line-height:1.2;white-space:nowrap}
html body.sg69 .sg69-tagline .sg69-smile{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--sg69-sun);font-size:19px;animation:sg625-bob 2.6s ease-in-out infinite}
html body.sg69 .sg69-tagline small{display:block;font-family:inherit;font-size:13px;font-weight:600;color:var(--sg69-muted)}
@keyframes sg625-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-8deg)}}
@media(prefers-reduced-motion:reduce){html body.sg69 .sg69-tagline .sg69-smile{animation:none}}
@media(max-width:1100px){html body.sg69 .sg69-tagline small{display:none}}
@media(max-width:900px){html body.sg69 .sg69-tagline{display:none}html body.sg69.sg-kids-mode .sg69-bar img.sg69-logo{height:58px!important}html body.sg69.sg-kids-mode .sg-kids-bar.sg69-bar{min-height:70px}}

/* V7.22 world page: way back in the head, books as a slider (story activities under each book), tiles in one row, no inner scroll */
html body.sg69 .sg69-world-head .sg722-back{order:3;margin:0 0 0 auto;flex:none;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:6px 18px 6px 6px;border-radius:999px;background:#fff;box-shadow:0 4px 0 #e6dcc4,0 6px 16px rgba(40,60,70,.08);font-family:var(--sg69-head);font-size:clamp(15px,1.4vw,18px);font-weight:800;color:var(--sg69-ink);transition:transform .15s ease}
html body.sg69 .sg69-world-head .sg722-back:hover{transform:translateY(-2px)}
html body.sg69 .sg69-world-head .sg722-back:active{transform:translateY(1px);box-shadow:0 2px 0 #e6dcc4}
html body.sg69 .sg722-back-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffd54a;color:#3b2a00;font-size:24px;line-height:1;box-shadow:inset 0 -3px 0 rgba(0,0,0,.08)}
html body.sg69 .sg69-world-head::after{right:auto;left:50%}
html body.sg69 .sg722-slider{display:flex;flex-direction:column;gap:8px;min-width:0}
html body.sg69 .sg69-world-left .sg722-track{display:grid!important;grid-auto-flow:column;grid-auto-columns:100%;grid-template-columns:none!important;gap:0!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:22px;overscroll-behavior-x:contain}
html body.sg69 .sg722-track::-webkit-scrollbar{display:none}
html body.sg69 .sg722-track>.sg69-world-book{scroll-snap-align:start;scroll-snap-stop:always}
html body.sg69 .sg722-track>.sg69-world-book .sg717-entry{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;gap:6px;margin:0;padding:8px;background:#fff;border-top:1px solid #efeaf9}
html body.sg69 .sg722-track>.sg69-world-book .sg717-entry-btn{flex-direction:column;justify-content:center;gap:2px;min-height:60px;padding:6px 4px;border-radius:14px;font-size:12.5px;line-height:1.15;text-align:center}
html body.sg69 .sg722-nav{display:flex;align-items:center;justify-content:center;gap:12px}
html body.sg69 .sg722-arrow{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#fff;box-shadow:0 3px 0 #e6dcc4;color:var(--sg69-ink);font-size:28px;line-height:1;cursor:pointer}
html body.sg69 .sg722-arrow:disabled{opacity:.35;cursor:default}
html body.sg69 .sg722-dots{display:flex;gap:6px}
html body.sg69 .sg722-dot{width:28px;height:28px;padding:0;border:0;background:none;cursor:pointer;position:relative}
html body.sg69 .sg722-dot::after{content:"";position:absolute;inset:9px;border-radius:50%;background:#d9cfe9}
html body.sg69 .sg722-dot[aria-current=true]::after{inset:7px;background:#7c55c8}
html body.sg69 .sg69-world-right .sg722-tiles{grid-template-columns:repeat(var(--n,3),minmax(0,1fr))!important;gap:10px}
html body.sg69 .sg69-world-right .sg722-tiles .sg69-tile{padding:12px 4px 10px!important}
html body.sg69 .sg69-world-right .sg722-tiles .sg69-tile strong{font-size:clamp(12px,1.05vw,15px)!important;text-align:center;line-height:1.15}
html body.sg69 .sg69-world-right .sg722-tiles .sg69-tile small{font-size:12.5px}
html body.sg69 .sg69-world-right .sg722-tiles .sg69-tile .sg69-tile-art{width:clamp(44px,4.4vw,62px)!important;height:clamp(44px,4.4vw,62px)!important}
@media (min-width:1000px) and (orientation:landscape){
 html body.sg69 .sg69-world-right{max-height:none!important;overflow:visible!important;padding-right:0!important}
 html body.sg69 .sg69-world-left .sg722-track .sg69-world-cover{max-height:calc(100dvh - var(--sg69-bar) - var(--sg69-dock) - 385px)!important;min-height:180px}
}
@media (max-width:640px){
 html body.sg69 .sg69-world-head .sg722-back{position:absolute;top:10px;right:10px;min-height:48px;padding:4px}
 html body.sg69 .sg69-world-head .sg722-back-text{display:none}
 html body.sg69 .sg69-world-head .sg722-back-icon{width:40px;height:40px}
 html body.sg69 .sg69-world-right .sg722-tiles{grid-template-columns:repeat(min(var(--n,3),3),minmax(0,1fr))!important}
 html body.sg69 .sg722-track>.sg69-world-book .sg717-entry{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){html body.sg69 .sg69-world-head .sg722-back{transition:none}}

/* V7.30 parent area: Üyelik tab */
.sg730-membership{display:grid;gap:8px}
.sg730-status{margin:0;padding:12px 14px;border-radius:14px;background:#f4f1fa;font-weight:800;color:#2b2140}
.sg730-status.is-premium{background:#fff1c9;color:#5a3a00}
.sg730-membership h3{margin:10px 0 0;font-size:16px}
.sg730-wishes{margin:0;padding-left:20px;line-height:1.6}.sg730-wishes small{color:#6a5f7d}
html body .sg730-membership .sg730-link{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:12px;background:#5b3fa3;color:#fff;font-weight:700;text-decoration:none}html body .sg730-membership .sg730-link:hover{background:#4a3290}
/* V7.38: bedtime listening — picker in the parent area and the dark screen */
.sg738-panel{display:grid;gap:12px}
.sg738-books{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-height:46vh;overflow:auto;padding:2px}
.sg738-book{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;padding:8px;border:2px solid #e8e2f4;border-radius:14px;background:#fff;cursor:pointer}
.sg738-book input{position:absolute;opacity:0;pointer-events:none}
.sg738-book:has(input:checked){border-color:#5b3fa3;background:#f4f0fc}
.sg738-book:has(input:focus-visible){outline:3px solid #5b3fa3;outline-offset:2px}
.sg738-book.is-locked{opacity:.55;cursor:not-allowed}
.sg738-book img{width:56px;height:56px;object-fit:cover;border-radius:10px}
.sg738-book b{display:block;font-size:.95rem;line-height:1.25}
.sg738-book small{color:#6c6480}
.sg738-timer{display:grid;gap:6px;font-weight:600}
.sg738-timer select{min-height:44px;border-radius:12px;padding:0 10px}
body.sg738-on{overflow:hidden}
.sg738-night{position:fixed;inset:0;z-index:2147483000;background:radial-gradient(circle at 70% 20%,#151a33 0,#05060d 60%);display:grid;place-items:center;color:#9aa3c7;touch-action:none;user-select:none}
.sg738-moon{position:absolute;top:9%;right:14%;width:72px;height:72px;border-radius:50%;background:#f5ecc8;box-shadow:0 0 60px 18px rgba(245,236,200,.18);opacity:.55}
.sg738-figure{width:min(46vw,46vh);max-height:52vh;object-fit:contain;filter:brightness(0) drop-shadow(0 0 22px rgba(170,180,255,.28));opacity:.9;animation:sg738-breathe 6s ease-in-out infinite}
@keyframes sg738-breathe{50%{transform:scale(1.02)}}
@media (prefers-reduced-motion:reduce){.sg738-figure{animation:none}}
.sg738-title,.sg738-end{position:absolute;bottom:12%;left:0;right:0;margin:0;text-align:center;font-size:1.1rem;opacity:.55}
.sg738-end{font-size:1.4rem;opacity:.8}
.sg738-leave{position:absolute;top:16px;left:16px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(154,163,199,.25);background:transparent;color:#5d6488;font-size:1.2rem}
/* V7.40 karakter dünyası: ana etkinlikler daha belirgin; hikâye etkinlikleri onların altında; fırça çizgisi ve altta
   ayrı kutuda koleksiyonlar; "Miko’yu çağır" düğmesi başlıkta. */
html body.sg69 .sg69-world-right .sg69-tile{padding:16px 8px 14px!important;border-radius:24px!important;box-shadow:0 6px 16px rgba(60,40,110,.08),inset 0 0 0 2px rgba(255,255,255,.7)!important}
html body.sg69 .sg69-world-right .sg69-tile .sg69-tile-art{width:72px!important;height:72px!important;box-shadow:0 6px 14px rgba(0,0,0,.08)}
html body.sg69 .sg69-world-right .sg69-tile .sg69-tile-art .sg69-i{width:38px!important;height:38px!important}
html body.sg69 .sg69-world-right .sg69-tile strong{font-size:16.5px!important;color:#2b2350}
html body.sg69 .sg69-world-right .sg69-tile[data-kind=listen]{--tile:#e6dbfa}html body.sg69 .sg69-world-right .sg69-tile[data-kind=color]{--tile:#fcdccd}html body.sg69 .sg69-world-right .sg69-tile[data-kind=puzzle]{--tile:#fbecb8}html body.sg69 .sg69-world-right .sg69-tile[data-kind=find]{--tile:#cdeedf}html body.sg69 .sg69-world-right .sg69-tile[data-kind=watch]{--tile:#d8e7fb}html body.sg69 .sg69-world-right .sg69-tile[data-kind=album]{--tile:#f6dcec}
html body.sg69 .sg69-world-right .sg740-acts-title{margin-top:22px!important;font-size:clamp(18px,1.7vw,23px)!important;color:#4b3a72}
html body.sg69 .sg740-acts{padding:12px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--sg69-line,#ece6f6)}
html body.sg69 .sg740-acts-book{display:block;margin:0 4px 8px;font-size:14px;font-weight:700;color:#6a5f86}
html body.sg69 .sg740-acts .sg717-entry{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:0}
html body.sg69 .sg740-acts .sg717-entry[hidden]{display:none}
html body.sg69 .sg740-acts .sg717-entry-btn{flex-direction:column;justify-content:center;gap:4px;min-height:74px;padding:8px 6px;border-radius:16px;border:2px solid #ece6f8;background:#fbf9ff;font-size:14px;line-height:1.2;text-align:center;transition:transform .15s ease}
html body.sg69 .sg740-acts .sg717-entry-btn:hover{transform:translateY(-2px);background:#f3eeff}
html body.sg69 .sg740-acts .sg717-entry-icon{font-size:24px}
html body.sg69 .sg740-more{margin:clamp(18px,3vh,30px) 0 8px;padding:clamp(16px,2.4vw,26px);border-radius:28px;background:linear-gradient(180deg,#fffdf8,#fbf6ee);box-shadow:0 8px 24px rgba(60,40,110,.07),inset 0 0 0 1px #efe7da}
html body.sg69 .sg740-more>.sg69-world-sub{margin:4px 0 14px!important}
html body.sg69 .sg740-more .sg69-packs{grid-template-columns:repeat(auto-fill,minmax(200px,260px))}
html body.sg69 .sg740-call{margin-top:10px;min-height:42px;padding:6px 16px;font-weight:800;font-size:15px;background:#fff8e1;box-shadow:inset 0 0 0 2px #f2d27a}
html body.sg69 .sg740-call:hover{background:#fff1c4}
@media (max-width:700px){
 html body.sg69 .sg69-mini.sg740-call{width:auto;padding:6px 14px}
 html body.sg69 .sg69-mini.sg740-call>span{position:static;width:auto;height:auto;overflow:visible;clip:auto}
 html body.sg69 .sg740-acts .sg717-entry{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){html body.sg69 .sg740-acts .sg717-entry-btn:hover{transform:none}}
/* V7.41 fon müziği düğmesi (üst çubukta, Çocuk Modu'nun yanında) */
html body.sg69 .sg741-music{min-width:46px;min-height:46px;justify-content:center;padding:0 12px;border:0;cursor:pointer;font-size:22px;line-height:1;background:#f1ecfb;box-shadow:inset 0 0 0 1px #e2d8f6}
html body.sg69 .sg741-music[aria-pressed=true]{background:#ffe9a8;box-shadow:inset 0 0 0 2px #f2c94c;animation:sg741-beat 2.4s ease-in-out infinite}
html body.sg69 .sg741-music:focus-visible{outline:3px solid #315891;outline-offset:2px}
@keyframes sg741-beat{50%{transform:scale(1.06)}}
@media (prefers-reduced-motion:reduce){html body.sg69 .sg741-music[aria-pressed=true]{animation:none}}
/* V7.42: koleksiyonlar kutusu — fırça çizgisi yok, başlık küçük ve ortada, kartlar ortada; ilk ekrana sığsın */
html body.sg69 .sg740-more{margin:clamp(12px,2vh,20px) 0 8px;padding:clamp(12px,1.6vw,18px) clamp(14px,2vw,22px)}
html body.sg69 .sg740-more>.sg69-world-sub{margin:0 0 10px!important;font-size:clamp(16px,1.3vw,19px)!important;text-align:center}
html body.sg69 .sg740-more .sg69-packs{justify-content:center}
html body.sg69 .sg740-more .sg69-packs{grid-template-columns:repeat(auto-fit,minmax(200px,260px))!important}

/* ---- V7.57: kilitli dünya — dünyanın kendisi bulanık, önünde sakin ve ortalı bir kutu (fiyat yok, satış dili yok) */
html body.sg69 .sg757-locked{position:relative;display:grid;margin:4px 0 8px;border-radius:28px;overflow:hidden}
html body.sg69 .sg757-preview{grid-area:1/1;height:clamp(420px,calc(100dvh - 330px),640px);overflow:hidden;filter:blur(7px) saturate(.9);opacity:.75;pointer-events:none;user-select:none;-webkit-user-select:none;transform:scale(1.01);-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}
html body.sg69 .sg757-preview .sg69-world-right{max-height:none!important;overflow:hidden!important}
html body.sg69 .sg757-preview .sg740-more{margin-top:18px}
html body.sg69 .sg757-box{grid-area:1/1;align-self:center;justify-self:center;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(440px,calc(100% - 32px));margin:24px 0;padding:clamp(20px,3vw,30px) clamp(18px,3vw,32px) clamp(20px,3vw,28px);border-radius:30px;background:#fffdf8f2;box-shadow:0 18px 44px rgba(60,40,110,.18),inset 0 0 0 2px #fff;text-align:center}
html body.sg69 .sg757-box .sg757-pic{--size:clamp(84px,12vw,112px)!important;box-shadow:0 8px 20px rgba(60,40,110,.14),0 0 0 5px #fff}
html body.sg69 .sg757-label{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:4px 12px;border-radius:999px;background:#fff1c4;color:#6b4a00;font-size:14px;font-weight:800;letter-spacing:.01em}
html body.sg69 .sg757-title{margin:2px 0 0;font-family:var(--sg69-head);font-size:clamp(22px,2.4vw,30px);font-weight:800;line-height:1.15;color:#2b2350;text-wrap:balance}
html body.sg69 .sg757-note{margin:0;max-width:340px;color:var(--sg69-text);font-size:clamp(15px,1.4vw,17px);line-height:1.4}
html body.sg69 .sg757-box .sg757-ask{position:static;margin-top:8px;min-height:52px;padding:10px 24px;border:0;border-radius:999px;background:#ece4fa;color:#4b3a72;font:inherit;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 4px 10px rgba(75,58,114,.15)}
html body.sg69 .sg757-box .sg757-ask:hover{background:#e2d6f8}
html body.sg69 .sg757-box .sg757-ask:focus-visible{outline:3px solid #315891;outline-offset:3px}
@media (max-width:700px){
 html body.sg69 .sg757-preview{height:clamp(440px,calc(100dvh - 280px),600px)}
 html body.sg69 .sg757-box{align-self:start;margin-top:12px;gap:6px;padding:16px 16px 18px}
 html body.sg69 .sg757-box .sg757-pic{--size:72px!important}
 html body.sg69 .sg757-title{font-size:21px}
}

/* V7.57: friends home — five friends in a row on wide screens (ten per page); the pager sits top right like the world's back button */
@media (orientation:landscape) and (min-width:900px){html body.sg69 .sg69-friends:not(.is-packs){--cols:5;--gap:clamp(14px,2.4vw,44px)}html body.sg69 .sg69-friends:not(.is-packs) .sg69-disc{--size:clamp(108px,min(13.5vw,22vh),205px)}}
html body.sg69 .sg69-home-head .sg69-home-pager{margin-left:auto;gap:10px}
html body.sg69 .sg69-page-btn.sg757-arrow{min-height:56px;padding:6px 18px 6px 6px;gap:10px;background:#fff;box-shadow:0 4px 0 #e6dcc4,0 6px 16px rgba(40,60,70,.08);font-family:var(--sg69-head);font-size:clamp(15px,1.4vw,18px);font-weight:800;color:var(--sg69-ink);transition:transform .15s ease}
html body.sg69 .sg69-page-btn.sg757-arrow:not(.is-prev){padding:6px 6px 6px 18px}
html body.sg69 .sg69-home-pager .sg757-arrow.is-prev{padding:6px}
html body.sg69 .sg69-home-pager .sg757-arrow.is-prev .prev-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html body.sg69 .sg69-page-btn.sg757-arrow:hover{transform:translateY(-2px)}
html body.sg69 .sg69-page-btn.sg757-arrow:active{transform:translateY(1px);box-shadow:0 2px 0 #e6dcc4}
@media (prefers-reduced-motion:reduce){html body.sg69 .sg69-page-btn.sg757-arrow{transition:none}html body.sg69 .sg69-page-btn.sg757-arrow:hover{transform:none}}

/* diary-v611.css */
/* V6.11 parent area: "Neler yaptı?" diary, add-as-app panel (Kids Studio dialog and the family account page). */
.sg611-parent-nav{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}
.sg611-parent-nav button{min-height:44px;padding:8px 14px;border:1px solid #d9d2e6;border-radius:999px;background:#fff;color:#2b3a4a;font:inherit;font-weight:700;cursor:pointer}
.sg611-parent-nav button[aria-pressed=true]{background:#e1f3ee;border-color:#9fd3c0;color:#1f6b55}
.sg611-parent-body{min-height:120px;max-height:min(56vh,520px);overflow:auto;padding:2px 2px 6px}
.sg611-range{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#f3eee3;margin:0 0 12px}
.sg611-tab{min-height:40px;padding:6px 14px;border:0;border-radius:999px;background:transparent;font:inherit;font-weight:700;color:#41505c;cursor:pointer}
.sg611-tab[aria-selected=true]{background:#fff;color:#17465a;box-shadow:0 2px 6px rgba(40,60,70,.12)}
.sg611-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.sg611-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;background:#f6f1e6;font-weight:700;color:#2f4b57;font-size:14px}
.sg611-chip.is-time{background:#e1f3ee;color:#24584b}
.sg611-day{margin:0 0 12px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #ece5d6}
.sg611-day h3{margin:0 0 8px;font-size:16px;color:#17465a;text-transform:capitalize}
.sg611-day ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.sg611-day li{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:baseline;font-size:15px;line-height:1.4;color:#2f4b57}
.sg611-day time{font-variant-numeric:tabular-nums;color:#6b7c86;font-size:13px}
.sg611-muted,.sg611-empty{color:#6b7c86}
.sg611-note{font-size:13px;color:#6b7c86;margin:8px 0}
.sg611-clear{min-height:40px;padding:6px 12px;border:1px solid #e3c9c9;border-radius:12px;background:#fff7f7;color:#8a3b3b;font:inherit;cursor:pointer}
.sg611-app{display:flex;gap:14px;align-items:flex-start}
.sg611-app img{border-radius:18px;flex:0 0 auto}
.sg611-app h3{margin:0 0 6px;font-size:18px;color:#17465a}
.sg611-app p{margin:0 0 8px}
.sg611-steps{margin:6px 0;padding-left:20px;line-height:1.5;font-size:15px}.sg611-app p{font-size:15px}
.sg611-install{min-height:48px;padding:10px 20px;border:0;border-radius:999px;background:#7fd5b8;color:#10402f;font:inherit;font-weight:800;cursor:pointer}
.sg611-ok{color:#1f6b55;font-weight:700}
.sg611-parent-nav button:focus-visible,.sg611-tab:focus-visible,.sg611-install:focus-visible,.sg611-clear:focus-visible{outline:3px solid #315891;outline-offset:2px}
.sg-standalone .sg69-full,.sg-standalone [data-kids-full]{display:none!important}
.family-diary{margin-top:14px}
.family-diary-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}

/* portal-v720.css */
/* V7.20: story activities on the public cards, the collection page and the home "activities" widget */
.sg720-acts{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin:2px 0 0;padding:4px 12px 4px 5px;border-radius:999px;background:#fff1c9;box-shadow:inset 0 0 0 1.5px #f3d27a;color:#6b4300;font-size:13px;line-height:1.2}
.sg720-acts b{font-weight:800}
.sg720-acts-icons{display:inline-flex}
.sg720-acts-icons span{display:grid;place-items:center;width:24px;height:24px;margin-left:-6px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #fff1c9;font-size:13px}
.sg720-acts-icons span:first-child{margin-left:0}
.sg720-acts.is-big{font-size:14.5px;padding:5px 14px 5px 6px}
.sg720-acts.is-big .sg720-acts-icons span{width:28px;height:28px;font-size:15px}
.sg43-card .sg720-acts{margin:0 0 10px}
.sg59-book .sg720-acts{margin:0 0 14px}

.sg720-story{margin:clamp(24px,4vw,40px) 0}
.sg720-story h2{margin:0 0 6px}
.sg720-story>p{margin:0 0 16px}
.sg720-story-grid,.sg720-home ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sg720-story-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.sg720-story-grid li,.sg720-home li{display:grid;grid-template-columns:44px 1fr;column-gap:12px;row-gap:2px;align-items:start;padding:14px;border-radius:18px;background:#fff;box-shadow:0 0 0 1.5px #efe7d2,0 3px 0 #f3ead2}
.sg720-story-grid li>span,.sg720-home li>span{grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff1c9;font-size:22px}
.sg720-story-grid b,.sg720-home li b{font-size:15.5px;color:#2b2140}
.sg720-story-grid small,.sg720-home li small{font-size:13px;line-height:1.45;color:#5e5470}

html body:not(.sg-kids-mode) #main .sg720-home{max-width:1180px;margin:clamp(28px,5vw,56px) auto;padding:0 16px;box-sizing:border-box}
.sg720-home-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sg720-home-col{padding:20px;border-radius:26px;background:#f4f0fb}
.sg720-home-col h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:18px}
.sg720-home-col ul{grid-template-columns:1fr 1fr}
.sg720-home-col li>span{background:#ece4fa}
.sg720-home-col.is-story{background:#fff7e0}
.sg720-home-col.is-story li>span{background:#fff1c9}
.sg720-home-col.is-story li:last-child:nth-child(odd){grid-column:1/-1}
.sg720-home-col:not(.is-story) li{box-shadow:0 0 0 1.5px #e7def5,0 3px 0 #e7def5}
.sg720-new{padding:2px 8px;border-radius:999px;background:#ffcf4a;color:#4a3000;font-size:11px;font-weight:800;letter-spacing:.04em}
.sg720-home-note{margin:16px 0 0;text-align:center;font-size:14px;color:#5e5470}
.sg720-home-note a{font-weight:800;white-space:nowrap}
@media (max-width:899.98px){.sg720-home-cols{grid-template-columns:1fr}}
@media (max-width:519.98px){.sg720-home-col{padding:14px;border-radius:20px}.sg720-home-col ul{grid-template-columns:1fr}.sg720-home-col.is-story li:last-child:nth-child(odd){grid-column:auto}}
@media (max-width:519.98px){.sg720-home-col:not(.is-story) ul{grid-template-columns:1fr 1fr;gap:8px}.sg720-home-col:not(.is-story) li{grid-template-columns:34px 1fr;align-items:center;padding:10px;column-gap:8px}.sg720-home-col:not(.is-story) li>span{grid-row:auto;width:34px;height:34px;font-size:18px;border-radius:10px}.sg720-home-col:not(.is-story) li small{display:none}.sg720-home-col:not(.is-story) li b{font-size:14px}}
.sg58-collection-copy .sg720-acts{margin:0 0 14px}

/* V7.20: character and collection pages use the same side gutters as the listings; the hero grows in proportion
   (bigger picture, text kept to a readable width) instead of being stretched. */
html body:not(.sg-kids-mode) #main>:is(.sg58-character,.sg58-collection){max-width:none;width:auto;padding-left:var(--sg531-gutter);padding-right:var(--sg531-gutter);box-sizing:border-box}
html body:not(.sg-kids-mode) #main>:is(.sg58-character,.sg58-collection) .sg58-collection-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);padding:clamp(18px,3.5vw,56px) clamp(18px,4vw,72px)}
html body:not(.sg-kids-mode) #main>:is(.sg58-character,.sg58-collection) .sg58-collection-art>img{width:min(92%,clamp(320px,27vw,480px))}
html body:not(.sg-kids-mode) #main>:is(.sg58-character,.sg58-collection) .sg58-collection-art .sg58-blob{width:min(90%,clamp(300px,24vw,420px));height:clamp(260px,20vw,330px)}
html body:not(.sg-kids-mode) #main>:is(.sg58-character,.sg58-collection) .sg58-collection-copy{max-width:720px}
html body:not(.sg-kids-mode) #main>:is(.sg58-character,.sg58-collection) .sg58-collections.is-related{padding:clamp(24px,3vw,48px);border-radius:32px}
html body:not(.sg-kids-mode) #main>:is(.sg58-character,.sg58-collection) :is(.sg58-grid,.sg58-head){max-width:none}
/* the collections at the bottom: wide cards (picture left, text right), two per row, so one or two cards do not look thin and tall */
@media (min-width:900px){
 html body:not(.sg-kids-mode) #main>:is(.sg58-character,.sg58-collection) .sg58-collections.is-related .sg58-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 html body:not(.sg-kids-mode) #main>:is(.sg58-character,.sg58-collection) .is-related .sg58-card{display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr)}
 html body:not(.sg-kids-mode) #main>:is(.sg58-character,.sg58-collection) .is-related .sg58-card-art{height:auto;min-height:280px}
 html body:not(.sg-kids-mode) #main>:is(.sg58-character,.sg58-collection) .is-related .sg58-badge{right:auto;left:calc(44% - 14px);transform:translateX(-100%)}
 html body:not(.sg-kids-mode) #main>:is(.sg58-character,.sg58-collection) .is-related .sg58-card-body{padding:24px 26px}
}
@media (min-width:700px) and (max-width:899.98px){html body:not(.sg-kids-mode) #main>:is(.sg58-character,.sg58-collection) .sg58-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){html body:not(.sg-kids-mode) #main>:is(.sg58-character,.sg58-collection) .sg58-collection-hero{grid-template-columns:1fr}}

/* V7.20: character page head — what the child can do with this character */
.sg720-char{margin:4px 0 22px}
.sg720-char-title{margin:0 0 10px;font-family:var(--sg58-font);font-size:clamp(17px,1.5vw,21px);font-weight:800;color:var(--sg58-ink,#2b2140)}
.sg720-char ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.sg720-char li{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px 10px;border-radius:22px;background:var(--tile,#f4f1ea);text-align:center;box-shadow:0 3px 0 color-mix(in srgb,var(--tile,#f4f1ea) 70%,#b9a9d6);transition:transform .2s ease}
.sg720-char li:hover{transform:translateY(-3px) rotate(-1deg)}
.sg720-char-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:4px;border-radius:50%;background:#fff;box-shadow:0 4px 10px #0000000f;font-size:26px;line-height:1}
.sg720-char li:hover .sg720-char-icon{animation:sg720-wiggle .5s ease}
.sg720-char strong{font-size:15px;font-weight:800;color:#2b2140}
.sg720-char small{font-size:12.5px;color:#5e5470;line-height:1.3}
.sg720-char li[data-kind=book]{--tile:#efe8fb}.sg720-char li[data-kind=listen]{--tile:#e3eefb}.sg720-char li[data-kind=color]{--tile:#fde9df}.sg720-char li[data-kind=puzzle]{--tile:#fdf3cf}.sg720-char li[data-kind=find]{--tile:#dff3ea}.sg720-char li[data-kind=watch]{--tile:#f8e6f0}
.sg720-char li.is-story{--tile:#fff1c9;box-shadow:inset 0 0 0 2px #f3d27a,0 3px 0 #f1d98f}
.sg720-char li.is-story{grid-column:span 2}
.sg720-char li.is-story small{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 6px}.sg720-char-row{letter-spacing:2px;font-size:15px}.sg720-char li.is-story small b{color:#6b4300}
@keyframes sg720-wiggle{0%,100%{transform:rotate(0)}30%{transform:rotate(-10deg) scale(1.06)}60%{transform:rotate(8deg) scale(1.06)}}
@media (max-width:519.98px){.sg720-char ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sg720-char li{padding:10px 4px 8px;border-radius:18px}.sg720-char-icon{width:44px;height:44px;font-size:22px}.sg720-char strong{font-size:14px}.sg720-char small{font-size:11.5px}.sg720-char li.is-story{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.sg720-char li,.sg720-char li:hover .sg720-char-icon{transition:none;animation:none}}

/* V7.28 Güven ve gizlilik */
.sg728-head{max-width:820px;margin:8px 0 26px}
.sg728-head h1{margin:6px 0 10px;font-size:clamp(34px,5vw,54px);line-height:1.05}
.sg728-never{padding:clamp(18px,3vw,32px);margin:0 0 30px;border-radius:28px;background:#fff7e0;box-shadow:inset 0 0 0 2px #f6dc8f}
.sg728-never h2{margin:0 0 14px}
.sg728-never ul{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.sg728-never li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:#fff;font-weight:700;color:#2b2140}
.sg728-never li span{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:#fff1c9;font-size:20px}
.sg728-block{max-width:860px;margin:30px 0}
.sg728-block h2{margin:0 0 10px;font-size:clamp(22px,2.4vw,30px)}
.sg728-block p{font-size:16.5px;line-height:1.65;color:#3d3550}
.sg728-kept{display:grid;gap:10px;margin:0}
.sg728-kept div{padding:14px 16px;border-radius:16px;background:#f6f3fb}
.sg728-kept dt{font-weight:800;color:#2b2140}
.sg728-kept dd{margin:4px 0 0;color:#4a4060;line-height:1.55}
.sg728-legal a{font-weight:700}
@media (max-width:519.98px){.sg728-never ul{grid-template-columns:1fr}}
@media (min-width:900px){.sg728-never ul{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* reader-v739.css */
/* V7.39 — sesli okuma başlık satırında: "▶ Dinle" + "⚙" (ebeveyn ses ayarları küçük bir açılır panelde, sayfayı itmez);
   okunan cümle kitabın sayfasında işaretlenir (kapatılabilir). */
#reader .reader-header{position:relative}
#reader .reader-header>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
#reader .sg739-narr{display:flex;align-items:center;gap:6px;margin-right:6px}
html body #reader .reader-header .sg739-narr .sg-narration-play{min-height:44px;min-width:0;width:auto;padding:8px 20px;border:0;border-radius:999px;background:#6540bb;color:#fff;font:inherit;font-size:18px;font-weight:800;line-height:1.1;box-shadow:0 4px 14px #6540bb40;cursor:pointer;white-space:nowrap}
html body #reader .reader-header .sg739-narr .sg-narration-play[aria-pressed="true"]{background:#5b3fa3}
html body #reader .reader-header .sg739-narr .sg-narration-play:disabled{background:#d9d2e8;color:#4c4560;box-shadow:none;cursor:default}
html body #reader .reader-header .sg739-narr .sg-narration-play.is-invite{animation:sg739-invite 1.6s ease-in-out 3}
@keyframes sg739-invite{50%{box-shadow:0 0 0 8px #6540bb33}}
@media (prefers-reduced-motion:reduce){html body #reader .reader-header .sg739-narr .sg-narration-play.is-invite{animation:none}}
html body #reader .reader-header .sg739-narr .sg739-gear{min-width:44px;min-height:44px;padding:4px 10px;border-radius:12px;font-size:24px;line-height:1}
html body #reader .reader-header .sg739-narr .sg739-gear[aria-expanded="true"]{background:#efe8fb;border-color:#6540bb}
#reader .sg739-note{font-size:13px;color:#7a2e2e;max-width:220px;line-height:1.3}
#reader .sg739-pop{position:absolute;right:0;top:calc(100% + 4px);z-index:40;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 140px);overflow:auto;padding:12px 14px 14px;border:1px solid #ddd3ee;border-radius:18px;background:#fff;color:#26354b;box-shadow:0 18px 40px #2a1d4a2e;text-align:left}
#reader .sg739-pop[hidden]{display:none}
#reader .sg739-pop-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 4px}
#reader .sg739-pop-head b{font-size:15px;color:#4b3a72}
html body #reader .reader-header .sg739-pop-head button{min-width:36px;min-height:36px;padding:4px 8px;font-size:14px}
html body #reader .reader-header .sg739-pop small.sg739-ai{display:block;margin:0 0 8px;font-size:12.5px;color:#5b5670}
#reader .sg739-part{display:block;font-size:13px;color:#5b4a6b;margin:0 0 6px}
#reader .sg739-pop audio{display:block;width:100%;height:40px;margin:0 0 8px}
#reader .sg739-pop .sg-narration-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 10px}
html body #reader .reader-header .sg739-pop .sg-narration-tools button{width:100%;white-space:nowrap;min-width:0;min-height:40px;padding:6px 4px;font-size:15px;border-radius:12px}
#reader .sg739-speed{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;margin:0 0 8px}
#reader .sg739-speed select{min-height:36px;border-radius:10px;padding:2px 8px;font:inherit}
#reader .sg739-check{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.3;min-height:36px;cursor:pointer}
#reader .sg739-check input{width:20px;height:20px;flex:0 0 auto;accent-color:#6540bb}
/* on the page */
#reader .page{position:relative}
#reader .sg739-marks{position:absolute;pointer-events:none;z-index:2}
#reader .sg739-marks i{position:absolute;border-radius:5px;background:#ffd84d;opacity:.42;mix-blend-mode:multiply;transition:left .2s ease,top .2s ease,width .2s ease}
#reader mark.sg739-now{background:#ffe9a8;color:inherit;border-radius:5px;box-shadow:0 0 0 2px #ffe9a8}
@media (prefers-reduced-motion:reduce){#reader .sg739-marks i{transition:none}}
/* phones: title on its own row; under it one row with Dinle, ⚙ and the reader buttons */
@media (max-width:620px){
 html body #reader .reader-header{flex-wrap:wrap;row-gap:6px}
 html body #reader .reader-header>div:first-child{flex:1 1 100%}
 html body #reader .reader-header>div:last-child{flex:1 1 100%;max-width:none;flex-wrap:nowrap;gap:6px}
 #reader .sg739-narr{flex:1 1 auto;margin-right:auto;min-width:0}
 html body #reader .reader-header .sg739-narr .sg-narration-play{font-size:16px;padding:8px 14px;min-height:42px}
 html body #reader .reader-header>div:last-child>button,html body #reader .reader-header>div:last-child>a,html body #reader .reader-header .sg739-narr .sg739-gear{min-width:40px;min-height:40px;padding:4px 6px}
}

/* portal-v756.css */
/* V7.56 Ortaklık programı: /tr/ortaklik, /tr/ortaklik/kosullar and the optional partner code in the Premium form */
.sg756-head-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}
.sg756-partner .sg59-reasons{margin:0 0 34px}
.sg756-partner .sg59-reasons article>span{background:#fff1c9}
.sg756-note{text-align:center;margin:14px auto 0;max-width:720px}
.sg756-steps{margin:0 0 34px}
.sg756-steps>h2,.sg756-facts>h2{text-align:center;font-size:clamp(28px,4vw,42px);margin:0 0 20px}
.sg756-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sg756-steps li{display:flex;gap:14px;align-items:flex-start;padding:22px;border-radius:24px;background:#f6f3fb}
.sg756-step{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#5b47d6;color:#fff;font-weight:800;font-size:20px}
.sg756-steps h3{margin:2px 0 6px;font-size:20px}
.sg756-steps p{margin:0;font-size:15.5px;line-height:1.55;color:#4a4360}
.sg756-facts{margin:0 0 34px}
.sg756-facts>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.sg756-facts article{padding:20px 18px;border-radius:22px;background:#fff;box-shadow:0 8px 24px #3b236c12}
.sg756-facts strong{display:block;font-family:var(--sg58-font,inherit);font-size:30px;line-height:1.1;color:#5b47d6;font-variant-numeric:tabular-nums}
.sg756-facts h3{margin:8px 0 4px;font-size:17px;line-height:1.25}
.sg756-facts p{margin:0;font-size:14.5px;line-height:1.5;color:#4a4360}
.sg756-facts>p{text-align:center;margin:14px auto 0;max-width:760px}
.sg756-rules{margin:0 0 10px;padding-left:22px;font-size:16.5px;line-height:1.7;color:#3d3550}
.sg756-apply{max-width:860px;margin:36px 0 10px;padding:clamp(18px,3vw,32px);border-radius:28px;background:#fff;box-shadow:0 10px 30px #3b236c14;scroll-margin-top:90px}
.sg756-apply h2{margin:0 0 6px;font-size:clamp(24px,3vw,34px)}
.sg756-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:16px 0 8px}
.sg756-grid label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:15px;color:#2b2140}
.sg756-grid label small{font-weight:500;color:#6b6280}
.sg756-grid input,.sg756-grid select,.sg756-grid textarea{font:inherit;font-weight:400;padding:11px 13px;border:1.5px solid #ddd5ea;border-radius:12px;background:#fff;color:#2b2140;min-height:46px;width:100%;box-sizing:border-box}
.sg756-grid textarea{resize:vertical}
.sg756-grid :is(input,select,textarea):focus-visible{outline:3px solid #b9adf3;outline-offset:1px;border-color:#5b47d6}
.sg756-grid [aria-invalid=true]{border-color:#c0392b}
.sg756-wide{grid-column:1/-1}
.sg756-hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.sg756-check{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font-size:15px}
.sg756-check input{width:20px;height:20px;margin-top:2px;flex:none}
.sg756-error{color:#a02b37;min-height:22px;margin:6px 0;white-space:pre-line}
.sg756-done{padding:18px 20px;border-radius:18px;background:#e9f7ef;box-shadow:inset 0 0 0 1.5px #a9dcc0}
.sg756-done h3{margin:0 0 6px}
.sg756-version{margin:8px 0 0;font-size:14px;font-weight:700;color:#6b6280}
.sg756-must{display:flex;flex-direction:column;gap:4px;max-width:860px;margin:0 0 24px;padding:16px 18px;border-radius:18px;background:#fff7e0;box-shadow:inset 0 0 0 2px #f6dc8f;font-size:16px}
.sg756-must strong{color:#5a3d00}
.sg756-code{margin:6px 0 10px}
.sg756-code label{display:flex;flex-direction:column;gap:6px}
.sg756-code input{text-transform:uppercase;letter-spacing:.06em;font-weight:650}
.sg756-code-note{margin:4px 0 0;font-size:14px}
.sg756-code-note:empty{display:none}
.sg756-code-note[data-state=ok]{color:#1f7a50;font-weight:650}
.sg756-code-note[data-state=invalid]{color:#9a5a00}
.sg756-code-note[data-state=busy]{color:#5c6c63}
@media (max-width:1023.98px){.sg756-facts>div{grid-template-columns:repeat(3,minmax(0,1fr))}.sg756-steps ol{grid-template-columns:1fr}}
@media (max-width:640px){.sg756-facts>div{grid-template-columns:repeat(2,minmax(0,1fr))}.sg756-grid{grid-template-columns:1fr}.sg756-facts strong{font-size:26px}.sg756-head-actions .button{flex:1 1 auto;text-align:center}}

/* V7.60: "Ebeveyn Kontrollü Ekran" crest in the footer menu grid (round seal, name, short line) */
.sg757-pce-badge{margin-top:18px;text-align:center;display:inline-block}
.sg760-crest a{padding:6px 0!important}
.sg760-crest a{display:inline-flex;flex-direction:column;align-items:center;gap:2px;color:#4a3290;text-decoration:none;border-radius:16px;padding:6px 10px}
.sg760-seal{display:grid;place-items:center;width:84px;height:84px;margin-bottom:8px;border-radius:50%;background:#fff;border:2px solid #e3dbf7;box-shadow:0 0 0 5px #fff,0 0 0 7px #e9e2fb,0 6px 14px rgba(74,50,144,.12);transition:transform .2s}
.sg760-seal svg{width:48px;height:48px}
footer .sg760-crest b{color:#4a3290;font-family:var(--sg58-font,"Baloo 2","DM Sans",system-ui,sans-serif);font-size:15px;font-weight:800;line-height:1.2}
.sg760-crest small{font-size:12px;font-weight:600;color:#7b7390}
.sg760-crest a:hover .sg760-seal,.sg760-crest a:focus-visible .sg760-seal{transform:translateY(-2px)}
.sg760-crest a:focus-visible{outline:3px solid #315891;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.sg760-seal{transition:none}.sg760-crest a:hover .sg760-seal{transform:none}}

/* portal-v761.css */
/* V7.61 Yurt dışı sayfası (/tr/yurtdisi): parent page for Turkish families abroad */
.sg761-abroad{overflow-x:clip}
.sg761-abroad>*{max-width:1080px;margin-left:auto!important;margin-right:auto!important}
.sg761-abroad *{box-sizing:border-box}
.sg761-draft{display:flex;flex-direction:column;gap:2px;margin:0 0 16px;padding:12px 16px;border-radius:14px;background:#fff1c9;box-shadow:inset 0 0 0 2px #e8c35a;color:#4a3300;font-size:15px}
.sg761-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(18px,3vw,40px);align-items:center;margin:8px 0 40px}
.sg761-hero h1{margin:8px 0 12px;font-size:clamp(34px,5vw,56px);line-height:1.05}
.sg761-hero .sg58-lead{font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:#3d3550;margin:0;max-width:34em}
.sg761-hero-art{display:block;margin:0}
.sg761-hero-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:28px;box-shadow:0 14px 36px #3b236c1f}
.sg761-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}
.sg761-actions .button{min-height:48px;display:inline-flex;align-items:center;justify-content:center}
.sg761-small{margin:10px 0 0;font-size:14.5px;color:#5a5170}
.sg761-block{display:flex;gap:18px;align-items:flex-start;margin:0 0 22px;padding:clamp(18px,3vw,28px);border-radius:26px;background:#fff;box-shadow:0 8px 24px #3b236c12}
.sg761-block>div{min-width:0;flex:1}
.sg761-block h2{margin:2px 0 8px;font-size:clamp(22px,2.6vw,30px)}
.sg761-block p{margin:0 0 8px;font-size:16.5px;line-height:1.65;color:#3d3550}
.sg761-ico{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:16px;background:#f3eefc;font-size:26px;color:#4a3290}
.sg761-ico svg{width:30px;height:30px}
.sg761-muted{color:#5a5170!important;font-size:15.5px!important}
.sg761-count{display:flex;align-items:baseline;gap:8px;margin:10px 0 2px!important;font-weight:700;color:#2b2140!important}
.sg761-count b{font-size:34px;line-height:1;color:#5b47d6;font-variant-numeric:tabular-nums}
.sg761-covers{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.sg761-covers a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#2b2140;font-weight:700;font-size:14.5px;line-height:1.3;border-radius:14px}
.sg761-covers img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px;background:#f3eefc}
.sg761-covers a:hover span{text-decoration:underline}
.sg761-list{margin:0;padding-left:22px;font-size:16.5px;line-height:1.75;color:#3d3550}
.sg761-pce-link{display:inline-flex;align-items:center;gap:.35em;font-weight:700;color:#4a3290}
.sg761-pce-link svg{width:1.2em;height:1.2em;flex:none}
.sg761-prices{margin:34px 0 10px;padding:clamp(18px,3vw,30px);border-radius:28px;background:#f6f3fb}
.sg761-prices h2{margin:0 0 8px;font-size:clamp(24px,3vw,34px)}
.sg761-plans{list-style:none;margin:16px 0 10px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.sg761-plans li{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:18px;background:#fff;box-shadow:0 6px 18px #3b236c10}
.sg761-plans b{font-size:16px;color:#4a4360}
.sg761-plans strong{font-size:26px;color:#2b2140;font-variant-numeric:tabular-nums}
.sg761-plans span{font-size:14.5px;color:#5a5170}
.sg761-plan-facts{margin:0 0 8px;font-size:15px;color:#3d3550}
.sg761-note{margin:6px 0;padding:10px 14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1.5px #ddd5ea;font-size:15px;color:#2b2140}
.sg761-abroad a:focus-visible,.sg761-abroad .button:focus-visible{outline:3px solid #5b47d6;outline-offset:3px}
@media (max-width:820px){
 .sg761-hero{grid-template-columns:1fr}
 .sg761-hero-art{order:-1}
}
@media (max-width:520px){
 .sg761-block{flex-direction:column;gap:10px}
 .sg761-ico{width:44px;height:44px;font-size:22px}
 .sg761-actions .button{flex:1 1 100%}
 .sg761-covers{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* portal-v763.css */
/* V7.63: collections show their book cover (wide, ~3:2) instead of the character picture. The art box follows the
   picture's shape so the cover is not cropped; character cards and character pages are unchanged. */
html body:not(.sg-kids-mode) .sg58-card>.sg58-card-art.is-cover,
html body:not(.sg-kids-mode) #main .sg58-card>.sg58-card-art.is-cover{height:auto;min-height:0;aspect-ratio:3/2}
.sg58-card>.sg58-card-art.is-cover img{object-position:center}
.sg58-week-art img.is-cover{aspect-ratio:3/2;width:min(100%,480px);border-radius:26px}
html body:not(.sg-kids-mode) #main .sg58-collection-art.is-cover>img,
.sg58-collection-art.is-cover>img{aspect-ratio:3/2;width:min(96%,560px);border-radius:28px}
html body:not(.sg-kids-mode) #main .sg58-collection-art.is-cover .sg58-blob,
.sg58-collection-art.is-cover .sg58-blob{height:min(240px,70%)}
.sg58-collection-art.is-cover{min-height:0;align-content:center}
@media (max-width:820px){html body:not(.sg-kids-mode) #main .sg58-collection-art.is-cover>img,.sg58-collection-art.is-cover>img{width:min(100%,520px)}}

/* portal-v766.css */
/* V7.66 Kids Studio world on short laptop screens (wide but at most 860px high, e.g. 1366×768 and 1440×900 with the browser bar).
   Before: the book picture got the left-over height and was cut to a thin strip, with the title and OKU on top of it.
   Now: the world banner is slimmer, the picture is never cut (its own 16:9 shape) and the left column is only as wide as the
   free height allows, so everything still fits without scrolling; the title and OKU sit in a white strip under the picture. */
@media (min-width:1000px) and (orientation:landscape) and (max-height:860px){
 html body.sg69 .sg69-world-head{padding:8px 18px;margin:0 0 10px}
 html body.sg69 .sg69-world-head .sg69-disc{--size:68px}
 html body.sg69 .sg69-world-head h2{font-size:clamp(24px,2.3vw,32px)}
 html body.sg69 .sg69-world-head p{margin-top:2px;font-size:15px}
 html body.sg69 .sg69-world-head .sg740-call{margin-top:6px;min-height:36px;padding:4px 14px;font-size:14px}
 html body.sg69 .sg69-world-body{grid-template-columns:minmax(0,min(54%,calc((100dvh - var(--sg69-bar) - var(--sg69-dock) - 330px) * 1.756))) minmax(330px,1fr)}
 html body.sg69 .sg69-world-body:not(:has(.sg69-world-left)){grid-template-columns:minmax(0,1fr)}
 html body.sg69 .sg69-world-left .sg69-world-cover,html body.sg69 .sg69-world-left .sg722-track .sg69-world-cover{max-height:none!important;min-height:0!important}
 html body.sg69 .sg69-world-left .sg69-world-book{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
 html body.sg69 .sg69-world-left .sg69-world-book>*{grid-column:1/-1}
 html body.sg69 .sg69-world-left .sg69-world-book>.sg69-world-book-info{grid-column:1;position:static;margin:0;padding:8px 14px;border-radius:0;background:#fff}
 html body.sg69 .sg69-world-left .sg69-world-book>.sg69-read{grid-column:2;position:static;margin:6px 12px;min-height:44px}
}
/* very short screens (about 1366×768 with the browser bar): the one-line welcome under the title gives its room to the book */
@media (min-width:1000px) and (orientation:landscape) and (max-height:700px){
 html body.sg69 .sg69-world-head p{display:none}
 html body.sg69 .sg69-world-body{grid-template-columns:minmax(0,min(54%,calc((100dvh - var(--sg69-bar) - var(--sg69-dock) - 300px) * 1.756))) minmax(330px,1fr)}
}
/* V7.66 the parent dialogs (welcome, PIN, ask a grown-up) scroll on short screens; their buttons stay in sight at the bottom */
dialog.sg-family-dialog .sg-family-actions{position:sticky;bottom:-25px;z-index:1;margin-bottom:-25px;padding:12px 0 25px;background:linear-gradient(#fffcf600,#fffcf6 14px)}

/* portal-v768.css */
/* V7.68 a soft, child-like lock for the Kids Studio (instead of the real padlock emoji): chubby lavender body, round shackle,
   a pink heart keyhole. Big locks on pictures carry a small "⭐ Premium" label under them (no price or sales words). */
:root{--sg-lock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M15 22v-6a9 9 0 0 1 18 0v6' fill='none' stroke='%237c5cdb' stroke-width='5.5' stroke-linecap='round'/%3E%3Crect x='7' y='20' width='34' height='25' rx='11' fill='%23cbb8ff' stroke='%237c5cdb' stroke-width='3'/%3E%3Cpath d='M24 38.5s-6.5-3.9-6.5-8.3a3.4 3.4 0 0 1 6.5-1.7 3.4 3.4 0 0 1 6.5 1.7c0 4.4-6.5 8.3-6.5 8.3z' fill='%23ff7fab'/%3E%3Cellipse cx='13.5' cy='27' rx='2.3' ry='3.6' fill='%23fff' opacity='.75'/%3E%3C/svg%3E")}
html body .sg-lock-i{display:inline-block;flex:0 0 auto;width:1.25em;height:1.25em;margin-right:.35em;vertical-align:-.22em;background:var(--sg-lock) center/contain no-repeat}
/* corner locks on cards become the same small pill */
html body.sg69 .sg69-pack-lock.sg-lock-i,html body .sg57-lock.sg-lock-i{display:inline-flex;align-items:center;gap:5px;width:auto;height:auto;margin:0;padding:5px 12px 5px 9px;border-radius:999px;background:#f1ebff;box-shadow:0 2px 8px rgba(90,60,160,.18);color:#6a45d8;font-size:14px;font-weight:800;line-height:1}
html body.sg69 .sg69-pack-lock.sg-lock-i::before,html body .sg57-lock.sg-lock-i::before{content:"";width:18px;height:18px;background:var(--sg-lock) center/contain no-repeat}
html body.sg69 .sg69-pack-lock.sg-lock-i::after,html body .sg57-lock.sg-lock-i::after{content:"Premium"}
html body.sg69 .sg69-disc.is-head .sg69-pack-lock.sg-lock-i{padding:4px 8px;font-size:0;gap:0}html body.sg69 .sg69-disc.is-head .sg69-pack-lock.sg-lock-i::after{content:none}
/* English map: the picture is softly veiled, the pill sits in the middle */
html body .sg755-lock{display:grid;place-items:center;font-size:inherit;background:#ffffff73}
html body .sg-lock-tag{display:inline-flex;align-items:center;gap:6px;padding:7px 16px 7px 12px;border-radius:999px;background:#f1ebff;color:#6a45d8;font-size:17px;font-weight:800;line-height:1;box-shadow:0 4px 12px rgba(90,60,160,.2)}
html body .sg-lock-tag .sg-lock-i{width:24px;height:24px;margin:0;animation:sg768-wiggle 3.5s ease-in-out infinite}
@keyframes sg768-wiggle{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(-12deg)}90%{transform:rotate(10deg)}95%{transform:rotate(-6deg)}}
@media (prefers-reduced-motion:reduce){html body .sg-lock-tag .sg-lock-i{animation:none}}
@media (max-width:640px){html body .sg-lock-tag{font-size:14px;padding:5px 12px 5px 9px}html body .sg-lock-tag .sg-lock-i{width:19px;height:19px}}

/* portal-v773.css */
/* V7.73 "Çocuğu olan bir arkadaşınla paylaş": a small, friendly round WhatsApp button on the parent collection page */
html body .sg773-wa{display:inline-flex;align-items:center;gap:10px;margin:14px 0 0;padding:6px 16px 6px 6px;border-radius:999px;background:#eefaf2;color:#17603a;font-weight:700;font-size:15px;text-decoration:none;box-shadow:inset 0 0 0 1px #c9ecd6;transition:transform .15s ease,box-shadow .15s ease}
html body .sg773-wa:hover,html body .sg773-wa:focus-visible{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #9fdcb6,0 4px 12px rgba(23,96,58,.15)}
html body .sg773-wa-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#25d366;box-shadow:0 2px 6px rgba(37,211,102,.35)}
@media (prefers-reduced-motion:reduce){html body .sg773-wa{transition:none}}
/* V7.73: age band on Kids Studio collection cards (top left, the Premium pill keeps the other corner) and in the world head */
html body.sg69 .sg69-pack-art .sg773-age{position:absolute;left:10px;top:10px;padding:4px 11px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 2px 8px rgba(40,60,70,.16);color:#2a5f9e;font-size:13px;font-weight:800;line-height:1.2;white-space:nowrap}
html body.sg69 .sg69-world-head .sg773-age{display:inline-block;margin:6px 0 2px;padding:4px 12px;border-radius:999px;background:#e8f1fb;color:#2a5f9e;font-size:14px;font-weight:800;line-height:1.2}
/* V7.73 home pairs: TV + English with Miko, Haftanın Koleksiyonu + Haftanın Kitabı side by side on wide screens (shorter page). */
html body:not(.sg-kids-mode) #main>.sg773-pair{display:grid;grid-template-columns:1fr;gap:clamp(18px,2.4vw,28px);margin:clamp(28px,5vw,56px) var(--sg531-gutter,16px);box-sizing:border-box}
html body:not(.sg-kids-mode) #main .sg773-pair>:is(.sg58-week,.sg59-tv,.sg59-book,.sg773-english){max-width:none!important;width:auto!important;margin:0!important;box-sizing:border-box}
html body:not(.sg-kids-mode) #main .sg773-pair>.sg58-week{padding:clamp(22px,4vw,44px);border-radius:40px}
@media (min-width:1100px){
 html body:not(.sg-kids-mode) #main>.sg773-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
 /* Haftanın Koleksiyonu: picture on top, words below */
 html body:not(.sg-kids-mode) #main .sg773-pair>.sg58-week{grid-template-columns:1fr;align-content:start;gap:14px;padding:28px}
 #main .sg773-pair .sg58-week-art{min-height:0}#main .sg773-pair .sg58-week-art img.is-cover{width:min(100%,420px)}
 #main .sg773-pair .sg58-week h2{font-size:clamp(26px,2.3vw,34px)}
 /* Haftanın Kitabı: the open book stays, a little smaller */
 html body:not(.sg-kids-mode) #main .sg773-pair>.sg59-book{padding:0;display:flex}#main .sg773-pair .sg59-book-spread{flex:1;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
 #main .sg773-pair .sg59-book-left,#main .sg773-pair .sg59-book-right{padding:24px}#main .sg773-pair .sg59-book-cover{width:min(100%,220px)}
 #main .sg773-pair .sg59-book-right h2{font-size:clamp(24px,2.1vw,32px)}#main .sg773-pair .sg59-book-summary{font-size:15px;line-height:25px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
 /* TV: screen on top, four episodes below */
 html body:not(.sg-kids-mode) #main .sg773-pair>.sg59-tv{padding:28px}#main .sg773-pair .sg59-tv-body{grid-template-columns:1fr}
 #main .sg773-pair .sg59-tv-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#main .sg773-pair .sg59-tv-list li:nth-child(n+5){display:none}
 #main .sg773-pair .sg59-tv-head{margin-bottom:16px}#main .sg773-pair .sg79-tv-consent{font-size:13px}
}
/* English with Miko */
html body:not(.sg-kids-mode) #main .sg773-english{position:relative;max-width:1180px;margin:clamp(28px,5vw,56px) auto;padding:clamp(22px,3vw,32px);border-radius:40px;background:linear-gradient(160deg,#e9f6ff,#fff8e6 70%);color:#203046;box-shadow:0 18px 40px #2a5f9e1f;overflow:hidden;display:flex;flex-direction:column;gap:18px}
html body:not(.sg-kids-mode) #main>.sg773-english{margin-left:var(--sg531-gutter,16px);margin-right:var(--sg531-gutter,16px);max-width:none}
.sg773-en-kicker{display:inline-block;padding:4px 12px;border-radius:999px;background:#fff;color:#2a5f9e;font-weight:800;font-size:13px;letter-spacing:.08em}
.sg773-english h2{font-family:var(--sg58-font);margin:10px 0 6px;font-size:clamp(28px,3vw,40px);line-height:1.08;color:#1d2f4a}
.sg773-en-head p{margin:0 0 12px;font-size:16px;line-height:1.55;color:#3a4c66;max-width:60ch}
.sg773-en-facts{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.sg773-en-facts li{padding:6px 14px;border-radius:999px;background:#fff;font-size:14px;color:#3a4c66;box-shadow:0 2px 0 #d7e6f5}.sg773-en-facts b{color:#2a5f9e;font-size:16px}
.sg773-en-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.sg773-en-steps li{display:grid;justify-items:center;text-align:center;gap:2px;padding:12px 8px;border-radius:20px;background:#ffffffcc}
.sg773-en-steps span{font-size:26px;line-height:1}.sg773-en-steps b{font-size:15px;color:#1d2f4a}.sg773-en-steps small{font-size:12.5px;line-height:1.35;color:#5a6b82}
.sg773-en-units{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.sg773-en-units li{display:grid;gap:4px}.sg773-en-cover{position:relative;display:block;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 6px 14px #2a5f9e22}
.sg773-en-cover img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.sg773-en-cover em{position:absolute;left:8px;top:8px;padding:3px 9px;border-radius:999px;background:#fff;color:#1f8a4c;font-style:normal;font-weight:800;font-size:12px}
.sg773-en-units b{font-size:14px;line-height:1.2;color:#1d2f4a}.sg773-en-units small{font-size:12.5px;color:#5a6b82}
.sg773-en-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:auto}.sg773-en-more{font-weight:800;color:#2a5f9e}
@media (max-width:620px){.sg773-en-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sg773-en-units{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sg773-en-parent{margin:0;padding:12px 16px;border-radius:18px;background:#ffffffb3;border:1px dashed #b9d3ee;font-size:14.5px;line-height:1.5;color:#3a4c66}.sg773-en-parent b{color:#2a5f9e}
/* V7.74 Haftanın Kitabı: no thick brown frame; the same soft card as Haftanın Koleksiyonu (light band colour, white edge, soft shadow) */
html body:not(.sg-kids-mode) #main .sg59-book-spread{padding:0;border:3px solid #fff;border-radius:40px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--band,#6540bb) 20%,#fff8ec),#fff8ec 65%);box-shadow:0 18px 50px #3b236c1f}
html body:not(.sg-kids-mode) #main .sg59-book-left,html body:not(.sg-kids-mode) #main .sg59-book-right{border-radius:0;background:none;box-shadow:none}
html body:not(.sg-kids-mode) #main .sg59-book-left{border-right:1px dashed color-mix(in srgb,var(--band,#6540bb) 25%,#e8dccb)}
html body:not(.sg-kids-mode) #main .sg59-book-ribbon{top:0;height:72px;opacity:.9}
@media (max-width:820px){html body:not(.sg-kids-mode) #main .sg59-book-left{border-right:0;border-bottom:1px dashed color-mix(in srgb,var(--band,#6540bb) 25%,#e8dccb)}}
/* V7.74 Story Globally TV in the page's own soft, child-like tones (was a dark purple block) */
html body:not(.sg-kids-mode) #main .sg59-tv{color:#2a2140;border:3px solid #fff;box-shadow:0 18px 50px #3b236c1f;
 background:radial-gradient(circle at 88% 0%,#ffe1ef 0,transparent 42%),radial-gradient(circle at 0% 100%,#d8efff 0,transparent 45%),linear-gradient(135deg,#f1ebff,#fff8ec 70%)}
html body:not(.sg-kids-mode) #main .sg59-tv::before{display:none}
html body:not(.sg-kids-mode) #main .sg59-tv .sg59-tv-logo{box-shadow:0 3px 0 #ffd35c,0 6px 14px #3b236c14}
html body:not(.sg-kids-mode) #main .sg59-tv .sg59-tv-copy h2{color:#2a2140}
html body:not(.sg-kids-mode) #main .sg59-tv .sg59-tv-copy p{color:#5a4d75}
html body:not(.sg-kids-mode) #main .sg59-tv .sg79-tv-consent{background:#ffffffb8;color:#5a4d75;box-shadow:inset 0 0 0 1px #ece3ff}
html body:not(.sg-kids-mode) #main .sg59-tv .sg59-tv-screen{background:#fff;color:#2a2140;box-shadow:inset 0 0 0 3px #e7dcff,0 14px 30px #3b236c1f}
html body:not(.sg-kids-mode) #main .sg59-tv .sg59-tv-knobs i{background:#ffd35c;box-shadow:inset 0 -3px 0 #e2b23a}
html body:not(.sg-kids-mode) #main .sg59-tv .sg59-tv-knobs i+i{background:#ffb3cf;box-shadow:inset 0 -3px 0 #e98bb0}
html body:not(.sg-kids-mode) #main .sg59-tv .sg59-tv-list a{background:#ffffffc9;color:#2a2140;box-shadow:0 2px 0 #ece3ff}
html body:not(.sg-kids-mode) #main .sg59-tv .sg59-tv-list a:hover{background:#fff}
html body:not(.sg-kids-mode) #main .sg59-tv .sg59-tv-sub{box-shadow:0 4px 0 #d23a3a}
/* English with Miko next to it: spread the parts evenly instead of one empty gap */
@media (min-width:1100px){html body:not(.sg-kids-mode) #main .sg773-pair>.sg773-english{justify-content:space-between}#main .sg773-pair .sg773-en-actions{margin-top:0}}
/* V7.74 English with Miko: a real mini dialogue and the age bands */
.sg774-en-extra{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px}
.sg774-en-label{margin:0 0 8px;font-size:13px;font-weight:800;letter-spacing:.04em;color:#2a5f9e}
.sg774-en-talk,.sg774-en-ages{padding:14px;border-radius:20px;background:#ffffffc9}
.sg774-en-talk ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.sg774-en-talk li{display:flex;align-items:flex-end;gap:8px}.sg774-en-talk li.is-child{flex-direction:row-reverse;text-align:right}
.sg774-en-talk img,.sg774-en-talk li>span[aria-hidden]{flex:0 0 38px;width:38px;height:38px;border-radius:50%;object-fit:cover;background:#fff3d6;display:grid;place-items:center;font-size:22px}
.sg774-en-talk li>span:last-child{display:grid;gap:1px;padding:8px 12px;border-radius:16px 16px 16px 4px;background:#e9f6ff;max-width:85%}
.sg774-en-talk li.is-child>span:last-child{border-radius:16px 16px 4px 16px;background:#fff1d6}
.sg774-en-talk small{font-size:11.5px;color:#5a6b82}.sg774-en-talk b{font-size:16px;color:#1d2f4a}.sg774-en-talk em{font-style:normal;font-size:12.5px;color:#5a6b82}
.sg774-en-ages ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.sg774-en-ages li{display:flex;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:12px;background:#f1f8ff;font-size:14px}
.sg774-en-ages li b{color:#2a5f9e}.sg774-en-ages li span{color:#3a4c66}
.sg774-en-more{margin:8px 0 0;font-size:13px;line-height:1.45;color:#5a6b82}
@media (max-width:620px){.sg774-en-extra{grid-template-columns:1fr}}
@media (min-width:1100px){html body:not(.sg-kids-mode) #main .sg773-pair>.sg59-tv{display:flex;flex-direction:column}#main .sg773-pair .sg59-tv-body{flex:1;grid-template-rows:auto 1fr;align-items:stretch;margin-top:0}#main .sg773-pair .sg59-tv-list{margin-top:14px}#main .sg773-pair .sg59-tv-list li:nth-child(n+5){display:block}#main .sg773-pair .sg59-tv-list li:nth-child(5){grid-column:1/-1}}

/* portal-v800.css */
/* V8.0 Boyama kitabı PDF page and its home band */
html body:not(.sg-kids-mode) #main .sg800{max-width:1180px;margin:0 auto;padding:0 var(--sg531-gutter,16px) 48px;box-sizing:border-box}
.sg800-hero{margin:8px 0 26px}.sg800-hero h1{margin:10px 0 8px;font-family:var(--sg58-font);font-size:clamp(30px,4.4vw,48px);line-height:1.08;color:#2a2140}
.sg800-hero .sg58-lead{max-width:62ch}
.sg800-ages{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.sg800-ages a{padding:7px 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px #e3dcef;color:#4b2d96;font-weight:800;text-decoration:none}
.sg800-ages a:hover{background:#f3eeff}
.sg800-band{margin:30px 0}.sg800-band-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.sg800-band h2{margin:0;font-family:var(--sg58-font);font-size:clamp(22px,2.6vw,30px);color:#2a2140}
.sg800-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none}
.sg800-card{display:flex;flex-direction:column;border-radius:24px;background:#fff;border:3px solid #fff;box-shadow:0 10px 26px #3b236c17;overflow:hidden}
.sg800-preview{display:block;background:#f6f2ea}.sg800-preview img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff}
.sg800-card>div{padding:12px 14px 16px}.sg800-card h3{margin:0 0 4px;font-size:17px;line-height:1.25;color:#2a2140}.sg800-card p{margin:0 0 10px;font-size:14px;color:#5a4d75}
.sg800-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0!important}.sg800-links .button{min-height:40px;padding:8px 16px}.sg800-story{font-weight:800;color:#6540bb}
.sg800-studio{margin:36px 0;padding:22px 24px;border-radius:28px;background:linear-gradient(135deg,#f1ebff,#fff8ec 70%);border:3px solid #fff;box-shadow:0 14px 34px #3b236c14}
.sg800-studio h2{margin:0 0 6px;font-family:var(--sg58-font);font-size:24px}.sg800-studio p{margin:0 0 12px;max-width:62ch}
.sg800-faq h2{font-family:var(--sg58-font);font-size:26px}.sg800-faq details{margin:0 0 10px;padding:12px 16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #ece3ff}
.sg800-faq summary{cursor:pointer;font-weight:800;color:#2a2140}.sg800-faq details p{margin:8px 0 0;color:#4a3d66}
/* home band */
html body:not(.sg-kids-mode) #main>.sg800-home{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:center;margin:clamp(28px,5vw,56px) var(--sg531-gutter,16px);padding:clamp(22px,3vw,34px);border-radius:40px;border:3px solid #fff;background:linear-gradient(135deg,#fff3d9,#fff8ec 60%,#eaf6ff);box-shadow:0 18px 50px #3b236c1f}
.sg800-home h2{margin:10px 0 6px;font-family:var(--sg58-font);font-size:clamp(26px,3vw,38px);color:#2a2140}.sg800-home p{margin:0 0 12px;color:#4a3d66}
.sg800-home-ages{display:flex;flex-wrap:wrap;gap:8px}.sg800-home-ages a{padding:6px 12px;border-radius:999px;background:#fff;color:#4b2d96;font-weight:800;text-decoration:none;box-shadow:inset 0 0 0 1.5px #e3dcef}
.sg800-home-previews{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.sg800-home-previews img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:18px;background:#fff;box-shadow:0 8px 18px #3b236c17}
@media (max-width:820px){html body:not(.sg-kids-mode) #main>.sg800-home{grid-template-columns:1fr}.sg800-home-previews{grid-template-columns:repeat(2,minmax(0,1fr))}}
html body:not(.sg-kids-mode) #main .sg800 .sg800-hero{display:block!important;grid-template-columns:none!important;text-align:left;padding:0;background:none;box-shadow:none}
html body:not(.sg-kids-mode) #main .sg800 .sg800-hero>*{max-width:none}
html body:not(.sg-kids-mode) #main .sg800 .sg800-all,html body:not(.sg-kids-mode) #main .sg800 .sg800-studio .button{display:inline-flex;align-items:center;min-height:42px;padding:9px 18px;border-radius:999px;background:#fff;color:#4b2d96;font-weight:800;text-decoration:none;box-shadow:inset 0 0 0 2px #6540bb}
html body:not(.sg-kids-mode) #main .sg800 .sg800-all:hover,html body:not(.sg-kids-mode) #main .sg800 .sg800-studio .button:hover{background:#f3eeff}

/* portal-v82.css */
/* V8.2 Ortak paneli (/tr/ortak) and the partner page's "already a partner" line */
.sg82-already{margin:12px 0 0;font-size:15px}.sg82-already a{font-weight:700}
.sg82-portal-page{max-width:1080px;margin:0 auto}
.sg82p{display:grid;gap:20px}
.sg82p-hero{padding:30px 32px;border-radius:28px;background:linear-gradient(135deg,#f4efff,#fff6e6)}
.sg82p-hero h1{margin:6px 0 8px;font-size:clamp(28px,4vw,40px);line-height:1.15}
.sg82p-hero .sg58-lead{margin:0;max-width:64ch}
.sg82p-status{display:inline-block;margin:14px 0 0;padding:5px 12px;border-radius:99px;background:#e3f6ec;color:#1f7a50;font-weight:700;font-size:14px}
.sg82p-status.is-paused{background:#fff1d6;color:#7a4b00}
.sg82p-flash{margin:0;padding:14px 18px;border-radius:16px;background:#e3f6ec;color:#1f5f43;font-weight:650}
.sg82p-card{padding:24px 26px;border-radius:24px;background:#fff;box-shadow:0 8px 26px #3b236c12}
.sg82p-card>h2{margin:0 0 14px;font-size:24px}.sg82p-card h3{margin:20px 0 10px;font-size:18px}
.sg82p-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.sg82p-link{flex:1;min-width:0;padding:12px 16px;border-radius:14px;background:#f6f3fb;font-size:17px;font-weight:700;color:#3d2fa0;overflow-wrap:anywhere}
.sg82p-code{font-size:20px;letter-spacing:.06em;color:#3d2fa0}
.sg82p-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sg82p-stats>div{padding:14px 16px;border-radius:18px;background:#f6f3fb}.sg82p-stats.is-total>div{background:#fff8ea}
.sg82p-stats span{display:block;font-size:13.5px;color:#5f5a73}.sg82p-stats strong{display:block;margin-top:2px;font-size:24px;font-variant-numeric:tabular-nums;color:#2d2550}
.sg82p-goal{margin:16px 0 0}.sg82p-goal p{margin:8px 0 0;font-size:15px;color:#4a4360}
.sg82p-bar{height:10px;border-radius:99px;background:#efe9f8;overflow:hidden}.sg82p-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#8a74ee,#5b47d6)}
.sg82p-text-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sg82p-text-grid article{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:18px;background:#faf8fe;border:1px solid #ece5f8}
.sg82p-text-grid h3{margin:0;font-size:16px}
.sg82p-text-grid pre{flex:1;margin:0;white-space:pre-wrap;font:inherit;font-size:14.5px;line-height:1.55;color:#3a3450;overflow-wrap:anywhere}
.sg82p-text-grid .button{align-self:flex-start}
.sg82p-scroll{overflow-x:auto}
.sg82p-table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
.sg82p-table th,.sg82p-table td{padding:10px 12px;border-bottom:1px solid #f0ebf7;text-align:right;white-space:nowrap}
.sg82p-table th:first-child,.sg82p-table thead th:first-child{text-align:left}.sg82p-table thead th{font-size:13px;color:#5f5a73;font-weight:650}
.sg82p-empty{margin:0;padding:16px;border-radius:16px;background:#faf8fe;color:#5f5a73}
.sg82p-payouts{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sg82p-payouts li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#faf8fe}
.sg82p-payouts li>div{flex:1}.sg82p-payouts small{display:block;color:#5f5a73}
.sg82p-pill{padding:3px 10px;border-radius:99px;background:#f2eee6;color:#6b5f4c;font-size:13px;font-weight:650}.sg82p-pill.is-ok{background:#e3f6ec;color:#1f7a50}
.sg82p-payout summary{cursor:pointer;font-weight:700;color:#4b3cc4}
.sg82p-grid{display:grid;grid-template-columns:2fr 1.4fr 1fr;gap:12px;margin:12px 0 4px}
.sg82p-grid label,.sg82p-check{display:grid;gap:6px;font-weight:650;font-size:15px}
.sg82p-grid input,.sg82p-grid select{width:100%;padding:11px 12px;border:1px solid #d9d1ea;border-radius:12px;font:inherit;background:#fff}
.sg82p-check{grid-template-columns:auto 1fr;align-items:start;font-weight:500;margin:6px 0 10px}.sg82p-check input{width:20px;height:20px;margin-top:3px}
.sg82p-error{margin:6px 0;color:#b3261e;font-weight:650}.sg82p-error:empty{display:none}
.sg82p-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sg82p-facts li{padding:16px;border-radius:18px;background:#fff;box-shadow:0 6px 20px #3b236c10}
.sg82p-facts span{display:block;font-size:13.5px;color:#5f5a73}.sg82p-facts b{display:block;margin-top:4px;font-size:22px;color:#3d2fa0}.sg82p-facts small{font-size:13px;color:#5f5a73;font-weight:500}
.sg82p-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sg82p-steps li{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:20px;background:#f6f3fb}
.sg82p-steps li>span{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#5b47d6;color:#fff;font-weight:800}
.sg82p-steps li.is-done{background:#eaf7f0}.sg82p-steps li.is-done>span{background:#2f9a68}
.sg82p-steps h3{margin:4px 0 4px;font-size:18px}.sg82p-steps p{margin:0;color:#4a4360}
.sg82p-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.sg82p-join{padding:20px 22px;border-radius:20px;background:#fff;box-shadow:0 8px 26px #3b236c12}
.sg82p-rules ul{margin:0 0 12px;padding-left:20px;line-height:1.7}
@media (max-width:860px){.sg82p-stats,.sg82p-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.sg82p-text-grid{grid-template-columns:1fr}.sg82p-grid{grid-template-columns:1fr}}
@media (max-width:520px){.sg82p-hero,.sg82p-card{padding:20px 18px}.sg82p-stats strong{font-size:20px}.sg82p-link{font-size:15px}}
/* V8.3: Visa / Mastercard marks in the footer (iyzico requirement), small and quiet at the bottom left */
.sg83-foot-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sg83-pay{display:inline-flex;align-items:center;gap:8px;opacity:.7}
.sg83-pay img{display:block;height:15px;width:auto}.sg83-pay img+img{height:19px}
/* V8.3: Kids Studio home: one calm button for other ages */
.sg83-more-ages{display:block;margin:10px auto 0;padding:9px 18px;border:1px dashed #cfc3ea;border-radius:999px;background:#fff;color:#4b3cc4;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.sg83-more-ages[hidden]{display:none}
/* V8.3: "Nasıl çalışır?" films in a window from the first slide */
.sg83-howto{width:min(920px,94vw);max-height:92vh;padding:18px 20px 16px;border:0;border-radius:24px;background:#fffdf8;box-shadow:0 30px 80px #2d255066}
.sg83-howto::backdrop{background:#2d255099}
.sg83-howto-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.sg83-howto-head h2{margin:0;font-size:22px}
.sg83-howto-close{width:40px;height:40px;border:0;border-radius:50%;background:#f1ecfb;font-size:24px;line-height:1;cursor:pointer}
.sg83-howto-tabs{display:flex;gap:8px;margin:0 0 12px;flex-wrap:wrap}
.sg83-howto-tabs button{padding:8px 16px;border:1px solid #ddd3f2;border-radius:999px;background:#fff;font:inherit;font-weight:700;cursor:pointer}
.sg83-howto-tabs button[aria-selected="true"]{background:#5b47d6;border-color:#5b47d6;color:#fff}
.sg83-howto video{display:block;width:100%;max-height:70vh;border-radius:16px;background:#000}
.sg83-howto-note{margin:8px 0 0;font-size:13px;color:#5f5a73}
/* V8.3 Kids English page (/tr/kids-english) */
.sg83-ke{max-width:1120px;margin:0 auto}
.sg83-ke-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:center;padding:34px 36px;border-radius:30px;background:linear-gradient(135deg,#eef6ff,#fff3e6);margin:0 0 30px}
.sg83-ke-hero h1{margin:8px 0 10px;font-size:clamp(30px,4.4vw,46px);line-height:1.12}
.sg83-ke-miko{justify-self:center;width:min(100%,300px);height:auto;filter:drop-shadow(0 18px 30px #2d255026)}
.sg83-ke-stats{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0}
.sg83-ke-stats li{padding:8px 14px;border-radius:14px;background:#fff;box-shadow:0 4px 14px #3b236c10}
.sg83-ke-stats strong{font-size:20px;color:#3d2fa0;margin-right:5px}.sg83-ke-stats span{color:#4a4360}
.sg83-ke-cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 0}.sg83-ke-cta small{color:#5f5a73;font-size:14px}
.sg83-ke-film{margin:0 auto 34px;max-width:900px}.sg83-ke-film video,.sg83-ke-yt{display:block;width:100%;aspect-ratio:16/9;border-radius:22px;background:#000;overflow:hidden;box-shadow:0 14px 40px #2d255030}
.sg83-ke-yt iframe{width:100%;height:100%;border:0}.sg83-ke-film figcaption{margin:10px 0 0;text-align:center;color:#5f5a73;font-size:14.5px}
.sg83-ke-how{margin:0 0 34px}.sg83-ke-how>div{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1000px){.sg83-ke-how>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.sg83-ke-how>div{grid-template-columns:1fr}}
.sg83-ke-ages{margin:0 0 30px}.sg83-ke-ages>h2,.sg83-ke-faq>h2{text-align:center;font-size:clamp(26px,3.6vw,38px);margin:0 0 18px}
.sg83-ke-ages>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sg83-ke-ages article{padding:20px 22px;border-radius:22px;background:#f6f3fb}.sg83-ke-ages b{display:inline-block;padding:3px 12px;border-radius:99px;background:#5b47d6;color:#fff;font-size:14px}
.sg83-ke-ages p{margin:10px 0 0;line-height:1.55;color:#3a3450}.sg83-ke-ages>.muted{text-align:center;margin:12px 0 0}
.sg83-ke-faq{max-width:820px;margin:0 auto 34px}
.sg83-ke-faq details{margin:0 0 10px;padding:14px 18px;border-radius:16px;background:#fff;box-shadow:0 4px 16px #3b236c0d}
.sg83-ke-faq summary{cursor:pointer;font-weight:700;font-size:17px}.sg83-ke-faq details p{margin:10px 0 0;line-height:1.6;color:#3a3450}
@media (max-width:820px){.sg83-ke-hero{grid-template-columns:1fr;padding:24px 20px}.sg83-ke-miko{width:180px;order:-1}.sg83-ke-ages>div{grid-template-columns:1fr}}

/* site-v613.css */
/* V6.13: collection page — "Koleksiyon hakkında" as wide as the rest of the page. */
.sg58-collection .sg58-intro.article-prose,.sg58-collection .sg60-guide{max-width:none!important;width:auto}
/* V6.13: blog article — calmer type, justified paragraphs, smaller sources. */
.blog-detail h1{font-size:clamp(28px,3.3vw,38px)!important;line-height:1.2!important;letter-spacing:-.01em}
.blog-detail .article-prose{font-size:17px!important;line-height:1.72!important;color:#36404f;max-width:720px}
.blog-detail .article-prose p,.blog-detail .article-prose li{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}
.blog-detail .article-prose p{margin:0 0 1.05em}
.blog-detail .article-prose h2{font-size:clamp(21px,2.1vw,24px)!important;line-height:1.3!important;margin:1.7em 0 .55em!important;color:#25354a}
.blog-detail .article-prose h3{font-size:19px!important;line-height:1.35!important;margin:1.3em 0 .45em!important}
.blog-detail .article-prose ul,.blog-detail .article-prose ol{margin:0 0 1.1em;padding-left:1.3em}
.blog-detail .article-prose li{margin:.35em 0;line-height:1.65}
.blog-detail .article-prose figure{margin:1.6em 0}
.blog-detail .article-prose figcaption{font-size:14px;line-height:1.5;color:#6b7280;text-align:center}
/* Kaynakça: the numbered sources at the end. */
.blog-detail .article-prose h2:has(+ol>li[id^="ref-"]){font-size:15px!important;text-transform:uppercase;letter-spacing:.07em;color:#6b7280;margin-top:2.2em!important;padding-top:14px;border-top:1px solid #e7e3da}
.blog-detail .article-prose ol:has(>li[id^="ref-"]){font-size:14px;line-height:1.55;color:#5c6471;padding-left:1.4em}
.blog-detail .article-prose ol:has(>li[id^="ref-"]) li{text-align:left;hyphens:manual;margin:.45em 0;overflow-wrap:anywhere}
.blog-detail .article-prose ol:has(>li[id^="ref-"]) a{font-weight:600;white-space:nowrap}
@media (max-width:640px){.blog-detail .article-prose{font-size:16px!important;line-height:1.68!important}.blog-detail .article-prose p,.blog-detail .article-prose li{text-align:left}}

/* V6.17 blog article: one width (text as wide as the picture, FAQ and "continue" box), contents only in the sidebar,
   related articles in the sidebar under the contents (below the article on phones). */
.blog-detail .article-prose{max-width:none!important}
.blog-detail .article-layout:has(.article-toc) .article-prose>nav:first-child{display:none}
.blog-detail .article-sidebar{display:flex;flex-direction:column;gap:18px}
.blog-detail .article-sidebar .related-articles{margin:0;padding:22px;border:1px solid #e5def1;border-radius:22px;background:#fff}
.blog-detail .article-sidebar .related-articles>h2{font-size:20px!important;margin:0 0 14px}
.blog-detail .article-sidebar .blog-cards{display:flex;flex-direction:column;gap:12px}
.blog-detail .article-sidebar .blog-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;border:0;border-radius:14px;background:none}
.blog-detail .article-sidebar .blog-card:hover{transform:none;box-shadow:none}
.blog-detail .article-sidebar .blog-card:hover h2{color:var(--purple)}
.blog-detail .article-sidebar .blog-card>img{width:76px;height:76px;aspect-ratio:1;border-radius:12px;object-fit:cover}
.blog-detail .article-sidebar .blog-card>div{padding:0}
.blog-detail .article-sidebar .blog-card h2{font-size:15px!important;line-height:1.35!important;margin:2px 0 0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-detail .article-sidebar .blog-card p,.blog-detail .article-sidebar .blog-card .article-meta{display:none}
.blog-detail .article-sidebar .blog-card .eyebrow{font-size:10px}
/* "Story Globally hakkında" and other plain pages: the same type as blog articles. */
.simple-page:not(:has(.sg-ped)){max-width:1013px!important;font-size:17px!important;line-height:1.72!important;color:#36404f}
.simple-page:not(:has(.sg-ped)) h1{font-size:clamp(28px,3.3vw,38px)!important;line-height:1.2!important;letter-spacing:-.01em;margin:0 0 .6em}
.simple-page:not(:has(.sg-ped)) h1+h1{font-size:clamp(21px,2.1vw,24px)!important;color:#5b4a8b;margin-top:-.2em}
.simple-page:not(:has(.sg-ped)) h2{font-size:clamp(21px,2.1vw,24px)!important;line-height:1.3!important;margin:1.7em 0 .55em!important;color:#25354a}
.simple-page:not(:has(.sg-ped)) h3{font-size:19px!important;margin:1.3em 0 .45em!important}
.simple-page:not(:has(.sg-ped)) p,.simple-page:not(:has(.sg-ped)) li{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.simple-page:not(:has(.sg-ped)) p{margin:0 0 1.05em}
@media (max-width:640px){.simple-page:not(:has(.sg-ped)){font-size:16px!important}.simple-page:not(:has(.sg-ped)) p,.simple-page:not(:has(.sg-ped)) li{text-align:left}}
/* V6.17 (2): left column = picture, title, summary, text and sources, then "continue with a story";
   right column 25% wider = contents, FAQ, related articles. */
@media (min-width:1001px){.blog-detail .article-layout{grid-template-columns:minmax(0,1fr) 375px!important;gap:44px!important}}
@media (min-width:761px) and (max-width:1000px){.blog-detail .article-layout{grid-template-columns:minmax(0,1fr) 312px!important}}
.blog-detail .article-body>.article-title{max-width:none;margin:26px 0 22px}
.blog-detail .article-body>.article-title h1{margin:10px 0 14px!important}
.blog-detail .article-sidebar .article-faq{margin:0;padding:22px;border:1px solid #e5def1;border-radius:22px;background:#fff}
.blog-detail .article-sidebar .article-faq>h2{font-size:20px!important;margin:0 0 10px!important}
.blog-detail .article-sidebar .article-faq details{margin:0;padding:0;border:0;border-bottom:1px solid #eee8f5;border-radius:0;background:none;box-shadow:none}
.blog-detail .article-sidebar .article-faq details:last-child{border-bottom:0}
.blog-detail .article-sidebar .article-faq summary{padding:12px 0;font-size:15px;line-height:1.4;font-weight:700;cursor:pointer}
.blog-detail .article-sidebar .article-faq details p{margin:0 0 12px;font-size:15px;line-height:1.6;color:#4a5062}
@media (max-width:760px){.blog-detail .article-sidebar{display:contents}.blog-detail .article-toc{order:-1}.blog-detail .article-sidebar .article-faq{order:2}.blog-detail .article-sidebar .related-articles{order:3}}
.blog-detail .article-sidebar .blog-card .read-article{display:none}
/* V6.18 home page: the same side spacing as the list pages (the site gutter), and 4 per row for collections and
   Aile Rehberi posts (3 on medium screens, phones keep their swipe rows). */
html body:not(.sg-kids-mode) #main>:is(.sg58-collections:not(.is-related),.sg59-guide,.sg58-journey){max-width:none!important;padding-left:var(--sg531-gutter)!important;padding-right:var(--sg531-gutter)!important;box-sizing:border-box}
html body:not(.sg-kids-mode) #main>:is(.sg58-collections:not(.is-related),.sg59-guide) :is(.sg58-head,.sg58-grid,.sg58-more,.sg59-guide-head,.sg59-guide-row){max-width:none!important}
html body:not(.sg-kids-mode) #main>:is(.sg58-week,.sg59-tv,.sg59-book,.sg59-why-band){max-width:none!important;width:auto!important;margin-left:var(--sg531-gutter)!important;margin-right:var(--sg531-gutter)!important;box-sizing:border-box}
@media (min-width:1200px){
 html body:not(.sg-kids-mode) #main>.sg58-collections:not(.is-related) .sg58-grid{grid-template-columns:repeat(var(--sg-cols,4),minmax(0,1fr))!important}
 html body:not(.sg-kids-mode) #main>.sg59-guide .sg59-post{flex-basis:calc((100% - 60px)/4)!important}
}
@media (min-width:900px) and (max-width:1199.98px){html body:not(.sg-kids-mode) #main>.sg58-collections:not(.is-related) .sg58-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
/* V6.20 reading: read-along caption, "Bitirdim!", the story end screen; finished books in the Kids Studio. */
.sg-narration-caption{margin:8px 0 0;max-height:4.6em;overflow:auto;padding:10px 14px;border-radius:14px;background:#fffdf5;border:1px solid #f0e3bf;font-size:clamp(16px,1.6vw,19px);line-height:1.5;color:#7a7f8a;scroll-behavior:smooth}
.sg-narration-caption[hidden]{display:none}
.sg-narration-caption span{transition:color .2s ease,background-color .2s ease;border-radius:6px}
.sg-narration-caption span.is-done{color:#3b4252}
.sg-narration-caption span.is-now{color:#17465a;background:#ffe9a8;box-shadow:0 0 0 3px #ffe9a8;font-weight:700}
.sg620-finish{background:#ffe27a!important;color:#4a3800!important;border-color:#f3c84b!important;font-weight:800}
.sg620-finish[hidden]{display:none!important}
.sg620-end{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:rgba(255,250,240,.94);overflow:hidden}
.sg620-end-card{position:relative;z-index:2;max-width:460px;width:100%;padding:26px 24px;border-radius:28px;background:#fff;box-shadow:0 20px 50px rgba(40,50,70,.18);text-align:center}
.sg620-end-card h2{margin:12px 0 4px;font-size:clamp(22px,3vw,28px);color:#17465a}
.sg620-title{margin:0 0 8px;font-weight:700;color:#5b4a8b}
.sg620-badge{display:inline-block;margin:4px 0 14px;padding:6px 14px;border-radius:999px;background:#fff3c9;color:#6b4a00;font-weight:800}
.sg620-sticker{position:relative;width:132px;height:132px;margin:0 auto;border-radius:50%;overflow:visible;animation:sg620-pop .7s cubic-bezier(.2,1.5,.4,1) both}
.sg620-sticker img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 0 0 6px #fff,0 0 0 10px #ffd666,0 10px 20px rgba(0,0,0,.15)}
.sg620-star{position:absolute;right:-8px;bottom:-6px;font-size:44px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.2));animation:sg620-spin 1.2s ease-out both}
.sg620-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.sg620-actions button{min-height:46px;padding:8px 18px;border-radius:999px;font:inherit;font-weight:800;cursor:pointer;border:0}
.sg620-again{background:#ece4fa;color:#4b3a8f}.sg620-more{background:#7fd5b8;color:#10402f}.sg620-close{background:#f1f1f1;color:#333}
.sg620-confetti{position:absolute;top:-20px;left:var(--x);width:10px;height:16px;border-radius:3px;background:hsl(var(--h),85%,62%);animation:sg620-fall 2.4s ease-in var(--d) forwards;z-index:1}
@keyframes sg620-pop{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}
@keyframes sg620-spin{from{transform:rotate(-180deg) scale(0)}to{transform:none}}
@keyframes sg620-fall{to{transform:translateY(110vh) rotate(540deg)}}
@media (prefers-reduced-motion:reduce){.sg620-sticker,.sg620-star,.sg620-confetti{animation:none!important}.sg620-confetti{display:none}}
html body.sg69 #library article.book.sg620-is-done .book-cover::before,html body.sg69 .sg69-world-book.sg620-is-done .sg69-world-cover::before{content:"⭐";position:absolute;left:10px;top:10px;z-index:2;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;font-size:20px;box-shadow:0 3px 8px rgba(0,0,0,.18)}
html body.sg69 .sg69-world-cover{position:relative}
/* V6.23 Premium page "Gerçek koleksiyonlardan örnekler": 8 cards as two full rows of 4 (2 per row below 1200px). */
@media (min-width:1200px){html body:not(.sg-kids-mode) #main .sg58-premium .sg58-grid,html body:not(.sg-kids-mode) #main .sg58-premium-picks .sg58-grid{grid-template-columns:repeat(var(--sg-cols,4),minmax(0,1fr))!important}}
@media (min-width:700px) and (max-width:1199.98px){html body:not(.sg-kids-mode) #main .sg58-premium .sg58-grid,html body:not(.sg-kids-mode) #main .sg58-premium-picks .sg58-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* V7.3: the slider headline uses the site's friendly heading font (as "Bir karakter, bir hikâye, koca bir dünya"),
   a little smaller so it never overflows; the slider is a bit shorter. */
html body:not(.sg-kids-mode) #main .hero-slider .slide-copy h1{font-family:var(--sg58-font,"Baloo 2","DM Sans",system-ui,sans-serif);font-weight:700;font-size:clamp(30px,3.3vw,48px)!important;line-height:1.12!important;letter-spacing:-.005em;margin:14px 0 14px!important;max-width:15em}
html body:not(.sg-kids-mode) #main .hero-slider .slide-copy .slide-kicker{font-family:var(--sg58-font,"Baloo 2","DM Sans",system-ui,sans-serif);font-size:13px;letter-spacing:.06em}
html body:not(.sg-kids-mode) #main .hero-slider .slide-copy p{font-size:17px;line-height:1.55}
@media (min-width:1024px){html body:not(.sg-kids-mode)[data-experience=parent] #main .hero-slider[data-section]>.hero-slide,html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide{min-height:clamp(460px,35vw,540px)}}
@media (min-width:700px) and (max-width:1023px){html body:not(.sg-kids-mode)[data-experience=parent] #main .hero-slider[data-section]>.hero-slide{min-height:clamp(500px,52vw,540px)}}
@media (max-width:699px){html body:not(.sg-kids-mode) #main .hero-slider .slide-copy h1{font-size:clamp(28px,7.6vw,36px)!important}}
/* V7.7: "şablon" görünümünü azaltan dokunuşlar — eski yeşil tonlar yerine marka renkleri (mor, güneş sarısı, mercan),
   modern slider (kart biçimi, ilerleme çizgileri, tek başlık yazı tipi), sade menü, biraz daha yüksek görseller. */
html body:not(.sg-kids-mode) #main .hero-slider[data-section]{--hero-shade:38,22,66;width:auto;max-width:none;margin:16px clamp(16px,2.5vw,36px) 0;border-radius:28px;overflow:hidden;box-shadow:0 18px 40px -24px #2a174866}
html body:not(.sg-kids-mode) #main .hero-slider .slide-kicker{display:none}
html body:not(.sg-kids-mode) #main .hero-slider .slide-copy :is(h1,h2){font-family:var(--sg58-font,"Baloo 2","DM Sans",system-ui,sans-serif)!important;font-weight:700!important;font-size:clamp(30px,3.3vw,48px)!important;line-height:1.12!important;letter-spacing:-.005em!important;max-width:15em}
html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.sg52-onboarding{background:radial-gradient(ellipse at 80% 15%,#ffe3d6,transparent 50%),linear-gradient(125deg,#f7f3ff,#f1ecff 55%,#fff3e4)}
html body:not(.sg-kids-mode) #main .hero-slider[data-section] .slider-dots{gap:6px}
html body:not(.sg-kids-mode) #main .hero-slider[data-section] .slider-dots button{min-width:0;width:34px;height:32px;min-height:32px;padding:0;font-size:0;border:0;border-radius:4px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(#d8cfe6,#d8cfe6) center/100% 4px no-repeat;transition:width .25s}
html body:not(.sg-kids-mode) #main .hero-slider[data-section] .slider-dots button.selected{width:56px;background:linear-gradient(#6540bb,#6540bb) center/100% 4px no-repeat}
html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.slider-controls>button{min-width:40px;min-height:40px;width:40px;height:40px;padding:0;font-size:16px;border-radius:50%;background:#fff;color:#2a2140;border:1px solid #e3dcef;box-shadow:none}
html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.slider-controls>#slider-auto{font-size:0;overflow:hidden}
html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.slider-controls>#slider-auto::before{content:"";display:inline-block;width:11px;height:12px;border-left:3.5px solid currentColor;border-right:3.5px solid currentColor;box-sizing:border-box;vertical-align:middle}
html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.slider-controls>#slider-auto[aria-pressed=false]::before{content:"▶";width:auto;height:auto;border:0;font-size:12px}
html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.slider-controls{border-top:0}
@media (min-width:1024px){
 html body:not(.sg-kids-mode)[data-experience=parent] #main .hero-slider[data-section]>.hero-slide,html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide{min-height:clamp(495px,38vw,585px)}
 html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide:not(.sg52-onboarding)>.slide-shade{background:linear-gradient(90deg,rgba(var(--hero-shade),.82) 0%,rgba(var(--hero-shade),.55) 34%,rgba(var(--hero-shade),0) 62%)}
 html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide:not(.sg52-onboarding) .slide-copy{padding-bottom:104px}
 html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.slider-controls{grid-area:1/1;align-self:end;justify-self:start;position:relative;z-index:4;margin:0 0 24px clamp(32px,5vw,72px);padding:0;background:none}
 html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.slider-controls>button{background:#ffffff26;color:#fff;border-color:#ffffff59;backdrop-filter:blur(6px)}
 html body:not(.sg-kids-mode) #main .hero-slider[data-section] .slider-dots button{background-image:linear-gradient(#ffffff73,#ffffff73)}
 html body:not(.sg-kids-mode) #main .hero-slider[data-section] .slider-dots button.selected{background-image:linear-gradient(#ffd56b,#ffd56b)}
 html body:not(.sg-kids-mode) #main .hero-slider[data-section]:has(>.sg52-onboarding:not([hidden]))>.slider-controls>button{background:#fff;color:#2a2140;border-color:#e3dcef}
 html body:not(.sg-kids-mode) #main .hero-slider[data-section]:has(>.sg52-onboarding:not([hidden])) .slider-dots button{background-image:linear-gradient(#d8cfe6,#d8cfe6)}
 html body:not(.sg-kids-mode) #main .hero-slider[data-section]:has(>.sg52-onboarding:not([hidden])) .slider-dots button.selected{background-image:linear-gradient(#6540bb,#6540bb)}
}
@media (min-width:700px) and (max-width:1023px){html body:not(.sg-kids-mode)[data-experience=parent] #main .hero-slider[data-section]>.hero-slide{min-height:clamp(540px,56vw,585px)}}
@media (max-width:1023.98px){
 html body:not(.sg-kids-mode) #main .hero-slider[data-section]{margin:12px 16px 0;border-radius:24px}
 html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide:not(.sg52-onboarding)>.slide-background{aspect-ratio:16/10}
}
/* Menü: emoji ve her öğede ayrı renkli hap yerine sade yazı; yalnız Çocuk Stüdyosu sarı düğme. 1440 px'te taşma da böylece kalkar. */
html body:not(.sg-kids-mode) header .sg59-nav-icon{display:none}
@media (min-width:981px){
 html body:not(.sg-kids-mode) header #navigation>.sg59-nav:not(.c-yellow),html body:not(.sg-kids-mode) header #navigation>details.sg59-nav>summary{background:none;padding:0 12px;border-radius:0;color:#2a2140;transform:none}
 html body:not(.sg-kids-mode) header #navigation>.sg59-nav:not(.c-yellow):hover,html body:not(.sg-kids-mode) header #navigation>details.sg59-nav>summary:hover,html body:not(.sg-kids-mode) header #navigation>details.sg59-nav[open]>summary,html body:not(.sg-kids-mode) header #navigation>.sg59-nav[aria-current=page]{background:none;box-shadow:inset 0 -3px 0 #6540bb;transform:none}
}
@media (min-width:1280px) and (max-width:1499.98px){.sg59-long{display:none}.sg59-short{display:inline}}
@media (max-width:980.98px){html body:not(.sg-kids-mode) header #navigation>.sg59-nav:not(.c-yellow),html body:not(.sg-kids-mode) header #navigation>details.sg59-nav>summary{background:#f6f2fc}}
/* Yeşil yerine marka renkleri: "Ücretsiz" etiketleri beyaz-mor (Premium sarı kalır), adım simgesi mercan. (Yaş renkleri V7.8'den beri sunucuda: CollectionsV58.BandCss.) */
.sg58-badge.is-free,.sg59-tv-tags em.is-free{background:#fff;color:#5b3fa3;box-shadow:inset 0 0 0 1px #e3dcef}
.sg58-steps li:nth-child(3) .sg58-step-icon{background:#ffd9c8;box-shadow:0 4px 0 #f4ab8a}
.sg60-guide-head .sg58-kicker{background:#ece4fa;color:#5b3fa3}
/* Biraz daha yüksek görseller (yatay basık görünmesin). */
.sg58-card-art{height:256px}
@media (max-width:699.98px){.sg58-card-art{height:212px}}
.sg59-post figure{aspect-ratio:16/10}
/* Çocuk Stüdyosu: yeşil-turkuaz yerine mor-gece yazı, lavanta seçili sekme, güneş sarısı ana düğmeler. */
body.sg69{--sg69-ink:#33255c;--sg69-text:#463d5e;--sg69-muted:#6e6782;--sg69-mint:#ece4fa;--sg69-mint-ink:#5b3fa3}
html body.sg69 .sg69-time,html body.sg69 .sg69-bar-right .sg69-homebtn{background:#f1ebfb;color:#5b3fa3}
html body.sg69 .sg69-continue-go,html body.sg69 .sg69-read,.sg619-go,.sg611-install,.sg620-more{background:#ffd56b;color:#4a3800}
.sg619-picker>strong,.sg619-pick,.sg619-bubble,.sg611-tab[aria-selected=true],.sg611-day h3,.sg611-app h3,.sg620-end-card h2,.sg-narration-caption span.is-now{color:#33255c}
.sg611-parent-nav button[aria-pressed=true]{background:#ece4fa;border-color:#c9b4f2;color:#5b3fa3}
.sg611-chip.is-time{background:#f1ebfb;color:#5b3fa3}.sg611-ok{color:#5b3fa3}
.sg611-chip,.sg611-day li{color:#463d5e}
.sg57-chip{border-color:#e3dcef;color:#3a2f5c}.sg57-chip button{background:#f1ebfb;color:#3a2f5c}
.sg-kids-mode .sg-kids-welcome h1{color:#33255c}
#reader .sg-narration-play[aria-pressed="true"]{background:#5b3fa3;box-shadow:0 6px 18px #5b3fa340}
/* V7.9: kitap okuyucu — büyük bir sayfa çizilirken boş çerçeve yerine "Sayfa hazırlanıyor…"; telefonda (dikey) önce resimli sayfa,
   sesli okuma kutusu altında; yatay sayfalar için "telefonu yan çevirin" ipucu. */
#reader .page.pdf-page{position:relative}
#reader .page.pdf-page.is-rendering{min-height:180px}
#reader .page.pdf-page.is-rendering::after{content:attr(data-loading);position:absolute;inset:0;display:grid;place-items:center;padding-top:56px;font-weight:700;font-size:16px;color:#5b3fa3;background:#fffaf1}
#reader .page.pdf-page.is-rendering::before{content:"";position:absolute;left:50%;top:50%;z-index:1;width:34px;height:34px;margin:-36px 0 0 -17px;border-radius:50%;border:4px solid #e3dcef;border-top-color:#6540bb;animation:sg79-spin .8s linear infinite}
@keyframes sg79-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#reader .page.pdf-page.is-rendering::before{animation:none}}
@media (max-width:700px) and (orientation:portrait){
 html body dialog#reader.is-pdf .reader-header{order:1}
 html body dialog#reader.is-pdf #spread{order:2}
 html body dialog#reader.is-pdf .sg-narration-reader{order:3;margin:12px 0 0;padding:12px 14px}
 html body dialog#reader.is-pdf .reader-controls{order:4}
 html body dialog#reader.is-pdf .reader-tip{order:5}
 html body dialog#reader.is-pdf .sg-narration-caption{max-height:3.2em}
 html[lang=tr] body dialog#reader.is-pdf #spread::after{content:"↻ Telefonu yan çevirirseniz sayfa büyür";display:block;margin:8px 0 0;text-align:center;font-size:13px;color:#6e6782}
 html[lang=en] body dialog#reader.is-pdf #spread::after{content:"↻ Turn your phone sideways for a bigger page";display:block;margin:8px 0 0;text-align:center;font-size:13px;color:#6e6782}
}
/* V7.9: TV bölümü — sağ sütunda 5 küçük video, ana videonun boyunu doldurur; "ebeveyn izni" notu */
.sg79-tv-consent{display:inline-flex;align-items:flex-start;gap:8px;margin:10px 0 0;padding:8px 14px;border-radius:14px;background:#ffffff1a;color:#fff6d6;font-size:14px;line-height:1.45;max-width:640px}
@media (min-width:900px){
 html body .sg59-tv-body{align-items:stretch}
 html body .sg59-tv-list{grid-auto-rows:1fr;gap:10px;height:100%}
 html body .sg59-tv-list a{height:100%;box-sizing:border-box;padding:6px 8px;grid-template-columns:118px minmax(0,1fr)}
}
/* V7.9: liste kartları tek hizada — aynı satırdaki kartlar eşit boyda, başlık her zaman iki satırlık yer kaplar
   (daha uzunsa iki satırda "…" ile biter), düğme/alt bilgi kartın dibine oturur. */
html body .sg543-catalog .sg43-grid.sg543-catalog-grid,html body .sg58-grid{align-items:stretch}
html body .sg43-card>div{display:flex;flex-direction:column;flex:1 1 auto}
html body .sg43-card>div>:last-child{margin-top:auto}
html body .sg58-card h3,html body .sg43-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body .sg58-card h3{min-height:2.3em;line-height:1.15}
html body .sg43-card h3{min-height:2.6em;line-height:1.3}
/* V7.12: Premium sayfasındaki fatura formu toplu, iki sütun (ortak ödeme sütunu stilleri payment-embed-v712.css içinde). */
html body #commerce-checkout.sg712-checkout form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 16px;align-content:start}
html body #commerce-checkout.sg712-checkout form>*{grid-column:1/-1}
html body #commerce-checkout.sg712-checkout form>label:not(.commerce-checkbox){grid-column:auto;margin:0}
html body #commerce-checkout.sg712-checkout form>label:has(input[name=address]){grid-column:1/-1}
html body #commerce-checkout.sg712-checkout form>label input:not([type=checkbox]){width:100%;max-width:none;box-sizing:border-box}
html body #commerce-checkout.sg712-checkout form>.button{grid-column:auto;justify-self:start}
@media (max-width:640px){html body #commerce-checkout.sg712-checkout form{grid-template-columns:1fr}html body #commerce-checkout.sg712-checkout form>label:not(.commerce-checkbox){grid-column:1/-1}}
/* V7.13: in the Kids Studio the video player has no "YouTube'da aç" link (children must not leave to YouTube); parents still see it on the site. */
body.sg-kids-mode #youtube-fallback{display:none!important}
/* V7.13: Çocuk Stüdyosu "Oku" — kitaplık: raflar (devam et, okuma listem, önerilenler, okuduklarım) + bütün kitaplar; karakter düğmeleri yok. */
html body.sg69 #library .sg69-chips[hidden]{display:none!important}
.sg713-shelves{display:grid;gap:26px;margin:6px 0 30px}
.sg713-shelf>h3,.sg713-all{margin:0 0 10px;font-family:var(--sg69-head,inherit);font-size:clamp(19px,2.2vw,24px);color:var(--sg69-ink,#33255c)}
.sg713-all{margin-top:4px}
.sg713-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 4px 18px;margin:0 -4px;background:linear-gradient(#0000 calc(100% - 12px),#e8d3b0 calc(100% - 12px),#d9bf93 calc(100% - 4px),#0000 calc(100% - 4px));scrollbar-width:thin}
.sg713-row>*{flex:0 0 clamp(150px,22vw,210px);scroll-snap-align:start;margin:0!important}
html body #library article{position:relative}
.sg713-mark{position:absolute;top:8px;right:8px;z-index:3;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#ffffffe6;box-shadow:0 3px 10px #33255c26;font-size:18px;line-height:1;cursor:pointer;filter:grayscale(1);opacity:.85}
.sg713-mark[aria-pressed=true]{background:#ffd56b;filter:none;opacity:1}
.sg713-mark:focus-visible{outline:3px solid #6540bb;outline-offset:2px}
@media (max-width:700px){.sg713-row>*{flex-basis:44vw}}

/* V7.22: tablets in landscape/portrait (iPad, iPad Pro: 1000–1365 px) — the whole top menu stays on one line */
@media (min-width:1000px) and (max-width:1365.98px){
 html body:not(.sg-kids-mode)>header{flex-wrap:nowrap!important;gap:clamp(8px,1vw,16px)!important}
 html body:not(.sg-kids-mode)>header .brand{flex:none}
 html body:not(.sg-kids-mode)>header .brand img{width:clamp(92px,9vw,128px)!important;height:auto!important}
 html body:not(.sg-kids-mode)>header>nav{flex:1 1 auto;min-width:0;gap:2px!important;justify-content:center}
 html body:not(.sg-kids-mode)>header>nav>:is(a,details)>:is(summary),html body:not(.sg-kids-mode)>header>nav>a{padding-left:clamp(6px,.75vw,12px)!important;padding-right:clamp(6px,.75vw,12px)!important;font-size:clamp(13px,1.15vw,15px)!important;white-space:nowrap}
 html body:not(.sg-kids-mode)>header>nav>details{flex:none}
 html body:not(.sg-kids-mode)>header .sg-corner-link{padding-left:clamp(10px,1vw,18px)!important;padding-right:clamp(10px,1vw,18px)!important}
 html body:not(.sg-kids-mode)>header .header-actions{flex:none;gap:clamp(6px,.9vw,14px)!important}
 html body:not(.sg-kids-mode)>header .header-actions .parent-link{white-space:nowrap;font-size:clamp(13px,1.1vw,15px)}
}
@media (min-width:1000px) and (max-width:1149.98px){
 html body:not(.sg-kids-mode)>header .header-actions .parent-link{display:inline-grid!important;place-items:center;width:40px;height:40px;padding:0!important;border:0!important;border-radius:50%;background:#f1ecf9;font-size:0!important;text-decoration:none}
 html body:not(.sg-kids-mode)>header .header-actions .parent-link::before{content:"👤";font-size:19px;line-height:1}
}
/* V7.57 Ana sayfa slider resmi: geniş ekranda resim üstten ve alttan kırpılır. Varsayılan odak ortanın biraz üstü (karakterin başı
   görünür kalır); slayta admin'de "Resmin odak noktası" seçilmişse satır içi object-position bunu ezer. Çok geniş ekranda (≥1600 px)
   slider biraz uzar (en çok 720 px), böylece resim daha az kırpılır. */
html body:not(.sg-kids-mode) #main .hero-slider .slide-background{object-position:50% 30%}
@media (min-width:1600px){html body:not(.sg-kids-mode)[data-experience=parent] #main .hero-slider[data-section]>.hero-slide,html body:not(.sg-kids-mode) #main .hero-slider[data-section]>.hero-slide{min-height:clamp(585px,36vw,720px)}}