:root { --ink:#192722; --green:#267c50; --mint:#e5f2e7; --lime:#d3eaa3; --paper:#fffefa; --background:#f6f5ed; --orange:#ffaf62; --blue:#6aa8be; --purple:#9988bc; --red:#ed8271; --muted:#637267; --border:#334639; --shadow:5px 6px 0 #203929; }
    * { box-sizing:border-box }
    html { scroll-behavior:smooth }
    body { margin:0; background:var(--background); color:var(--ink); font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif; overflow-x:hidden }
    a { color:inherit }
    button,input,select { font:inherit }
    button { cursor:pointer }
    :focus-visible { outline:3px dashed #bb6417; outline-offset:5px }
    .hand { font-family:"Comic Sans MS","Segoe Print","Bradley Hand",cursive; letter-spacing:-.045em; line-height:1.18 }
    .container { width:min(1120px,calc(100% - 38px)); margin:0 auto }
    .eyebrow { font-size:.75rem; letter-spacing:.14em; font-weight:900; text-transform:uppercase; color:#42664c }
    .topbar { background:#e9ecd8; border-bottom:2px dashed #739878; text-align:center; padding:7px 12px; font-size:.79rem; font-weight:800 }
    .topbar span { color:#b35c1b }
    header { background:rgba(255,254,250,.98); border-bottom:1.5px solid #c7d7c8; position:sticky; z-index:20; top:0 }
    .header-content { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:14px 0 }
    .logo { font-size:1.35rem; font-weight:1000; line-height:1; text-decoration:none; font-family:"Comic Sans MS","Segoe Print",cursive; white-space:nowrap; color:#205b3f; transform:rotate(-2deg) }
    .logo b { color:#d17f20 }
    nav { display:flex; align-items:center; justify-content:flex-end; gap:clamp(12px,2vw,28px); overflow:auto hidden; scrollbar-width:none }
    nav a { font-size:.89rem; font-weight:800; text-decoration:none; white-space:nowrap; padding:6px 0 }
    nav a:hover { color:var(--green) }
    .nav-pill { border:2px solid var(--green); padding:6px 14px; border-radius:100px; background:var(--lime) }
    .hero { padding:66px 0 82px; position:relative; isolation:isolate }
    .hero:before { content:""; position:absolute; width:320px; height:320px; left:-180px; top:100px; background:#e8eed5; border-radius:50%; filter:blur(3px); z-index:-1 }
    .hero-grid { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:44px }
    .sticker { display:inline-block; background:var(--lime); transform:rotate(-3deg); border:2px solid var(--border); box-shadow:3px 3px 0 #48674c; padding:5px 15px; border-radius:6px; font-size:.81rem; font-weight:900; margin-bottom:25px }
    h1,h2,h3,p { margin-top:0 }
    h1 { font-size:clamp(3.8rem,8.8vw,7rem); line-height:.96; color:#205b3f; margin:0 0 26px; letter-spacing:-.11em; transform:rotate(-1.5deg); text-shadow:3px 4px 0 #c9dca9 }
    h1 .moon { color:#de832b; text-shadow:3px 4px 0 #ecd6ad; display:inline-block; margin-left:17px }
    h1 .rocket { font-size:.48em; position:relative; top:-.17em; text-shadow:none }
    .hero-lead { font-size:clamp(1.15rem,1.8vw,1.35rem); font-weight:750; max-width:510px; line-height:1.48 }
    .hero-description { max-width:490px; color:#54635a }
    .actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:27px }
    .button { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:2.5px solid var(--border); color:var(--ink); background:var(--paper); padding:12px 23px; text-decoration:none; font-size:.95rem; font-weight:900; border-radius:10px 13px 9px 12px; box-shadow:4px 5px 0 #243b2d; transition:transform .15s,box-shadow .15s; }
    .button:hover { transform:translate(2px,2px); box-shadow:2px 3px 0 #243b2d }
    .button-primary { background:var(--lime) }
    .annotation { color:#3e7254; font-size:1.05rem; margin-top:25px; transform:rotate(-3deg) }
    .hero-art { min-height:520px; display:grid; place-items:center; position:relative }
    .book { width:min(390px,100%); height:490px; border:4px solid #1d392b; border-radius:9px 17px 18px 9px; transform:rotate(7deg); background:#fffef9; box-shadow:13px 17px 0 #d3d4bf,17px 20px 0 #284735; padding:17px 21px; position:relative; isolation:isolate; }
    .book:before { content:""; position:absolute; left:12px; top:0; bottom:0; width:2px; background:#dedfd5 }
    .book-header { color:#2d6546; text-align:center; font-size:2.75rem; font-weight:900; margin-top:11px; }
    .book-subtitle { text-align:center; font-size:.92rem; font-weight:800; color:#3d614b; margin-top:-6px }
    .book svg { width:100%; height:280px; display:block; margin-top:6px; }
    .book-author { text-align:center; text-transform:uppercase; font-size:.85rem; font-weight:900; letter-spacing:.13em; }
    .floating-label { position:absolute; z-index:2; font-size:1.05rem; font-weight:900; padding:9px 15px; background:var(--orange); border:2px solid var(--border); border-radius:7px; box-shadow:3px 4px 0 var(--border); transform:rotate(-8deg) }
    .floating-one { top:34px; right:-7px }
    .floating-two { bottom:18px; left:0; background:#cee5f5; transform:rotate(6deg) }
    .section { padding:83px 0 }
    .section-alt { background:#eef1e5; border-top:2px dashed #c7d2ba; border-bottom:2px dashed #c7d2ba }
    .section-head { max-width:720px; margin:0 auto 38px; text-align:center }
    h2 { font-size:clamp(2.2rem,5vw,3.55rem); line-height:1.13; letter-spacing:-.055em; margin:10px 0 18px; }
    .underline { text-decoration:underline; text-decoration-color:#f8b756; text-decoration-thickness:7px; text-underline-offset:6px; text-decoration-skip-ink:none }
    .section-head p { color:var(--muted); font-size:1.07rem }
    .cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; align-items:stretch }
    .paper-card { background:var(--paper); padding:27px 23px; border:2px solid #2e4936; box-shadow:5px 6px 0 #cad4be; border-radius:10px 13px 11px 9px; position:relative }
    .paper-card:nth-child(odd) { transform:rotate(-1deg) }
    .paper-card:nth-child(even) { transform:rotate(1deg) }
    .paper-card .big-icon { font-size:2.4rem; margin:0 0 12px; display:block; }
    h3 { line-height:1.25; margin-bottom:13px; font-size:1.2rem; }
    .paper-card p { color:#56645a; font-size:.91rem; line-height:1.55; margin-bottom:0 }
    .note-line { display:block; width:45px; border-bottom:5px solid var(--orange); border-radius:90%; margin:18px 0 0; transform:rotate(-7deg) }
    .story-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:50px; align-items:center }
    .quote-illustration { background:#e1eed8; border:3px solid #466b4c; border-radius:25px 20px 33px 13px; min-height:330px; display:grid; place-items:center; transform:rotate(-3deg); position:relative; box-shadow:8px 8px 0 #bbd2b8 }
    .quote-illustration .inner { padding:28px; text-align:center; }
    .quote-illustration .symbol { font-size:5rem; display:block; line-height:1.1; margin-bottom:16px }
    .quote-illustration strong { font-size:1.85rem; line-height:1.27; display:block }
    .story-copy p { color:#4f5d54; font-size:1.04rem }
    .story-copy .pull { border-left:6px solid var(--orange); padding-left:18px; color:#244933; font-size:1.15rem; margin:27px 0; font-weight:900 }
    .cycle-box { background:var(--paper); border:2.5px solid #34543b; border-radius:22px 16px 19px 15px; box-shadow:var(--shadow); padding:28px; }
    .cycle-buttons { display:grid; grid-template-columns:repeat(6,1fr); gap:9px; margin-bottom:25px }
    .cycle-button { border:2px solid #b6c7b6; background:#f2f6eb; color:#496653; border-radius:8px; padding:12px 9px; font-size:.8rem; line-height:1.25; font-weight:850; transition:background .15s }
    .cycle-button:hover { background:#e5f0cf }
    .cycle-button[aria-pressed="true"] { background:var(--lime); color:#1d4b2f; border-color:#365b39; box-shadow:2px 3px 0 #73936e }
    .cycle-explain { display:flex; align-items:center; gap:23px; background:#f2f5ea; border:1.5px dashed #81a489; border-radius:12px; padding:21px 25px }
    .cycle-emoji { font-size:3rem }
    .cycle-explain h3 { margin:0 0 5px; font-size:1.18rem }
    .cycle-explain p { margin:0; color:#506353 }
    .tool-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center }
    .calculator { background:var(--paper); padding:30px; border:3px solid #2b4731; box-shadow:8px 9px 0 #cfddc5; border-radius:17px; transform:rotate(-.7deg) }
    .calculator-title { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:27px; font-weight:900 }
    .calculator-title span { background:#f6db9e; padding:3px 9px; transform:rotate(7deg); border:1px dashed #8d753d; font-size:.75rem }
    .form-row { margin-bottom:16px }
    .form-row label { display:block; font-weight:800; margin-bottom:7px; font-size:.91rem }
    .form-row input,.form-row select { width:100%; padding:10px 13px; background:#f9fbf5; border:2px solid #92b098; border-radius:7px; color:#28372b }
    .calc-result { background:#e4f1d8; border:2px dashed #638b68; border-radius:10px; padding:18px; margin-top:19px }
    .calc-result small { display:block; font-weight:800; color:#54755a }
    .calc-result output { display:block; font-size:2.7rem; line-height:1.13; font-weight:950; letter-spacing:-.045em; color:#275941; margin:6px 0 }
    .calc-footnote { margin-top:14px; font-size:.75rem; color:#65756b; line-height:1.5 }
    .tool-copy h2 { max-width:540px }
    .tool-copy p { max-width:475px; font-size:1.08rem; color:#526154 }
    .sketch-arrow { display:block; font-size:3.3rem; color:#cb7427; transform:rotate(13deg); margin-top:26px }
    .bonus-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px }
    .bonus-card { background:var(--paper); border:2px dashed #739377; border-radius:15px; padding:25px; display:flex; flex-direction:column; min-height:220px }
    .bonus-card .stamp { background:#f2d5aa; padding:4px 10px; font-size:.69rem; font-weight:950; text-transform:uppercase; letter-spacing:.1em; align-self:flex-start; transform:rotate(-4deg); border-radius:4px; margin-bottom:17px }
    .bonus-card h3 { margin-bottom:9px }
    .bonus-card p { margin-bottom:0; color:#546358 }
    .qr-banner { margin-top:35px; padding:25px 28px; border:2px solid var(--border); border-radius:15px; background:#dfeecf; display:flex; align-items:center; justify-content:space-between; gap:25px }
    .qr-banner p { margin:0; color:#4c604f; }
    .qr-pattern { display:grid; width:83px; height:83px; flex-shrink:0; place-items:center; border:7px solid #fff; outline:2px solid #45624a; color:#45624a; font-size:.68rem; font-weight:900; background:repeating-linear-gradient(45deg,#d0e6c7 0,#d0e6c7 6px,#eff5ed 6px,#eff5ed 12px); text-align:center; line-height:1.1; transform:rotate(5deg) }
    .closing { text-align:center; padding:72px 0 92px }
    .closing h2 { margin-bottom:13px }
    .closing p { max-width:600px; margin:0 auto 24px; color:#526354 }
    footer { background:#254c36; color:#f3f6e8; padding:27px 0 }
    .footer-inner { display:flex; flex-wrap:wrap; justify-content:space-between; gap:15px; align-items:center }
    .footer-inner p { margin:0; font-size:.76rem; color:#d4e3d5; max-width:690px }
    .footer-inner a { color:#fff3ce; text-decoration:none; font-weight:900 }
    @media (max-width:900px) { .cards { grid-template-columns:repeat(2,1fr) } .hero-grid { gap:20px } .hero-art { min-height:460px } .book { height:445px; padding:10px 15px } .book svg { height:240px } .book-header { font-size:2.3rem } .story-grid,.tool-grid { gap:30px } }
    @media (max-width:690px) {
      .container { width:min(100% - 30px,520px) } .header-content { display:block; padding:13px 0 9px } .logo { display:block; margin-bottom:11px }
      nav { justify-content:flex-start; gap:19px; padding-bottom:4px } nav a { font-size:.81rem } .hero { padding:39px 0 56px } .hero-grid,.story-grid,.tool-grid { grid-template-columns:1fr }
      h1 { font-size:clamp(3.6rem,14.5vw,6rem) } .hero-art { min-height:435px; padding:18px 20px 5px } .book { width:290px; height:400px; transform:rotate(5deg); box-shadow:9px 11px 0 #d3d4bf,12px 14px 0 #284735 }
      .book-header { font-size:2.3rem } .book svg { height:215px } .floating-one { right:0; top:15px } .floating-two { bottom:5px; left:0 }
      .section { padding:60px 0 } .cards { gap:14px } .paper-card { padding:20px 16px } .paper-card h3 { font-size:1.04rem } .paper-card p { font-size:.84rem }
      .quote-illustration { min-height:225px } .quote-illustration .symbol { font-size:3.5rem; margin-bottom:6px } .quote-illustration strong { font-size:1.5rem }
      .cycle-box { padding:18px } .cycle-buttons { grid-template-columns:repeat(3,1fr) } .cycle-explain { padding:17px; gap:13px } .cycle-emoji { font-size:2rem }
      .tool-copy { order:-1 } .calculator { padding:22px } .bonus-grid { grid-template-columns:1fr } .bonus-card { min-height:unset }
      .qr-banner { padding:20px; align-items:flex-start } .closing { padding:50px 0 70px }
    }
    @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto } * { transition:none !important } }

    /* ===== TO THE MOON v0.2 / výraznější kreslený sešit ===== */
    :root {
      --ink:#29382c; --green:#276c43; --mint:#e2eed8; --lime:#d8ed9d;
      --paper:#fffdf5; --background:#f7f1e4; --orange:#f4ad55;
      --blue:#9ccbd1; --purple:#b5a4d0; --red:#ed866d; --muted:#5b6c60;
      --border:#304235; --shadow:6px 7px 0 #34583d;
      --marker:#a8c49e;
    }
    html { scroll-padding-top:120px }
    body {
      background-color:var(--background);
      background-image:radial-gradient(rgba(64,87,63,.11) .85px, transparent .85px);
      background-size:19px 19px;
      /* Robustní české znaky i bez připojení k internetu. */
      font-family:"Trebuchet MS", "DejaVu Sans", Arial, "Noto Sans", sans-serif;
      font-size:16px; letter-spacing:0;
    }
    .hand, .logo, h1, h2, h3 {font-family:"Trebuchet MS", "DejaVu Sans", Arial, "Noto Sans", sans-serif; letter-spacing:-.024em; font-weight:900}
    .hand {line-height:1.2}
    .eyebrow {font-size:.78rem; background:#f2dba1; display:inline-block; padding:5px 12px;
      border:1.5px solid #d7a34c; border-radius:5px; transform:rotate(-1.8deg); color:#453a29; letter-spacing:.07em}
    .topbar {background:#244a32; border-bottom:3px solid #f3bb63; color:#fff6df; letter-spacing:.06em; font-size:.72rem;}
    .topbar span {background:#f5c46b; color:#243b2c; padding:3px 8px; border-radius:4px; margin:0 5px;}
    header {background:#fffdf5; box-shadow:0 3px 0 rgba(44,77,48,.1);border-bottom:2px solid #a8bfa3}
    .header-content {padding:13px 0}
    .logo {font-size:1.32rem; color:#267149; transform:rotate(-1deg); letter-spacing:-.05em}
    .logo b {color:#ce762c}
    nav a {color:#314a38; border-bottom:2px dotted transparent; font-size:.85rem}
    nav a:not(.nav-pill):hover {border-color:#cb7f3e}
    .nav-pill {background:#d8ecab; border-color:#335b36; border-radius:7px; box-shadow:2px 3px 0 #496849}
    .hero {padding:49px 0 63px;}
    .hero::before {background:#e1e8c7; left:-180px}
    .hero-grid {
      position:relative; grid-template-columns:1.02fr .98fr; align-items:center; gap:22px;
      padding:65px 56px 66px 78px;
      background-color:#fffef9;
      background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 35px,rgba(77,151,181,.13) 36px,transparent 37px);
      border:3px solid #465441; border-radius:7px 21px 14px 8px;
      box-shadow:12px 13px 0 #d4d6ba,17px 17px 0 #475a3f;
      isolation:isolate;
    }
    .hero-grid::before {content:""; position:absolute; z-index:-1; left:59px; top:0; bottom:0; width:2px; background:#f3a8a0; box-shadow:2px 0 0 #f8d0c5}
    .hero-grid::after {content:""; position:absolute; right:7%; bottom:-9px; height:15px; width:80px; background:#efd19b; transform:rotate(-5deg); opacity:.7; z-index:-1}
    .binder-hole {position:absolute; left:15px; width:22px; height:22px; border-radius:50%; background:#d5d4c5; border:3px solid #66766a; box-shadow:inset 2px 2px 0 #f9f9f1}
    .binder-hole-one {top:18%}.binder-hole-two {top:49%}.binder-hole-three {top:80%}
    .hero-tape {position:absolute; top:-15px; right:19%; width:114px; height:34px; background:#f1bd66b8; border-left:2px dashed #f8deb0; border-right:2px dashed #f8deb0; transform:rotate(5deg); z-index:3}
    .sticker {background:#fae29b; border:2px dashed #576c43; box-shadow:3px 4px 0 #d9b56c; font-size:.76rem; margin:0 0 25px; padding:8px 12px; max-width:100%;}
    h1 {font-size:clamp(3.25rem,6.4vw,6rem); line-height:.99; letter-spacing:-.065em; transform:rotate(-1.2deg); text-shadow:4px 5px 0 #d5e6bd; margin-bottom:28px}
    h1 .moon {color:#dd842f; text-shadow:4px 5px 0 #f5d5a8; margin-left:9px}
    .hero-lead {color:#2c3e31; font-size:1.13rem; line-height:1.55;}
    .hero-description {color:#59655b; font-size:.99rem; line-height:1.65}
    .button {border:2.5px solid #384a35; background:#fffdf5; border-radius:7px 12px 8px 10px; box-shadow:4px 5px 0 #384c36; transform:rotate(-.5deg)}
    .button-primary {background:#cde88e}
    .actions {gap:12px}
    .annotation {font-size:.99rem; color:#bc6c32; letter-spacing:-.016em; transform:rotate(-2deg); font-weight:900; margin:20px 0 0}
    .pencil-dash {height:34px; overflow:hidden; margin:3px 0 0 12px}
    .hero-art {min-height:500px}
    .book {background:#f9f6e9; border:4px solid #314636; border-radius:8px 17px 16px 8px; width:min(390px,100%); padding:21px 20px; height:490px; transform:rotate(5deg);
      box-shadow:8px 9px 0 #c7b88f,13px 14px 0 #3b5d3c;}
    .book::before {content:""; position:absolute; left:12px; top:0; bottom:0; width:3px; background:#b9c8af;}
    .book::after {content:"EDICE / SEŠIT"; position:absolute; left:9px; bottom:67px; transform:rotate(-90deg); transform-origin:top left; font-size:.55rem; letter-spacing:.12em; font-weight:900; color:#8f987d;}
    .book-header {font-size:2.58rem; line-height:1.15; margin-top:17px; font-weight:1000; letter-spacing:-.07em}
    .book-bang {color:#e79938}
    .book-subtitle {font-size:.9rem; margin-top:0; font-weight:800; letter-spacing:-.025em}
    .book svg {margin-top:1px}
    .book-author {font-size:.64rem; letter-spacing:.06em; color:#4c674e}
    .floating-label {font-size:.87rem; font-weight:900; box-shadow:4px 4px 0 #4b5541; border-radius:4px; max-width:135px; text-align:center}
    .floating-one {right:-4px; top:31px; background:#ffd38b}
    .floating-two {left:-10px; bottom:25px; background:#c5e4ed; max-width:180px}
    .section {padding:81px 0}
    .section-alt {background-color:#ecefdf;background-image:repeating-linear-gradient(0deg,transparent 0 39px,rgba(83,144,166,.065) 40px,transparent 41px); border-top:3px dashed #bdcfaa;border-bottom:3px dashed #bdcfaa}
    .section-head {margin-bottom:43px}
    h2 {font-size:clamp(2.05rem,4.6vw,3.4rem);letter-spacing:-.045em;line-height:1.15}
    h3 {font-weight:900}
    .underline {text-decoration-color:#f3bd62;text-decoration-thickness:9px;text-underline-offset:5px}
    .paper-card {border:2.5px solid #394e3f; background:#fffdf5; box-shadow:5px 6px 0 #b7c2a8; border-radius:10px 7px 14px 9px; padding:23px 19px;}
    .paper-card:nth-child(1) {background:#f6f7e9}
    .paper-card:nth-child(2) {background:#fff5e4}
    .paper-card:nth-child(3) {background:#f8eee9}
    .paper-card:nth-child(4) {background:#f1f5ee}
    .paper-card::after {content:""; position:absolute; top:-11px; left:42%; width:47px; height:18px; background:#efd8a2ba; transform:rotate(-7deg);}
    .doodle {width:83px;height:70px;display:block;margin-bottom:11px}
    .paper-card p {color:#4f6055;font-size:.91rem}
    .paper-card .note-line {border-color:#e7a25a}
    .quote-illustration {background:#d5e9ce;border-radius:15px 28px 11px 31px;border:3px solid #456347; box-shadow:9px 10px 0 #b6c9aa;}
    .quote-illustration::before {content:"POZNÁMKA NA OKRAJ ✎";position:absolute;top:-15px;left:28px;background:#ffdaa0;border:2px solid #625538;padding:4px 12px;transform:rotate(7deg);font-size:.7rem; font-weight:900;letter-spacing:.04em}
    .story-copy .pull {background:#fbf6e5;padding:17px 18px;border-left:7px solid #edab58; box-shadow:4px 4px 0 #d9d5b8; border-radius:4px;}
    .cycle-box {background:#fffdf6;border:3px solid #3a513b;border-radius:13px 21px 12px 16px;box-shadow:8px 9px 0 #b9caae}
    .cycle-button {background:#f2f5e8; border:2px dashed #9aaf96; color:#324a38; border-radius:5px 8px 6px 10px; min-height:62px}
    .cycle-button[aria-pressed="true"] {background:#daeba8;color:#25432d;border:2px solid #415d3c;box-shadow:3px 4px 0 #819e70;transform:rotate(-1.2deg)}
    .cycle-explain {background:#f4f4e7; border:2px dashed #93ad8c; align-items:flex-start}
    .calculator {border-radius:6px 17px 8px 13px;box-shadow:8px 9px 0 #bdc9a6;background:#fffdf5;transform:rotate(-.4deg)}
    .calculator-title {flex-wrap:wrap;font-size:1.1rem}
    .calculator-title span {background:#ffe0a4; font-size:.68rem}
    .form-row input,.form-row select {min-height:49px;border:2px solid #809e87; background:#fffdf7}
    .calc-result {background:#e2f1cf; border:2px dashed #6b956c}
    .calc-result output {overflow-wrap:anywhere;font-size:clamp(1.55rem,4vw,2.65rem)}
    .bonus-card {background:#fffdf5;border:2.5px dashed #819b7a;border-radius:9px 17px 8px 14px;box-shadow:3px 4px 0 #c5d0b5}
    .bonus-card:nth-child(2) {background:#fff8ee}.bonus-card:nth-child(3) {background:#f4f7ef}
    .qr-banner {background:#e5ebc9; border:3px solid #57704c; border-radius:10px 14px 8px 17px; box-shadow:6px 6px 0 #c6d3ac}
    .qr-pattern {border:6px solid #fffdf7; outline:2px dashed #45624a}
    .closing {background:#fffdf5; border:3px solid #526c52; border-radius:14px 7px 17px 9px;box-shadow:8px 8px 0 #c9d4ba; margin-top:70px;margin-bottom:78px; padding:43px 24px 52px}
    footer {background:#264935; border-top:8px solid #f2b96a}
    @media (max-width:1050px) {
      .hero-grid {padding:58px 28px 57px 70px;gap:16px}
      .hero-grid::before {left:53px}
      .hero-art {min-height:470px}
      .book {width:320px;height:440px;padding:15px}
      .book-header {font-size:2.23rem}
      .book svg {height:230px}
      .floating-one {right:-4px}
    }
    @media (max-width:690px) {
      html {scroll-padding-top:136px}
      .container {width:min(100% - 28px,540px)}
      .topbar {font-size:.62rem;line-height:1.65;letter-spacing:0}
      .header-content {padding:10px 0 8px}
      .logo {font-size:1.21rem;margin-bottom:10px}
      nav {gap:8px 15px;flex-wrap:wrap;overflow:visible} nav a {font-size:.8rem}
      .hero {padding:28px 0 42px}
      .hero-grid {display:grid; grid-template-columns:1fr;gap:11px;padding:51px 22px 45px 39px;box-shadow:6px 7px 0 #d4d6ba,9px 11px 0 #475a3f}
      .hero-grid::before {left:29px}
      .binder-hole {left:5px;width:15px;height:15px;border-width:2px}
      .hero-tape {right:12%;width:83px;height:25px;top:-12px}
      .sticker {font-size:.72rem;padding:6px 8px;margin-bottom:17px;transform:rotate(-1.5deg)}
      h1 {font-size:clamp(3.05rem,14vw,5rem);margin-bottom:21px;letter-spacing:-.06em}
      h1 .moon {margin-left:5px}
      .hero-lead {font-size:1.08rem}
      .hero-description {font-size:.93rem}
      .actions {gap:12px}
      .button {padding:11px 16px;font-size:.9rem}
      .annotation {font-size:.91rem}
      .hero-art {min-height:405px; padding:4px 4px 5px 0}
      .book {width:min(270px,92%);height:367px;transform:rotate(5deg);padding:12px 15px;box-shadow:6px 7px 0 #c7b88f,10px 11px 0 #3b5d3c}
      .book-header {font-size:1.94rem;margin-top:12px}
      .book-subtitle {font-size:.8rem}
      .book svg {height:196px;margin-top:0}
      .book-author {font-size:.54rem}
      .floating-label {font-size:.75rem;padding:7px 9px}
      .floating-one {top:11px;right:-8px;max-width:104px}
      .floating-two {bottom:5px;left:-10px;max-width:148px}
      .section {padding:58px 0}
      .section-head {margin-bottom:31px}
      h2 {font-size:clamp(2rem,8vw,2.7rem)}
      .cards {grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
      .paper-card {padding:18px 12px}
      .paper-card p {font-size:.78rem}
      .doodle {width:65px;height:54px}
      .paper-card h3 {font-size:1.03rem}
      .story-grid,.tool-grid {grid-template-columns:1fr; gap:33px}
      .quote-illustration {min-height:240px}
      .quote-illustration strong {font-size:1.33rem}
      .cycle-box {padding:18px 14px}
      .cycle-buttons {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
      .cycle-button {font-size:.84rem;min-height:53px}
      .cycle-explain {gap:10px;padding:16px 12px}
      .cycle-explain h3 {font-size:1rem}
      .cycle-explain p {font-size:.9rem}
      .cycle-emoji {font-size:1.8rem}
      .calculator {padding:20px 17px}
      .tool-copy {order:-1}
      .bonus-grid {grid-template-columns:1fr}
      .qr-banner {flex-wrap:wrap}
      .closing {margin-top:48px;margin-bottom:55px;padding:39px 22px}
    }
    @media (max-width:360px) {
      .container{width:calc(100% - 22px)}
      .hero-grid{padding:46px 16px 43px 32px}
      .hero-grid::before{left:23px}
      .binder-hole{left:3px}
      h1{font-size:2.75rem}
      .cards {grid-template-columns:1fr}
      .paper-card{padding:20px}
    }
  
    /* 0.3 — další stránky sešitu */
    .chapter-index { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px }
    .chapter-index a {font-size:.79rem;font-weight:900;color:#35543b;border-bottom:2px dashed #a9ba96;text-decoration:none;padding:2px 3px}
    .chapter-index a:hover{border-color:#d48a37}
    .section-mark {background:#f6db9f;border:2px solid #906e35;box-shadow:2px 2px 0 #ad995c;transform:rotate(-2deg);display:inline-block;padding:4px 12px;font-weight:900;font-size:.73rem;border-radius:5px;margin-bottom:14px}
    .academy-grid {display:grid;grid-template-columns:.81fr 1.19fr;gap:30px;align-items:start}
    .academy-menu {display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .academy-menu button {display:flex;flex-direction:column;gap:7px;align-items:flex-start;padding:21px 15px;border:2px solid #53694c;border-radius:12px 8px 15px 6px;background:#fffdf4;box-shadow:3px 4px 0 #cbd5be;text-align:left;font-weight:900;color:#304936;min-height:122px}
    .academy-menu button span {font-size:1.9rem;line-height:1.15}
    .academy-menu button[aria-pressed="true"] {background:#d8edaa;box-shadow:4px 5px 0 #637e59}
    .academy-page {padding:30px;background:#fffdf5;min-height:268px;border:3px solid #475e46;border-radius:8px 21px 9px 16px;box-shadow:7px 8px 0 #c2ccae;position:relative}
    .academy-page:after{content:"✎";position:absolute;right:20px;top:9px;color:#b98647;font-size:2rem}
    .academy-page h3{font-size:1.6rem;margin:8px 0 14px}
    .academy-page p{color:#58665b;font-size:1.03rem}
    .quick-note {display:inline-block;margin-top:13px;padding:8px 12px;background:#fff0d1;border-left:5px solid #df9d45;color:#735b38;font-size:.86rem;font-weight:800}
    .wide-panel {background:#fffdf5;border:3px solid #435e43;border-radius:14px 10px 20px 9px;box-shadow:8px 9px 0 #c2d0b0;padding:30px}
    .smallmuted {font-size:.79rem;color:#667469;line-height:1.65}
    .basket-layout {display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:start}
    .basket-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:19px 0}
    .basket-coin {background:#f2f5e9;border:2px dashed #a0b69a;border-radius:9px;padding:12px 10px}
    .basket-coin select,.basket-coin input {width:100%;min-width:0;padding:9px 8px;border:1.5px solid #77907c;border-radius:5px;background:white;color:#294530;font:inherit}
    .basket-coin label {display:block;font-size:.76rem;font-weight:900;margin:8px 0 6px;color:#466147}
    .basket-coin .coin-head {display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:950}
    .basket-coin .coin-symbol {width:28px;height:28px;display:grid;place-items:center;background:#ffe1a3;border:2px solid #7a7646;border-radius:50%;flex:0 0 28px;font-size:.85rem}
    .basket-row {display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:16px 0}
    .basket-row > label {min-width:175px;flex:1;font-weight:900;font-size:.84rem}
    .basket-row input {display:block;width:100%;background:#fff;padding:10px 12px;border:2px solid #849e81;border-radius:7px;margin-top:5px}
    .year-group {display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}
    .year-group button,.news-tabs button,.chart-controls button {border:2px solid #8da28a;border-radius:6px;background:#fffdf3;padding:9px 13px;font-size:.87rem;font-weight:900;color:#3f5843}
    .year-group button[aria-pressed="true"],.news-tabs button[aria-pressed="true"],.chart-controls button[aria-pressed="true"] {background:#d7ebad;border-color:#455e42;box-shadow:2px 3px 0 #90a780}
    .basket-results {background:#eaf3df;border:2px dashed #8dae80;padding:22px;border-radius:13px;min-height:330px}
    .basket-results .big-number {font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:1000;color:#2d653e;line-height:1.18;margin:7px 0}
    .bar-label {display:flex;justify-content:space-between;gap:8px;font-size:.83rem;font-weight:900;margin:14px 0 4px}
    .result-bar {height:14px;border-radius:15px;background:#d0d9c5;overflow:hidden;border:1px solid #9fb09a}
    .result-bar span {display:block;background:#66a874;height:100%;transition:width .25s}
    .result-bar.negative span {background:#e5a477}
    .result-bar.neutral span {background:#8facb5}
    .alloc {display:flex;gap:3px;height:23px;border:2px solid #698369;border-radius:6px;overflow:hidden;margin:8px 0}
    .alloc > span:nth-child(1){background:#efb460}.alloc > span:nth-child(2){background:#82b38b}.alloc > span:nth-child(3){background:#9cbcca}
    .alloc-legend {display:flex;gap:10px;flex-wrap:wrap;font-size:.73rem;font-weight:900}
    .alloc-legend span:before {content:"■ ";color:#d79a3d}
    .alloc-legend span:nth-child(2):before{color:#70a27a}.alloc-legend span:nth-child(3):before{color:#6a9ab1}
    .error-text {color:#9e3d33;font-weight:900;font-size:.86rem}
    .chart-wrap {background:#fffdf7;border:3px solid #50624b;border-radius:16px;box-shadow:7px 8px 0 #cbd0b7;padding:24px}
    .chart-controls {display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}
    .chart-grid {display:grid;grid-template-columns:2fr 1fr;gap:27px;align-items:center}
    .chart-graph {min-height:250px; background-color:#fafbf1;background-image:repeating-linear-gradient(0deg,transparent 0 56px,#dbe5d3 57px,transparent 58px);border:1px solid #c3d3c3;border-radius:11px;padding:14px}
    .chart-graph svg {width:100%;height:250px;display:block}
    .chart-price {font-size:clamp(1.5rem,3vw,2.3rem);font-weight:1000;color:#2a6446;overflow-wrap:anywhere}
    .chart-status {min-height:2em;color:#5a6c5c;font-size:.85rem}
    .text-link {color:#286245;font-weight:900;text-decoration-thickness:2px;text-underline-offset:3px}
    .news-tabs{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin:4px 0 24px}
    .news-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .news-paper {background:#fffdf4;border:2px solid #475b43;border-radius:8px 16px 7px 14px;box-shadow:5px 6px 0 #c9d2bd;padding:26px;position:relative}
    .news-paper:first-child{background:#f6f5e9}
    .news-paper .news-tag {display:inline-block;background:#f8dba2;border:1.5px dashed #a47c35;padding:4px 9px;font-size:.72rem;font-weight:900;margin:0 0 14px}
    .news-paper h3{font-size:1.37rem}
    .news-paper p {font-size:.91rem;color:#526257}
    .news-meta {font-size:.77rem;font-weight:800;color:#5b745e;border-top:1px dashed #a4b19e;padding-top:10px;margin-top:16px}
    .editor-note {margin-top:24px;background:#e3efd8;border-left:6px solid #6e9d69;padding:13px 17px;font-size:.87rem;color:#3e5a43}
    .todo-ribbon {margin:35px auto 0;background:#f9e2b9;border:2px dashed #ae8240;border-radius:12px;padding:16px 19px;max-width:900px;text-align:center;font-size:.9rem}
    .sitemap-tag {font-size:.67rem;letter-spacing:.05em;font-weight:900;background:#d5eac5;color:#405945;padding:4px 9px;border-radius:3px}
    .frame-caption {font-size:.79rem;color:#728073;margin-top:12px}
    @media (max-width:950px){
      .basket-layout,.chart-grid,.academy-grid{grid-template-columns:1fr}
      .desktop-nav{gap:10px}
      .desktop-nav a{font-size:.76rem}
    }
    .mobile-menu{display:none;position:relative}
    .mobile-menu summary {cursor:pointer;list-style:none;background:#d9ecb3;border:2px solid #496a45;border-radius:7px;padding:8px 13px;box-shadow:2px 2px 0 #74836c;font-weight:900;font-size:.88rem}
    .mobile-menu summary::-webkit-details-marker{display:none}
    .mobile-menu nav {position:absolute;right:0;top:50px;z-index:50;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#fffdf6;border:2px solid #53674f;border-radius:10px;box-shadow:5px 6px 0 #c5d0bc;min-width:225px;padding:9px;max-height:74vh;overflow:auto}
    .mobile-menu nav a {display:block;text-decoration:none;padding:9px 14px;font-size:.91rem;font-weight:800;border-bottom:1px dashed #dce1cf}
    .mobile-menu nav a:last-child{border-bottom:0}
    @media (max-width:750px){
      .desktop-nav{display:none}.mobile-menu{display:block}
      .header-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
      .logo{display:inline-block;margin:0;font-size:1.2rem}
      .basket-grid{grid-template-columns:1fr 1fr}.basket-coin:nth-child(3){grid-column:span 2}
      .wide-panel{padding:21px 15px}.basket-results{padding:18px 15px}
      .news-layout{grid-template-columns:1fr}.news-paper{padding:21px}
      .academy-grid{gap:22px}.academy-menu button{min-height:104px}
      .chapter-index{display:none}
    }
    @media (max-width:370px){.basket-grid{grid-template-columns:1fr}.basket-coin:nth-child(3){grid-column:auto}.academy-menu{grid-template-columns:1fr}}

  
    /* 0.4: interaktivní koše a částečný výběr */
    .basket-v04 .basket-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
    .basket-v04 .basket-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
    .basket-v04 .basket-coin{position:relative;padding:12px 12px 13px;min-width:0}
    .basket-v04 .basket-coin:nth-child(3){grid-column:auto}
    .basket-v04 .basket-coin .coin-head{justify-content:space-between;flex-wrap:wrap}
    .basket-v04 .basket-coin .coin-head strong{font-size:.8rem}
    .basket-v04 .basket-coin .coin-input-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(78px,.55fr);gap:8px}
    .basket-v04 .basket-coin .coin-input-row input{padding:9px 7px}
    .basket-v04 .basket-coin .per-coin{display:block;margin-top:8px;font-size:.74rem;font-weight:900;color:#396144}
    .coin-remove{font:inherit;background:transparent;border:0;color:#8e4934;font-size:.73rem;font-weight:900;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}
    .coin-remove:hover,.coin-remove:focus-visible{background:#fff0d9}
    .basket-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}
    .basket-actions button,.mini-action{background:#fff9e6;border:2px solid #5c7357;border-radius:8px;box-shadow:2px 3px 0 #b9c6a9;font:inherit;font-weight:900;font-size:.79rem;color:#2b4d36;padding:9px 12px;cursor:pointer}
    .basket-actions button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}
    .basket-actions button:hover:not(:disabled),.mini-action:hover{background:#e4f1cb}
    .basket-v04 .alloc{gap:2px}
    .basket-v04 .alloc span{display:block;height:100%;flex:0 0 auto}
    .basket-v04 .alloc-legend{gap:6px 14px;margin-top:10px}
    .basket-v04 .alloc-legend span{display:inline-flex;align-items:center;gap:5px}
    .basket-v04 .alloc-legend span:before{content:'■';color:var(--swatch,#77a777)!important}
    .basket-v04 .basket-results .legend-help{padding:11px 12px;background:#fff9e4;border-left:4px solid #d2943e;color:#70552d;font-size:.78rem;margin-top:19px}
    .basket-v04 .basket-inline{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}
    .basket-v04 .basket-inline label{font-weight:900;font-size:.83rem;display:block}
    .basket-v04 .basket-inline input,.basket-v04 .basket-inline select{display:block;margin-top:5px;width:100%;background:#fff;padding:10px 11px;border:2px solid #849e81;border-radius:7px;font:inherit;color:#314c35}
    .basket-v04 .basket-inline input:focus-visible,.basket-v04 .basket-inline select:focus-visible{outline:3px solid #e6b858;outline-offset:2px}
    .basket-results .year-end{margin-top:16px;padding:9px;background:#f8fcf5;border:1px dashed #9bad8e;color:#45614b;font-size:.75rem}
    .profit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
    .profit-form{display:grid;gap:16px;max-width:460px}
    .profit-form label{display:block;font-size:.88rem;font-weight:900;color:#354d36}
    .profit-form input{display:block;margin-top:6px;padding:12px;width:100%;max-width:400px;background:#fff;border:2px solid #889c83;border-radius:8px;font:inherit;color:#26492e}
    .profit-case{background:#eaf3dd;border:2px dashed #84a47d;border-radius:13px;padding:24px}
    .profit-case .profit-big{font-size:clamp(1.8rem,3.8vw,2.8rem);font-weight:1000;color:#336840;margin:7px 0 13px;overflow-wrap:anywhere}
    .profit-case .profit-split{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}
    .profit-case .profit-split div{background:#fffdf3;border:1px solid #b9ceb2;padding:12px;border-radius:9px}
    .profit-case .profit-split strong{display:block;font-size:1.1rem;margin-top:5px}
    .profit-case .profit-split span{font-size:.75rem;color:#566653}
    .profit-note{color:#576b59;font-size:.86rem;line-height:1.6}
    .printable-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
    .printable-grid article{background:#fffdf4;border:2px solid #647c5c;box-shadow:4px 5px 0 #d4d9c5;border-radius:10px;padding:18px}
    .printable-grid h3{font-size:1.09rem;margin:0 0 8px}
    .printable-grid p{font-size:.84rem;color:#607061;min-height:80px}
    .printable-grid button{width:100%}
    .append-note{background:#f9e8c5;padding:12px 17px;border-left:5px solid #d89f45;font-size:.8rem;color:#665333;margin-top:22px}
    @media(max-width:900px){.basket-v04 .basket-layout{grid-template-columns:1fr}.profit-grid{grid-template-columns:1fr}.printable-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:580px){.basket-v04 .basket-grid{grid-template-columns:1fr}.basket-v04 .basket-inline{grid-template-columns:1fr}.printable-grid{grid-template-columns:1fr}.profit-case .profit-split{grid-template-columns:1fr 1fr}.basket-v04 .basket-coin .coin-input-row{grid-template-columns:1fr 105px}}
    @media print{header,.topbar,.mobile-menu,.basket-actions,.mini-action{display:none!important}}


  /* Verze 0.5: upravitelné scénáře a knižní poznámky */
  .scenario-editor{margin-top:21px;background:#f5f4e7;border:2px dashed #91a788;padding:17px;border-radius:11px}
  .scenario-editor__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:11px}
  .scenario-editor__header h3{margin:0;font-size:1rem}
  .scenario-editor__header button{font:inherit;font-size:.76rem;border:1.5px solid #6b886a;border-radius:7px;background:#fffdf5;padding:6px 10px;font-weight:850}
  .scenario-editor__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .scenario-editor__grid label{display:block;font-size:.77rem;font-weight:900;color:#3c5340;line-height:1.4}
  .scenario-editor__grid input{width:100%;min-width:0;border:2px solid #8fa588;border-radius:7px;padding:10px;background:#fff;font:inherit;font-size:1rem;font-weight:800;color:#284a32;margin-top:5px}
  .scenario-editor__grid input:focus-visible{outline:3px solid #ebb55a;outline-offset:2px}
  .scenario-editor__note{margin:12px 0 0;font-size:.79rem;color:#596b57}
  .scenario-editor__error{color:#992a24;font-weight:900;font-size:.81rem;margin:7px 0 0;min-height:1.5em}
  .scenario-label{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}
  .scenario-diff{font-size:.75rem;color:#4c5a51;font-weight:750;margin:6px 0 18px;line-height:1.4;text-align:right}
  .scenario-guide{margin-top:30px;border:2px solid #4d674d;background:#fffbef;padding:18px 21px;border-radius:10px;box-shadow:3px 4px 0 #d0d7be}
  .scenario-guide summary{font-size:1.04rem;font-weight:950;cursor:pointer;color:#2a5237}
  .scenario-guide p,.scenario-guide li{font-size:.86rem;color:#536050;line-height:1.6}
  .scenario-guide ol{padding-left:24px;margin:14px 0 0}
  .scenario-guide p{margin:12px 0 0}
  .strategy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .strategy-note{background:#fffdf4;border:2px solid #486148;border-radius:12px 9px 13px 8px;box-shadow:5px 6px 0 #ced8c4;padding:24px;position:relative}
  .strategy-note:nth-child(2){transform:rotate(.3deg)}
  .strategy-note:nth-child(3){transform:rotate(-.4deg)}
  .strategy-note .tag{display:inline-block;font-size:.74rem;letter-spacing:.05em;font-weight:950;background:#e5eece;border-radius:5px;padding:3px 9px;margin-bottom:12px}
  .strategy-note h3{font-size:1.32rem;color:#254d33;margin:0 0 10px}
  .strategy-note p{font-size:.91rem;color:#4e6153;margin:0 0 12px}
  .strategy-note details{border-top:1px dashed #a4baa0;padding-top:10px;margin-top:14px}
  .strategy-note summary{font-size:.86rem;font-weight:950;color:#376a47;cursor:pointer}
  .strategy-note details p{margin:10px 0 0}
  .strategy-intro{padding:15px 19px;background:#eef2e3;border-left:5px solid #70a073;margin:0 auto 24px;max-width:925px;border-radius:3px 9px 9px 3px;color:#4c624c;font-size:.87rem}
  html{scroll-padding-top:95px}
  @media(max-width:400px){.floating-one{right:12px;max-width:102px}.sketch-arrow{font-size:clamp(1.65rem,8vw,2.4rem);max-width:100%;transform:rotate(3deg)}}
  @media(max-width:760px){.scenario-editor__grid{grid-template-columns:1fr 1fr 1fr}.strategy-grid{grid-template-columns:1fr}.strategy-note:nth-child(2),.strategy-note:nth-child(3){transform:none}}
  @media(max-width:400px){.scenario-editor__grid{grid-template-columns:1fr}.scenario-editor__grid input{margin-bottom:5px}}


  /* V0.6: jedno pracovní místo – nastavení sazby u výsledku, graf ve stejném panelu. */
  .basket-v04 .basket-v06-layout{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:28px;align-items:stretch}
  .basket-v06-layout > * {min-width:0}
  .basket-builder{padding-right:2px}
  .builder-heading{font-size:1.03rem;margin:5px 0 18px;color:#34573c}
  .basket-export-action{margin-top:25px}
  .basket-v06-results{padding:21px;background:#eff5e5;min-width:0;display:flex;flex-direction:column;gap:0}
  .result-header{display:flex;align-items:start;justify-content:space-between;gap:12px;border-bottom:1px dashed #adc39f;padding-bottom:14px}
  .result-header-note{font-size:.82rem;color:#567058;margin:7px 0 0}
  .tiny-sticker{font-size:.62rem;background:#fff1c8;border:1px solid #d9a54e;border-radius:6px;padding:5px 7px;font-weight:900;transform:rotate(2deg);white-space:nowrap}
  .horizon-box{display:flex;align-items:center;justify-content:space-between;gap:8px 13px;flex-wrap:wrap;padding:14px 0 12px}
  .horizon-box h3{margin:0;font-size:.88rem;color:#315239}
  .horizon-box .year-group{margin:0}
  .horizon-box .year-group button{padding:7px 10px;font-size:.8rem}
  .invested-box{padding:15px 17px;background:#dfeccc;border-radius:9px;border:1px dashed #99b78d}
  .basket-v06-results .big-number{font-size:clamp(1.7rem,3vw,2.3rem);margin:6px 0}
  .scenario-editor--joined{margin-top:15px;background:transparent;border:0;padding:0}
  .scenario-editor--joined .scenario-editor__header{margin-bottom:12px}
  .scenario-editor--joined .scenario-editor__header h3{font-size:.95rem;color:#2d553c}
  .scenario-cards{display:grid;gap:11px}
  .scenario-card{padding:13px 12px 12px;background:#fffdf5;border:1.5px solid #aac5a1;border-radius:9px}
  .scenario-card--neg{border-left:5px solid #db9c6c}.scenario-card--zero{border-left:5px solid #83aab5}.scenario-card--pos{border-left:5px solid #66a874}
  .scenario-card__top{display:grid;grid-template-columns:minmax(115px,.8fr) minmax(0,1.2fr);align-items:center;gap:10px;margin-bottom:10px}
  .scenario-card label{font-size:.86rem;font-weight:950;color:#355740;display:block;min-width:0}
  .scenario-card__hint{display:block;font-size:.68rem;color:#637868;font-weight:750;margin:3px 0}
  .scenario-card input{display:block;width:100%;max-width:145px;border:2px solid #95af8c;border-radius:6px;padding:8px 10px;background:white;font-size:1.03rem;font-weight:850;color:#2c5037;min-width:0}
  .scenario-card input:focus-visible{outline:3px solid #ebb55a;outline-offset:2px}
  .scenario-card__outcome{text-align:right;min-width:0}
  .scenario-card__outcome > span{display:block;font-size:.67rem;color:#607467;font-weight:850}
  .scenario-card__outcome > strong{display:block;color:#2d603e;font-size:clamp(.98rem,1.65vw,1.22rem);font-weight:950;line-height:1.4;overflow-wrap:anywhere}
  .basket-v06-results .scenario-diff{display:block;margin:3px 0 0;font-size:.69rem;text-align:right;overflow-wrap:anywhere}
  .basket-v06-results .result-bar{height:10px}
  .scenario-editor--joined .scenario-editor__note{margin:12px 0 0}
  .scenario-editor--joined .scenario-editor__error:empty{display:none}
  .projection-box{margin-top:20px;padding:14px 12px 10px;border:1px dashed #92b18e;border-radius:10px;background:#fcfdf6}
  .projection-box h3{font-size:.96rem;margin:0 0 3px;color:#345a3d}
  .projection-box p{font-size:.73rem;line-height:1.55;color:#59725f;margin:0 0 10px}
  .projection-legend{display:flex;gap:7px 12px;flex-wrap:wrap;margin:4px 0 9px;font-size:.69rem;color:#36523a}
  .line-legend{display:inline-flex;align-items:center;gap:5px}
  .line-legend:before{content:'';display:inline-block;width:17px;height:0;border-top:3px solid #888}
  .line-legend.neg:before{border-color:#d89b6b}.line-legend.zero:before{border-color:#83a9b4}.line-legend.pos:before{border-color:#56a771}.line-legend.invested:before{border-top:2px dashed #7e857d}
  .projection-plot{width:100%;min-height:160px}
  .projection-plot svg{width:100%;height:auto;display:block;overflow:visible}
  .projection-plot text{font-size:11px;fill:#5c7160;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
  .basket-v06-bottom{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr);gap:18px;border-top:2px dashed #b6c7a8;padding-top:24px;min-width:0}
  .basket-v06-bottom .projection-box{margin-top:0;padding:18px 17px;background:#f8fcf5}
  .basket-v06-bottom .projection-plot{max-width:100%}
  .basket-notes{align-self:start;background:#f6f6e9;border:1px dashed #aac4a3;border-radius:10px;padding:18px 14px;min-width:0}
  .basket-notes h3{font-size:1rem;color:#32533a;margin-bottom:12px}
  .basket-v06-bottom .legend-help{margin-top:0}
  .basket-v06-bottom .year-end{margin-top:15px}
  @media(max-width:750px){.basket-v06-bottom{grid-template-columns:1fr;padding-top:17px}.basket-notes{padding:14px}}

  @media(max-width:950px){.basket-v04 .basket-v06-layout{grid-template-columns:1fr}.basket-v06-results{margin-top:3px}.scenario-card__top{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}}
  @media(max-width:440px){.tiny-sticker{display:none}.basket-v06-results{padding:13px 11px}.scenario-card{padding:11px 9px}.scenario-card__top{grid-template-columns:minmax(110px,.95fr) minmax(0,1.05fr);gap:7px}.scenario-card__outcome > strong{font-size:.98rem}.scenario-card__outcome > span{font-size:.63rem}}
  @media(max-width:355px){.scenario-card__top{grid-template-columns:1fr}.scenario-card__outcome{text-align:left}.basket-v06-results .scenario-diff{text-align:left}.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-grid>*{min-width:0}.hero-art{max-width:100%}.book{max-width:calc(100% - 16px)}.floating-one{right:0}}

  /* TO THE MOON 0.7: čitelná čísla a úvodní stránka „bez FOMO“ */
  .rounding-hint{font-size:.7rem;line-height:1.45;color:#58725d;margin:10px 0 0}
  .beginner-section{background:#f9f7ec}
  .beginner-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:25px;align-items:start}
  .beginner-paper{background:#fffdf5;border:3px solid #48654a;border-radius:9px 18px 11px 19px;padding:28px;box-shadow:7px 8px 0 #cbd4bd;min-width:0}
  .beginner-paper h3{font-size:clamp(1.25rem,3vw,1.75rem);color:#315940;margin:7px 0 12px}
  .beginner-paper>p{font-size:.9rem;color:#5f6c5e}
  .beginner-progress{padding:12px 16px;background:#edf4e2;border:1px dashed #9ab58c;border-radius:8px;margin:18px 0 17px;color:#32543e;font-size:.84rem}
  .beginner-track{margin-top:9px;height:13px;background:#d2dfc9;border-radius:50px;overflow:hidden;border:1px solid #9bb396}
  .beginner-track span{height:100%;width:0;display:block;background:#67a875;transition:width .18s}
  .beginner-checks{display:grid;gap:9px}
  .beginner-checks label{display:flex;align-items:flex-start;gap:12px;padding:13px 12px;background:#f9fbf3;border:1px solid #d4dfc9;border-radius:9px;cursor:pointer}
  .beginner-checks label:has(input:checked){background:#e8f4df;border-color:#7dac7c}
  .beginner-checks input{width:21px;height:21px;accent-color:#357d52;flex:none;margin:2px 0 0;cursor:pointer}
  .beginner-checks span{min-width:0;display:block}
  .beginner-checks strong{display:block;color:#284937;font-size:.88rem}
  .beginner-checks small{display:block;margin-top:4px;color:#5a6c5c;font-size:.77rem;line-height:1.5}
  .beginner-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
  .beginner-actions a{text-decoration:none}
  .beginner-message{background:#fff1d0;border-left:4px solid #c89036;padding:11px 13px;margin:17px 0 0!important;color:#695739!important;border-radius:0 7px 7px 0}
  .beginner-aside{background:#eaf1df;border:2px dashed #8cac83;border-radius:14px;padding:25px 23px;min-width:0}
  .beginner-doodle{max-width:260px;margin:0 auto 7px}.beginner-doodle svg{width:100%;display:block}
  .beginner-aside h3{font-size:1.5rem;color:#2f593b}
  .beginner-aside>p{font-size:.87rem;color:#516555;border-bottom:1px dashed #c2d0b8;padding-bottom:12px}
  .beginner-aside>p strong{color:#33553b}
  .beginner-scribble{font-size:1.06rem;font-weight:900;font-family:"Comic Sans MS","Segoe Print",system-ui,sans-serif;color:#5b703e;transform:rotate(-2deg);background:#f8e6b1;padding:14px 12px;margin:16px 0 20px}
  @media(max-width:800px){.beginner-layout{grid-template-columns:1fr}}
  @media(max-width:440px){.beginner-paper{padding:18px 14px}.beginner-aside{padding:19px 16px}}

/* Přístupnost: přeskočení navigace klávesnicí */
.skip-to-content { position:absolute;left:12px;top:-90px;background:#fffef6;color:#183c28;padding:9px 14px;border:2px solid #183c28;border-radius:8px;z-index:150;font-weight:800 }
.skip-to-content:focus { top:12px }


/* TO THE MOON 0.9 | Čítárna: listy pro klidné čtení */
.reading-section{background:radial-gradient(circle at 8% 8%,#eff0dd 0,transparent 35%),#fffaf0; border-top:2px dashed #d1d8ba;border-bottom:2px dashed #d1d8ba}
.reading-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 17px}
.reading-index a{display:flex;flex-direction:column;gap:6px;min-width:0;text-decoration:none;background:#fffcf5;border:2px solid #526a4f;border-radius:9px 13px 11px 8px;box-shadow:4px 5px 0 #ccd4ba;padding:17px 14px;transition:transform .16s;}
.reading-index a:nth-child(2){background:#edf4e7}.reading-index a:nth-child(3){background:#fff1dd}.reading-index a:nth-child(4){background:#f7eae6}
.reading-index a:hover{transform:translateY(-3px)}.reading-index a>span{font-size:.69rem;font-weight:950;letter-spacing:.05em;color:#6c7d62}
.reading-index a strong{font-size:1rem;color:#2b5737;line-height:1.32}.reading-index a small{font-size:.78rem;color:#546751}
.reading-instruction{font-size:.85rem;color:#6c765a;text-align:center;margin:0 0 30px}
.reading-sheet{scroll-margin-top:105px;margin:0 0 17px;background:#fffdf5;border:2.5px solid #4e6449;border-radius:8px 13px 12px 9px;box-shadow:5px 7px 0 #cbd6bf;overflow:hidden}
.reading-sheet summary{list-style:none;display:flex;align-items:center;gap:18px;cursor:pointer;padding:17px 22px;background:#f2f4e8;transition:background .2s}
.reading-sheet summary::-webkit-details-marker{display:none}.reading-sheet details[open] summary{background:#e9f0dd;border-bottom:2px dashed #b3c5a5}
.reading-sheet summary:hover{background:#e6f0d5}.reading-number{flex:none;font-size:.73rem;letter-spacing:.06em;font-weight:950;background:#f9df9f;border:1.5px solid #a27b35;padding:7px 10px;transform:rotate(-2deg);border-radius:4px}
.reading-sheet-title{font-size:clamp(1.05rem,2vw,1.32rem);font-weight:950;line-height:1.28;color:#2a5136;flex:1;min-width:0}
.reading-sheet-title small{display:block;margin:5px 0 0;color:#667366;font-weight:600;font-size:.78rem;line-height:1.4}
.reading-expand{font-size:1.65rem;color:#527457;font-weight:750;line-height:1;transition:transform .2s}.reading-sheet details[open] .reading-expand{transform:rotate(45deg)}
.reading-body{padding:25px 28px 28px}.reading-lead{font-size:1.05rem;font-weight:650;color:#334d3b;max-width:880px;line-height:1.72;margin-bottom:22px}
.reading-two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:23px;margin:20px 0;align-items:start}.reading-two-col>*{min-width:0}
.reading-body h3{font-size:1.1rem;color:#31563b;margin:2px 0 11px}
.reading-body ol{margin:0;padding-left:24px}.reading-body li{color:#4c5e50;margin:0 0 11px;font-size:.91rem}.reading-body p{line-height:1.7}
.reading-example{background:#f1f4e7;border:2px dashed #99b48d;border-radius:10px;padding:21px 19px;color:#3b533f}
.reading-example>strong{display:block;font-size:clamp(1.45rem,2.8vw,2.1rem);line-height:1.15;margin:6px 0 11px;color:#31633e;overflow-wrap:anywhere}
.reading-example p{font-size:.86rem;margin:0 0 12px}.reading-label{display:inline-block;font-size:.69rem;letter-spacing:.06em;font-weight:950;color:#885a23;background:#ffe6ab;border:1px solid #d6ae64;border-radius:5px;padding:4px 8px}
.reading-split{display:flex;gap:8px;justify-content:space-between;border-top:1px dashed #a7ba9d;padding:8px 0;font-size:.82rem}.reading-split b{white-space:nowrap}.reading-mini{font-size:.76rem!important;color:#677567!important}
.reading-example--risk{background:#fbede5;border-color:#c99687}.reading-example--risk>strong{color:#91492c}
.reading-caution{background:#fff0d9;border-left:5px solid #dc9a4d;border-radius:5px;padding:13px 17px;font-size:.87rem;color:#65513a;margin:20px 0}.reading-caution strong{color:#72512c}
.reading-foot{display:flex;gap:8px 15px;flex-wrap:wrap;align-items:center;border-top:1px dashed #c5d3bc;margin-top:21px;padding-top:13px;color:#6b776a;font-size:.77rem}
.reading-foot a{font-weight:850;color:#337348;text-decoration-thickness:1px;text-underline-offset:3px}
.generation-flow{display:flex;align-items:center;justify-content:center;gap:13px;margin:19px 0 24px}.generation-flow>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;background:#f0f4e8;border:2px solid #90ad88;border-radius:9px;padding:14px 17px}
.generation-flow>div:last-child{background:#e9f4dc}.generation-flow div span{font-size:.75rem;font-weight:950;letter-spacing:.06em;color:#5d805d}.generation-flow div strong{font-size:1.09rem;color:#31563b}.generation-flow div small{color:#5b6b60;font-size:.79rem}.generation-arrow{font-size:1.7rem;color:#739573}
.harvest-strip{display:flex;align-items:stretch;gap:8px;justify-content:center;margin:23px 0 19px}.harvest-strip>div{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:7px;text-align:center;background:#f3f4e8;border:1.5px solid #abc2a7;border-radius:9px;padding:16px 8px}.harvest-strip>span{align-self:center;color:#7d9c79;font-size:1.35rem;font-weight:900}.harvest-strip small{font-size:.73rem;color:#526653}.harvest-strip strong{font-size:clamp(1rem,2vw,1.4rem);white-space:nowrap;color:#2e5c3b}
.harvest-strip .harvest-taken{background:#ffebc9;border-color:#e3bc7e}.harvest-strip .harvest-left{background:#e2f1d6;border-color:#9fbe8e}
.reading-dictionary{margin:0}.reading-dictionary dt{font-weight:950;color:#36583d}.reading-dictionary dd{margin:0 0 13px;color:#576653;font-size:.88rem}.reading-after{font-size:.9rem;color:#52634f}
.reading-quiz{margin:35px 0 0;border:2.5px solid #4f684a;border-radius:14px;background:#f0f3e4;box-shadow:6px 7px 0 #ccd7bd;padding:26px}
.reading-quiz-head{display:flex;align-items:start;justify-content:space-between;gap:20px;border-bottom:2px dashed #b8c9ad;margin-bottom:17px;padding-bottom:14px}.reading-quiz h3{font-size:clamp(1.7rem,3vw,2.15rem);margin:4px 0 9px;color:#2f5a3a}.reading-quiz-head p{color:#657363;font-size:.87rem;margin:0}.quiz-stamp{flex:none;background:#ffdea0;border:1px solid #b6934b;transform:rotate(4deg);font-size:.68rem;font-weight:950;padding:7px 10px;border-radius:5px}
.reading-quiz fieldset{border:1.5px dashed #a8bf9f;border-radius:8px;margin:0 0 13px;padding:14px 16px;background:#fffdf6;min-width:0}.reading-quiz legend{font-size:.91rem;font-weight:900;padding:0 5px;color:#314f37}.reading-quiz label{display:block;padding:5px 7px;font-size:.87rem;color:#465d47;cursor:pointer}.reading-quiz input{accent-color:#3d8554;margin-right:8px}.quiz-feedback{font-size:.82rem;font-weight:800;margin:7px 0 0;padding:0 6px}.quiz-feedback.is-correct{color:#2a7645}.quiz-feedback.is-wrong{color:#a25433}
.quiz-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:18px}.quiz-reset{background:transparent;border:2px solid #9bad91;border-radius:9px;padding:11px 15px;color:#46634b;font-weight:900}.quiz-result{display:block;margin-top:13px;padding:13px 15px;border-left:4px solid #9ab287;background:#fffdf6;color:#536750;font-size:.9rem}.reading-source-note{margin-top:29px;background:#eaf0df;border-left:5px solid #67916b;border-radius:4px 10px 10px 4px;padding:17px 19px;color:#4f6252;font-size:.84rem;line-height:1.65}
@media(max-width:880px){.reading-index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.reading-sheet summary{padding:13px 12px;gap:10px}.reading-number{padding:6px;font-size:.65rem}.reading-body{padding:18px 14px}.reading-two-col{grid-template-columns:1fr}.reading-index{gap:9px}.reading-index a{padding:12px 10px}.reading-index a strong{font-size:.9rem}.generation-flow{gap:7px}.generation-flow>div{padding:12px 9px}.generation-flow div strong{font-size:.89rem}.generation-arrow{font-size:1.12rem}.harvest-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.harvest-strip>span{display:none}.harvest-strip>div{min-height:72px}.reading-quiz{padding:17px 12px}.reading-quiz-head{gap:7px}.quiz-stamp{font-size:.61rem;padding:5px}.reading-quiz fieldset{padding:12px 9px}}
@media(max-width:360px){.reading-index{grid-template-columns:1fr}.reading-sheet-title{font-size:.95rem}.reading-sheet-title small{font-size:.69rem}.reading-expand{font-size:1.2rem}}
@media print{.reading-sheet details:not([open]) > .reading-body{display:block}.reading-quiz{break-inside:avoid}}


/* TO THE MOON v0.11 – rozbalovací listy: zachovaná čítárna a obě kalkulačky */
.folded-section{padding:24px 0;background:#f8f6ec;scroll-margin-top:85px}
.folded-section + .folded-section{padding-top:12px}
.fold-sheet{border:2.5px solid #49664a;background:#fffdf5;border-radius:12px 18px 14px 11px;box-shadow:5px 6px 0 #cbd4bc;overflow:hidden}
.fold-sheet-summary{list-style:none;display:flex;align-items:center;gap:19px;cursor:pointer;padding:19px 24px;min-height:112px;background:linear-gradient(105deg,#f4f7e7 0%,#fffaf0 95%);transition:background .18s}
.fold-sheet-summary::-webkit-details-marker{display:none}
.fold-sheet-summary::marker{content:''}
.fold-sheet-summary:hover{background:#edf4df}
.fold-sheet-summary:focus-visible{outline:3px solid #d99235;outline-offset:-5px}
.fold-icon{flex:none;width:60px;height:60px;display:grid;place-items:center;border:2px dashed #a6ba94;border-radius:12px;background:#e7efd7;font-size:2rem;transform:rotate(-3deg)}
.fold-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.fold-copy strong{font-family:'Comic Sans MS','Segoe Print',system-ui,sans-serif;font-size:clamp(1.15rem,2.3vw,1.55rem);line-height:1.25;color:#2d5439}
.fold-label{font-size:.66rem;letter-spacing:.085em;color:#936523;font-weight:950}
.fold-copy small{font-size:.86rem;color:#526452;line-height:1.42}
.fold-cta{display:flex;align-items:center;gap:12px;flex:none;color:#315d3f;border:1.5px solid #96b38d;background:#e9f3d9;padding:10px 12px;border-radius:9px;font-size:.79rem;font-weight:900}
.fold-chevron{font-size:1.55rem;line-height:1;display:inline-block;transition:transform .18s}
.fold-cta-open{display:none}
.fold-sheet[open] .fold-cta-closed{display:none}
.fold-sheet[open] .fold-cta-open{display:inline}
.fold-sheet[open] .fold-chevron{transform:rotate(180deg)}
.fold-sheet[open]>.fold-sheet-summary{border-bottom:2px dashed #b0c3a2;background:#eaf1df}
.fold-sheet-body{padding:35px 30px 34px;min-width:0}
.fold-sheet-body>.section-head{margin-bottom:30px}
.fold-sheet-body .tool-grid{gap:42px}
.fold-sheet-body .calculator{transform:none}
@media(max-width:700px){
  .folded-section{padding:16px 0}
  .fold-sheet-summary{gap:10px;padding:16px 12px;min-height:100px}
  .fold-icon{width:43px;height:43px;font-size:1.5rem}
  .fold-copy strong{font-size:1.08rem}
  .fold-label{font-size:.58rem}
  .fold-copy small{font-size:.75rem}
  .fold-cta{padding:7px;gap:5px;font-size:.73rem}
  .fold-cta-open,.fold-cta-closed{display:none!important}
  .fold-chevron{font-size:1.55rem}
  .fold-sheet-body{padding:23px 12px 27px}
  .fold-sheet-body .tool-grid{gap:25px}
}
@media print{.fold-sheet:not([open])>.fold-sheet-body{display:block}}

/* TO THE MOON v0.13 — archiv, články, prognózy a offline čítárna */
.newsroom-wrap{max-width:1140px}
.newsroom-banner{display:flex;gap:15px;align-items:flex-start;padding:15px 18px;margin:5px 0 24px;border-left:5px solid #6e9871;background:#e9f0df;border-radius:2px 11px 11px 2px;color:#435c44}
.newsroom-banner>span{font-size:1.4rem}.newsroom-banner p{margin:0;font-size:.92rem;line-height:1.65}
.newsroom-shell{border:2px solid #536b51;background:#fffdf5;border-radius:13px;padding:24px;box-shadow:6px 7px 0 #cbd5be}
.newsroom-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.newsroom-tabs button{border:2px solid #829983;background:#faf9ef;color:#334a38;border-radius:6px;padding:10px 15px;font-size:.91rem;font-weight:800;cursor:pointer}
.newsroom-tabs button[aria-pressed="true"]{background:#d7eca9;border-color:#36523d;box-shadow:2px 3px 0 #9bae88}
.newsroom-filters{display:grid;grid-template-columns:minmax(220px,2fr) minmax(130px,1fr) minmax(135px,1fr);gap:15px;align-items:end}
.newsroom-filters label{display:grid;gap:7px;color:#304f39;font-size:.79rem;font-weight:800}
.newsroom-filters input,.newsroom-filters select{width:100%;min-width:0;border:1.5px solid #90a891;border-radius:6px;background:#fff;min-height:43px;padding:9px 10px;color:#223d2b;font:inherit;font-size:.91rem}
.newsroom-filters :is(input,select):focus-visible,.newsroom-tabs button:focus-visible,.newsroom-clear:focus-visible,.newsroom-item summary:focus-visible{outline:3px solid #d18a35;outline-offset:3px}
.newsroom-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1.5px dashed #9cac94;margin:13px 0 18px;padding:0 0 12px;color:#58705b}
.newsroom-heading p{margin:0;font-size:.87rem}.newsroom-clear{background:none;border:0;color:#315a3c;text-decoration:underline;font-weight:800;cursor:pointer;padding:8px 0}
.newsroom-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.newsroom-item{border:1.5px solid #9bb294;border-radius:10px;background:#fcfbf2;overflow:hidden;box-shadow:3px 4px 0 #dbe3d4;min-width:0}
.newsroom-item[open]{grid-column:span 2;background:#fffdf7}
.newsroom-item summary{cursor:pointer;list-style:none;padding:19px 20px 18px;display:block}.newsroom-item summary::-webkit-details-marker{display:none}
.newsroom-item summary:after{content:'↘ Rozbalit článek';display:inline-block;font-size:.81rem;font-weight:800;color:#326347;margin-top:12px;text-decoration:underline}
.newsroom-item[open] summary:after{content:'↖ Sbalit článek'}
.newsroom-item .newsroom-top{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:12px}
.newsroom-kind,.newsroom-status{display:inline-block;padding:5px 8px;font-size:.7rem;font-weight:900;letter-spacing:.015em;border:1px solid #a78248;border-radius:3px;background:#f9dfa8}
.newsroom-status{border-color:#a6bd9f;background:#e3ebda;color:#415f45}.newsroom-status[data-state="vzor"]{background:#fff0ce;border-color:#cca65d;color:#84591e}
.newsroom-date{margin-left:auto;font-size:.78rem;color:#5f755f}
.newsroom-item h3{font-size:1.29rem;line-height:1.25;margin:0 0 10px;color:#253c2c}
.newsroom-intro{font-size:.94rem;line-height:1.58;color:#526658;margin:0}
.newsroom-article{padding:0 20px 20px;border-top:2px dashed #cad8c0}
.newsroom-article .newsroom-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0;padding:14px 16px;background:#eef4e6;border-radius:7px}
.newsroom-facts p{margin:0;font-size:.83rem}.newsroom-facts b{display:block;color:#35533a;margin-bottom:4px}
.newsroom-article h4{font-size:1rem;margin:17px 0 8px;color:#274e36}.newsroom-article p{font-size:.92rem;line-height:1.72;color:#465b4a;margin:0 0 10px}
.newsroom-comment{padding:12px 15px;border-left:4px solid #d6a24e;background:#fff2d7;border-radius:0 6px 6px 0}
.newsroom-sources{display:flex;flex-wrap:wrap;gap:10px}.newsroom-sources a{color:#295c3d;text-decoration:underline;overflow-wrap:anywhere}
.newsroom-empty{padding:32px 15px;text-align:center;background:#edf4e5;border-radius:9px;color:#456047}
.newsroom-policy{margin-top:23px;border-left:5px solid #76a274;background:#e5efdb;padding:18px 21px;border-radius:0 8px 8px 0;color:#36543c}
.newsroom-policy h3{font-size:1.08rem;margin:0 0 7px}.newsroom-policy p{font-size:.89rem;line-height:1.7;margin:0}
@media(max-width:720px){.newsroom-shell{padding:16px}.newsroom-results{grid-template-columns:1fr}.newsroom-item[open]{grid-column:auto}.newsroom-filters{grid-template-columns:1fr 1fr}.newsroom-search{grid-column:1/-1}.newsroom-item .newsroom-date{margin-left:0}.newsroom-article .newsroom-facts{grid-template-columns:1fr}}
@media(max-width:370px){.newsroom-filters{grid-template-columns:1fr}.newsroom-search{grid-column:auto}.newsroom-item summary,.newsroom-article{padding-left:13px;padding-right:13px}.newsroom-tabs button{font-size:.82rem;padding:9px 11px}}

/* TO THE MOON v0.14 – grafy a vyhledávač kryptoměn */
.market-block-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:4px;color:#35533a}
.market-mini-caption{font-size:.78rem;color:#6b7f6b}
.market-picker{border:1.5px dashed #a0b59a;border-radius:10px;background:#f1f6e9;margin:16px 0;padding:0 14px}
.market-picker>summary{list-style:none;cursor:pointer;padding:14px 3px;font-weight:900;color:#385a3f}
.market-picker>summary::-webkit-details-marker{display:none}
.market-picker>summary:after{content:' ＋';font-size:1.25rem}.market-picker[open]>summary:after{content:' −'}
.market-picker-body{padding:0 1px 16px;display:grid;gap:10px}
.market-picker-body label{font-weight:800;font-size:.84rem;color:#456349}
.market-picker-body input{width:100%;min-height:42px;padding:9px 12px;border:1.5px solid #8da68d;border-radius:7px;background:white;font:inherit;color:#23422c}
.market-assets{display:flex;gap:7px;flex-wrap:wrap;max-height:245px;overflow-y:auto;padding:5px 2px}
.market-assets button{border:1.5px solid #8da28a;background:#fffdf3;border-radius:6px;padding:8px 10px;font-size:.79rem;font-weight:800;color:#3f5843;cursor:pointer}
.market-assets button[aria-pressed=true]{background:#d7ebad;border-color:#455e42}
.market-settings{display:grid;grid-template-columns:minmax(190px,1fr) minmax(320px,2fr);gap:14px;border-top:1px dashed #b1c3aa;margin-top:20px;padding-top:16px}
.market-setting-label{font-size:.83rem;color:#355039}.market-settings .chart-controls{margin:9px 0 6px}
.market-result{min-width:0}.market-change{font-weight:900;font-size:.91rem;padding:7px 0}
.market-change[data-direction=up]{color:#2f7548}.market-change[data-direction=down]{color:#a05c36}
.market-source-note{margin-top:19px;background:#e9f1e2;border-left:4px solid #7a9f79;padding:13px 18px;border-radius:2px 8px 8px 2px;color:#415e45;font-size:.84rem}
.market-source-note>p{margin:6px 0;line-height:1.65}.market-source-note a{color:#315f42;text-decoration:underline}
#market-filter:focus-visible,#grafy button:focus-visible,#grafy summary:focus-visible{outline:3px solid #d18a35;outline-offset:3px}
@media(max-width:850px){.market-settings{grid-template-columns:1fr}.market-settings .chart-controls{margin:7px 0}}
@media(max-width:450px){.chart-wrap{padding:13px}.market-assets{max-height:210px}.market-picker{padding:0 9px}.market-source-note{padding:10px 12px}}

/* TO THE MOON v0.15 — propojení čítárny a grafů bez zvětšování hlavní stránky */
.newsroom-market-links{background:#edf5e7;border:1.5px dashed #9eb893;border-radius:9px;margin:17px 0 7px;padding:13px 15px;color:#35543b}
.newsroom-market-links>strong{display:block;font-size:.86rem;margin:0 0 9px}
.newsroom-market-buttons{display:flex;gap:9px;flex-wrap:wrap}
.newsroom-market-link,.market-back-to-article{display:inline-block;text-decoration:none;background:#d9eba9;color:#294b35;border:1.8px solid #526c4d;border-radius:7px;padding:9px 13px;font-size:.87rem;font-weight:900;box-shadow:2px 3px 0 #aec29d}
.newsroom-market-link:hover,.market-back-to-article:hover{background:#c8e48b}
.newsroom-market-links small{display:block;margin-top:9px;line-height:1.55;color:#596c58}
.market-article-context{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1.7px dashed #9eb894;border-radius:9px;background:#eef5e5;padding:14px 17px;margin-bottom:18px;color:#365942}
.market-article-context p{margin:5px 0;font-size:.89rem;line-height:1.5}
.market-article-context small{font-size:.76rem;color:#617364}
.market-article-context .market-back-to-article{white-space:nowrap;flex:none}
/* UA display:block for elements with author rule hidden: preserve the hidden attribute */
.market-article-context[hidden]{display:none}
@media(max-width:660px){.market-article-context{display:block}.market-article-context .market-back-to-article{margin-top:11px}.newsroom-market-link{width:100%;text-align:center}}

/* TO THE MOON 1.0 TEST: průchod stránkou, zvýraznění navigace a nenápadné informace o projektu. */
[id]{scroll-margin-top:100px}
@media (max-width:760px){[id]{scroll-margin-top:82px}}
.desktop-nav a[aria-current="location"]{color:#205b3f;text-decoration:underline;text-decoration-color:#e9a54d;text-decoration-thickness:3px;text-underline-offset:7px}
.mobile-menu nav a[aria-current="location"]{background:#e7f2de;border-radius:5px;color:#1f653f}
.back-top{position:fixed;right:18px;bottom:22px;z-index:30;display:flex;align-items:center;gap:6px;padding:8px 13px;border:2px solid #304c3a;background:#f5f5e9;border-radius:12px;box-shadow:3px 4px 0 #bfd2ae;color:#1c593b;text-decoration:none;font-size:.85rem;font-weight:800}
.back-top:hover{background:#d4edaf}
.back-top[hidden]{display:none}
.site-trust{margin-top:14px;margin-bottom:40px}
.site-trust-details{border:1.5px dashed #9eb49a;border-radius:10px;background:#eef3e6;overflow:hidden}
.site-trust-details summary{cursor:pointer;padding:13px 18px;font-size:.93rem;font-weight:800;display:flex;justify-content:space-between;gap:10px;list-style:none}
.site-trust-details summary::-webkit-details-marker{display:none}
.site-trust-details[open] summary{border-bottom:1px dashed #b5c9ae}
.site-trust-body{padding:17px 21px 9px;color:#4c6152;font-size:.91rem;line-height:1.7}
.site-trust-body p{margin:0 0 12px}
@media (max-width:600px){.back-top{right:10px;bottom:12px;padding:9px 12px}.back-top span{display:none}.site-trust{margin-bottom:25px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{transition:none!important;animation:none!important}}

/* v1.1 TEST — odkazy na samostatné články, v duchu papírového sešitu */
.newsroom-permalink{margin:18px 0 10px!important;padding:11px 14px;background:#f0f3e5;border:1px dashed #a9bf9f;border-radius:7px}
.newsroom-permalink a{color:#28593c;font-size:.86rem;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.newsroom-permalink a:focus-visible{outline:3px solid #d18a35;outline-offset:3px}
.newsroom-item:target{border-color:#c98b35;box-shadow:3px 4px 0 #efd8ad}

/* Prezentační vydání 26. 10. 2026 */
.demo-disclosure{display:inline-block;margin:.6rem 0 1rem;padding:.45rem .85rem;background:#e8f0de;border-left:4px solid #70a677;border-radius:0 8px 8px 0;font-size:.88rem;color:#2c4d35}
.qr-banner>a{flex:0 0 auto;align-self:center;text-decoration:none}
@media(max-width:620px){.qr-banner{flex-direction:column;gap:1rem}.qr-banner>a{align-self:flex-start}}

/* TO THE MOON | on-line čtečka knihy 25. 10. 2026 */
.book-reader-intro{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:36px;align-items:center;max-width:930px;margin:0 auto 28px}
.book-cover-photo{width:100%;max-width:270px;display:block;margin-inline:auto;aspect-ratio:476 / 674;object-fit:cover;border:3px solid #2f4538;border-radius:7px 13px 10px 8px;box-shadow:8px 9px 0 #bdc9b6;background:#fff}
.book-reader-copy h3{font-size:clamp(1.4rem,3vw,2rem);margin:10px 0 14px;color:#25553b}
.book-reader-copy p{max-width:600px;color:#586c5a}
.book-reader-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.book-reader-info{font-size:.83rem;color:#566e5c;margin-top:16px}
.book-inline{max-width:1120px;margin:22px auto 0;border:2px solid #38543e;border-radius:13px;background:#fffef8;box-shadow:5px 6px 0 #bfceb5;overflow:hidden}
.book-inline summary{cursor:pointer;padding:16px 22px;font-weight:850;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#e8f1dc;}
.book-inline summary::-webkit-details-marker{display:none}
.book-inline summary:after{content:'+';font-size:1.7rem;line-height:1;color:#3c6b48}
.book-inline[open] summary:after{content:'−'}
.book-inline summary:hover{background:#d7e9c6}
.book-inline-content{padding:14px}
.book-iframe{display:block;border:1px solid #bbc8b4;border-radius:8px;background:#fff;width:100%;height:min(83vh,920px);min-height:550px}
.book-mobile-tip{margin:13px 2px 3px;font-size:.84rem;color:#56695c}
.book-link-normal{text-underline-offset:3px;font-weight:750;color:#276148}
.book-simple-head{background:#e9ecd8;border-bottom:2px dashed #8aa77f;text-align:center;font-weight:800;font-size:.85rem;padding:7px}
.book-full-container{width:min(1220px,calc(100% - 26px));margin:22px auto 28px}
.book-full-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.book-full-toolbar p{margin:0;color:#56695c}
.book-full-frame{width:100%;height:calc(100vh - 210px);min-height:520px;display:block;background:#fff;border:3px solid #456048;border-radius:12px;box-shadow:5px 6px 0 #c4d0b9}
@media (max-width:650px){.book-reader-intro{grid-template-columns:1fr;gap:24px}.book-reader-copy{text-align:center}.book-reader-actions{justify-content:center}.book-cover-photo{max-width:205px}.book-inline-content{padding:8px}.book-inline summary{padding:13px}.book-iframe{height:68vh;min-height:390px}.book-full-container{margin-top:12px}.book-full-frame{height:68vh;min-height:410px}.book-full-toolbar{justify-content:center;text-align:center}}
