:root{color-scheme:dark;--bg-0:#000816;--bg-1:#0e1628;--bg-2:#101c32;--bg-3:#13182a;--bg-4:#0f1420;--hero-placeholder:linear-gradient(135deg, #08081a 0%, #0c1a3a 30%, #1a0830 60%, #0a0818 100%);--panel:#ffffff0a;--panel-hover:#ffffff12;--highlight:linear-gradient(135deg, #1a1830, #0f1a2e);--text-strong:#fff;--text:#c8d4e8;--text-muted:#8a9ab8;--accent:#85b7eb;--accent-2:#afa9ec;--accent-3:#7f77dd;--accent-4:#534ab7;--accent-deep:#3c3489;--signal:#e24b4a;--line:#85b7eb33;--line-strong:#afa9ec59;--laser:linear-gradient(90deg, transparent 0%, transparent 10%, #534ab7 28%, #85b7eb 45%, #fff 50%, #85b7eb 55%, #534ab7 72%, transparent 90%, transparent 100%);--glow:radial-gradient(ellipse at 50% 0%, #85b7eb73 0%, #534ab733 40%, transparent 75%);--font:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-body:18px;--leading:1.6;--measure:70ch;--gutter:16px;--radius:12px;--radius-s:8px;--page-max:1240px;--touch:44px;--shadow-cover:0 14px 34px #0000008c}[data-cover-tag=talous]{--cover-a:#12324f;--cover-b:#0a1a2e;--cover-line:#85b7eb}[data-cover-tag=sijoittaminen]{--cover-a:#123f3b;--cover-b:#08201f;--cover-line:#6fcfb4}[data-cover-tag=liiketoiminta]{--cover-a:#2b2f55;--cover-b:#12142c;--cover-line:#afa9ec}[data-cover-tag=johtaminen]{--cover-a:#4a2c1c;--cover-b:#21130c;--cover-line:#e8a66f}[data-cover-tag=psykologia]{--cover-a:#3c3489;--cover-b:#17123f;--cover-line:#afa9ec}[data-cover-tag=paatoksenteko]{--cover-a:#1d3a6e;--cover-b:#0c1a3a;--cover-line:#85b7eb}[data-cover-tag=teknologia]{--cover-a:#0f3e52;--cover-b:#071f2c;--cover-line:#6cc4e0}[data-cover-tag=tekoaly]{--cover-a:#40205f;--cover-b:#1a0830;--cover-line:#c79af0}[data-cover-tag=tiede]{--cover-a:#173f33;--cover-b:#0a2019;--cover-line:#8fd19e}[data-cover-tag=historia]{--cover-a:#4a3a18;--cover-b:#211a0a;--cover-line:#dcc27a}[data-cover-tag=yhteiskunta]{--cover-a:#4f2230;--cover-b:#260e16;--cover-line:#e88a9f}[data-cover-tag=filosofia]{--cover-a:#2f3548;--cover-b:#141824;--cover-line:#c8d4e8}[data-cover-tag=terveys]{--cover-a:#1a4640;--cover-b:#0b2320;--cover-line:#7fd6c2}[data-cover-tag=tuottavuus]{--cover-a:#4b3a12;--cover-b:#221a08;--cover-line:#efc35f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--bg-0)}body{font-family:var(--font);font-size:var(--text-body);line-height:var(--leading);color:var(--text);background:var(--bg-0);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:clip}main{background:linear-gradient(180deg, var(--bg-0) 0, var(--bg-1) 520px, var(--bg-2) 1400px, var(--bg-3) 75%, var(--bg-4) 100%);flex:1}img{max-width:100%;display:block}ul,ol{list-style:none}a{color:var(--accent)}a:hover{color:var(--text-strong)}h1,h2,h3{color:var(--text-strong);line-height:1.2}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}[hidden],html[data-lang=fi] .i18n[lang=en],html[data-lang=en] .i18n[lang=fi]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{top:-60px;left:var(--gutter);z-index:50;background:var(--bg-2);border-radius:var(--radius-s);padding:10px 16px;position:absolute}.skip-link:focus{top:10px}.laser{background:var(--laser);opacity:.9;z-index:5;height:3px;position:absolute;top:0;left:0;right:0}.laser-glow{background:var(--glow);z-index:4;pointer-events:none;height:40px;position:absolute;top:0;left:10%;right:10%}.topbar{width:100%;max-width:var(--page-max);padding:14px var(--gutter);z-index:6;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex;position:relative}.is-home .topbar{position:absolute;top:0;left:50%;transform:translate(-50%)}.wordmark{min-height:var(--touch);color:var(--text-strong);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.wordmark:hover{color:var(--text-strong)}.wordmark-ray{letter-spacing:-1px;font-size:26px;font-weight:500;line-height:1}.wordmark-ray span{color:var(--accent);font-weight:300}.wordmark-dot{background:var(--signal);border-radius:50%;width:5px;height:5px;margin-top:6px}.wordmark-sub{letter-spacing:.08em;background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:14px}.lang-switch{border:1px solid var(--line-strong);background:#000816e0;border-radius:20px;display:inline-flex;overflow:hidden}.lang-switch button{min-width:var(--touch);min-height:var(--touch);letter-spacing:.04em;color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:13px;font-weight:500}.lang-switch button:hover{color:var(--text-strong)}.lang-switch button[aria-pressed=true]{color:var(--text-strong);background:#85b7eb2e}.hero{background:var(--hero-placeholder);align-items:flex-end;min-height:45vh;padding:88px 0 32px;display:flex;position:relative;overflow:hidden}.hero-img{object-fit:cover;object-position:55% center;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{background:linear-gradient(180deg, #000816cc 0, #000816cc 62px, #0008164d 92px, #000816c2 130px, #000816c7 70%, var(--bg-0) 100%);position:absolute;inset:0}.hero-content{width:100%;max-width:var(--page-max);padding:0 var(--gutter);margin:0 auto;position:relative}.hero-title{letter-spacing:-.02em;font-size:clamp(30px,8vw,52px);font-weight:600}.hero-subtitle{color:var(--accent);margin-top:8px;font-size:clamp(20px,3.5vw,26px);font-weight:500;line-height:1.25}.hero-lead{max-width:46ch;color:var(--text);margin-top:12px;font-size:17px}.search{max-width:520px;margin-top:20px}.search input{border:1px solid var(--line-strong);border-radius:var(--radius-s);width:100%;min-height:50px;color:var(--text-strong);background:#081024cc;padding:0 18px;font-size:17px}.search input::placeholder{color:var(--text-muted);opacity:1}.search input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #85b7eb59}.page{width:100%;max-width:var(--page-max);padding:8px var(--gutter) 64px;margin:0 auto}.controls{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.filters,.controls-side{flex-wrap:wrap;gap:8px;display:flex}.chip,.button,.sort select{min-height:var(--touch);background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:22px;padding:0 16px;font-size:15px;transition:border-color .15s,color .15s,background-color .15s}.button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.chip:hover,.button:hover,.sort select:hover{border-color:var(--accent);color:var(--text-strong)}.chip[aria-pressed=true]{border-color:var(--accent);color:var(--text-strong);background:#85b7eb2e}.sort select{background-color:var(--bg-2);padding-right:12px}.sort select option{background:var(--bg-2);color:var(--text)}.result-count{color:var(--text-muted);min-height:22px;margin-bottom:16px;font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px;display:grid}.card{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:96px minmax(0,1fr);gap:14px;padding:14px;text-decoration:none;transition:transform .18s,border-color .18s,background-color .18s;display:grid}.card:hover{border-color:var(--accent);background:var(--panel-hover);color:var(--text);transform:translateY(-2px)}.card-title{font-size:19px;font-weight:600}.card-meta{color:var(--text-muted);margin-top:4px;font-size:14px}.card-ydin{grid-column:1/-1;margin-top:10px;font-size:15px;line-height:1.5}.tag-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag{letter-spacing:.03em;color:var(--accent-2);border:.5px solid var(--line-strong);background:#afa9ec1a;border-radius:10px;padding:2px 9px;font-size:12px;font-weight:500;line-height:1.5}.cover{aspect-ratio:2/3;width:100%;box-shadow:var(--shadow-cover);border-radius:4px;position:relative;overflow:hidden;container-type:inline-size}.cover-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cover-fallback{background:linear-gradient(155deg, var(--cover-a), var(--cover-b));flex-direction:column;justify-content:space-between;gap:6cqw;padding:12cqw 10cqw 10cqw;display:flex;position:absolute;inset:0;box-shadow:inset 3cqw 0 #ffffff0f}.cover-fallback-title{letter-spacing:-.01em;color:var(--text-strong);overflow-wrap:anywhere;text-wrap:balance;-webkit-line-clamp:7;-webkit-box-orient:vertical;font-size:11.5cqw;font-weight:600;line-height:1.12;display:-webkit-box;overflow:hidden}.cover-fallback-rule{background:var(--cover-line);flex:none;width:26cqw;height:1px;margin-top:auto;display:block}.cover-fallback-author{letter-spacing:.02em;color:var(--cover-line);flex:none;font-size:7.5cqw;line-height:1.25}.state{text-align:center;background:var(--highlight);border:1px solid var(--line-strong);border-radius:var(--radius);max-width:560px;margin:32px auto;padding:48px 24px}.state h1,.state h2{margin-bottom:8px;font-size:26px;font-weight:600}.state .button{margin-top:20px}.progress{z-index:40;height:3px;position:fixed;top:0;left:0;right:0}.progress span{background:linear-gradient(90deg, var(--accent-4), var(--accent));transform-origin:0;height:100%;display:block;transform:scaleX(0)}.book{width:100%;max-width:1100px;padding:16px var(--gutter) 64px;margin:0 auto}.book-head{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:16px;display:grid}.book-title{letter-spacing:-.015em;font-size:clamp(25px,6vw,42px);font-weight:600}.book-original{color:var(--text-muted);margin-top:6px;font-size:15px}.book-author{margin-top:8px;font-size:17px}.book-marks{color:var(--text-muted);margin-top:10px;font-size:13px}.ydin{color:var(--text-strong);background:var(--highlight);border:1px solid var(--line-strong);border-radius:var(--radius);margin-top:24px;padding:18px 20px;font-size:19px;line-height:1.5}.toc-mobile{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--panel);margin-top:16px}.toc-mobile summary{min-height:var(--touch);cursor:pointer;color:var(--text-strong);align-items:center;padding:0 16px;font-weight:500;display:flex}.toc-mobile ul{padding:0 16px 8px}.toc-mobile a,.toc a{min-height:var(--touch);color:var(--text);align-items:center;font-size:15px;text-decoration:none;display:flex}.toc-mobile a:hover,.toc a:hover{color:var(--accent)}.toc{display:none}.toc-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:500}.book-layout{display:block}.book-text{min-width:0}.book-text>section{max-width:var(--measure);margin-top:48px;scroll-margin-top:20px}.book-text h2{letter-spacing:-.01em;margin-bottom:16px;font-size:27px;font-weight:600}.prose p+p,.prose ul,.prose ol,.prose p+ul{margin-top:1em}.prose strong{color:var(--text-strong);font-weight:600}.prose ul{padding-left:1.2em;list-style:outside}.prose ol{padding-left:1.4em;list-style:decimal}.ideas{gap:16px;display:grid}.idea{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent-3);border-radius:var(--radius-s);padding:18px 18px 20px;position:relative}.idea-num{letter-spacing:.1em;color:var(--accent-2);font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.idea h3{margin-bottom:10px;font-size:20px;font-weight:600}.concepts{gap:16px;display:grid}.concepts dt{color:var(--accent);font-weight:600}.concepts dd{margin-top:2px}.recommendations li+li{margin-top:.6em}.note{color:var(--text-muted);border-top:1px solid var(--line);padding-top:16px;font-size:15px}.note h2{color:var(--text);margin-bottom:6px;font-size:16px}.note .i18n>div+div{margin-top:8px}.personal-note{background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius-s);padding:18px 20px}.related{gap:16px;display:grid}.sources{font-size:15px}.sources li+li{margin-top:4px}.sources a{overflow-wrap:anywhere;padding:10px 0;display:inline-block}.footer{border-top:1px solid var(--line);background:var(--bg-4)}.footer-inner{max-width:var(--page-max);padding:20px var(--gutter);color:var(--text-muted);flex-direction:column;gap:8px;margin:0 auto;font-size:14px;display:flex}.footer-links{flex-wrap:wrap;gap:4px 20px;display:flex}.footer-links a{min-height:var(--touch);align-items:center;display:inline-flex}@media (width>=720px){.hero{min-height:55vh;padding-bottom:40px}.hero-overlay{background:linear-gradient(180deg, #00081600 45%, var(--bg-0) 100%), linear-gradient(90deg, #000816d1 0%, #00081680 55%, #0008161a 100%)}.controls{flex-direction:row;justify-content:space-between;align-items:flex-start}.controls-side{flex-wrap:nowrap;flex:none}.card{flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.card-stage{border-bottom:1px solid var(--line);background:radial-gradient(at 50% 40%,#534ab738,#0000 70%);justify-content:center;padding:24px 0 20px;display:flex}.card-stage .cover{width:148px}.card-body{padding:16px 18px 20px}.book{padding-top:24px}.book-head{grid-template-columns:220px minmax(0,1fr);align-items:end;gap:32px}.book-author{font-size:19px}.ydin{margin-top:32px;padding:24px 28px;font-size:21px}.idea{padding:22px 26px 24px}.related{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{flex-direction:row;justify-content:space-between;align-items:center}}@media (width>=1020px){.toc-mobile{display:none}.book-layout{grid-template-columns:196px minmax(0,1fr);align-items:start;gap:56px;display:grid}.toc{margin-top:48px;display:block;position:sticky;top:24px}.toc a{min-height:36px}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){.card,.chip,.button,.sort select{transition:none}.card:hover{transform:none}}
