:root{color-scheme:dark;--bg:#141516;--text:#f0efed;--muted:#aaa9ab;--line:#38383c;--peach:#f49a7e;--lilac:#cd96d6;--green:#79cbd0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 30%,#1d1e20 0,transparent 65%),var(--bg);color:var(--text);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;line-height:1.6}a{color:inherit;text-decoration:none}input,select{font:inherit}a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:6px}header,footer,.section{max-width:1400px;margin:auto;padding-left:70px;padding-right:70px}header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font-size:34px;font-weight:300;letter-spacing:1px;white-space:nowrap}.logo span{background:linear-gradient(100deg,#f3d6c6,#ff837e);color:transparent;background-clip:text}nav{display:flex;gap:48px;font-size:14px}nav a{position:relative;padding:8px 0}nav a[aria-current]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#f6cba5,#f6728d);transform:rotate(-2deg)}.hero{position:relative;min-height:calc(100svh - 190px);display:grid;place-items:center;overflow:hidden;padding:100px 30px 120px;isolation:isolate}.hero-copy{text-align:center;position:relative;z-index:1;width:100%}.hero h1{font-size:clamp(65px,10.8vw,160px);line-height:1;letter-spacing:.1em;font-weight:600;margin:0 0 45px;padding-left:.1em;text-shadow:0 0 40px #141516}h1,h2,h3,p{margin-top:0}.home-line{font-size:clamp(17px,2vw,27px);letter-spacing:.15em;margin-bottom:12px;text-shadow:0 2px 10px #141516}.home-subline{font-size:clamp(13px,1.4vw,18px);letter-spacing:.18em;color:#c5c1c4;margin-bottom:38px}.curves{position:absolute;left:0;top:0;width:100%;height:78%;z-index:-1;opacity:.65;pointer-events:none}.button{display:inline-flex;gap:34px;align-items:center;border:1px solid #b9b6d3;border-radius:40px;padding:13px 38px;font-size:12px;text-transform:uppercase;letter-spacing:4px;background:#141516b0}.button:hover{background:#303034}.button span{font-size:23px;line-height:1}.scroll-link{position:absolute;bottom:32px;font-size:27px;font-weight:200;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:28px;border-top:1px solid #ffffff0b}footer .logo{font-size:16px;letter-spacing:4px}.local{font-size:10px;color:var(--muted);letter-spacing:1px}.section{padding-top:60px;padding-bottom:80px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;color:var(--muted);margin-bottom:14px}.collection h1{font-size:clamp(36px,4vw,56px);font-weight:300;letter-spacing:-1px;margin-bottom:15px}.collection h1 span{color:var(--peach)}.intro{font-size:14px;color:var(--muted)}.filterbar{display:flex;align-items:end;gap:28px;max-width:820px;margin:35px 0 20px}.search{flex:1}.search span,.select-label{font-size:11px;color:var(--muted);letter-spacing:1px}input,select{display:block;margin-top:8px;width:100%;border:0;border-bottom:1px solid #656068;background:transparent;padding:12px 0;color:var(--text);border-radius:0}select{background:var(--bg)}.select-label{min-width:180px}.count{font-size:11px;color:var(--muted);margin-bottom:25px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 65px;align-items:start;padding:15px 0 60px;position:relative}.story-card{--accent:var(--peach);position:relative;display:block;min-height:270px;padding:22px 12px 28px;isolation:isolate}.peach{--accent:var(--peach)}.lilac{--accent:var(--lilac)}.green{--accent:var(--green)}.story-card:before{content:"";position:absolute;inset:-8px -24px -5px -16px;border:1px solid var(--accent);border-left-color:transparent;border-right-color:transparent;border-radius:45% 28% 45% 35%;transform:rotate(-8deg);opacity:.35;z-index:-1;transition:opacity .2s}.story-card:nth-child(3n+2){margin-top:85px}.story-card:nth-child(3n){margin-top:32px}.story-card:nth-child(2n):before{transform:rotate(9deg);border-top-color:transparent;border-right-color:var(--accent)}.story-card:hover:before{opacity:.9}.story-top{display:flex;justify-content:space-between;align-items:center;max-width:220px;margin-bottom:16px;color:var(--accent)}.story-number{font-size:18px;font-weight:300}.category-icon{height:38px;width:38px;color:var(--accent);flex-shrink:0}.story-card .eyebrow{font-size:9px;letter-spacing:1.1px}.story-card h3{font-size:28px;font-weight:300;line-height:1.2;margin-bottom:16px}.story-card p{font-size:15px;line-height:1.6;color:#c0bfc1;margin-bottom:20px}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:10px}.arrow{font-size:24px;color:var(--accent)}.reader{max-width:900px;padding:45px 45px 30px;margin:auto;position:relative}.reader:before{content:"";position:absolute;left:-90px;top:170px;width:95px;height:65%;border:1px solid #e78d9e66;border-left:0;border-radius:0 90% 40% 0;pointer-events:none}.back{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:55px}.reader h1{font-size:clamp(34px,4.3vw,55px);font-weight:350;line-height:1.18;letter-spacing:-1px;max-width:720px;margin-bottom:24px}.lead{font-size:18px;line-height:1.65;color:#c6c3c6;max-width:700px}.reader-rule{height:2px;width:90px;background:linear-gradient(90deg,var(--peach),#ed7097);border-radius:50%;margin:28px 0 38px;transform:rotate(-2deg)}.prose{font-size:20px;line-height:1.8;max-width:760px;font-weight:300}.prose p{margin-bottom:24.5px}.prose p.demo-note{font-size:11px;line-height:1.6;color:var(--muted);border-left:1px solid var(--peach);padding-left:14px}.tags{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:35px}.related{max-width:1040px;padding-top:35px;border-top:1px solid #d2987b55}.related h2{font-weight:300;font-style:italic;font-size:23px;margin-bottom:28px;color:#ccc4cd}.related-links{display:flex;gap:35px;flex-wrap:wrap}.related-link{display:flex;align-items:center;gap:13px;font-size:13px;border-bottom:1px solid color-mix(in srgb,var(--accent),transparent 60%);padding:10px 0;flex:1;min-width:200px;max-width:350px}.related-link .category-icon{width:27px;height:27px}.related-arrow{color:var(--accent);margin-left:auto;font-size:20px}.related-link:hover{color:var(--accent)}.skip{position:fixed;left:20px;top:-100px;background:var(--text);color:var(--bg);padding:10px;z-index:10}.skip:focus{top:10px}main:focus{outline:none}.loading{padding:80px}.empty{grid-column:1/-1;color:var(--muted)}@media(max-width:900px){header,footer,.section{padding-left:35px;padding-right:35px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 50px}.story-card:nth-child(n){margin-top:0}.story-card:nth-child(2n){margin-top:65px}.reader:before{display:none}.home-line{letter-spacing:.08em}.hero{min-height:650px}}@media(max-width:560px){header{height:90px;padding-left:24px;padding-right:24px}.logo{font-size:25px}nav{gap:22px;font-size:12px}.hero{min-height:calc(100svh - 160px);padding:90px 20px 115px}.hero h1{font-size:clamp(48px,13vw,74px);letter-spacing:.065em;margin-bottom:36px}.home-line{font-size:18px;max-width:320px;margin:0 auto 17px;letter-spacing:.06em}.home-subline{font-size:13px;max-width:290px;margin:0 auto 34px;line-height:1.9;letter-spacing:.1em}.curves{width:210%;left:-55%;top:-20px;opacity:.5}.button{padding:12px 28px;font-size:10px;letter-spacing:3px}.section{padding:40px 30px 55px}.collection h1{font-size:36px}.filterbar{flex-direction:column;align-items:stretch;gap:18px}.cards{grid-template-columns:1fr;gap:30px;padding:10px 12px 20px}.story-card:nth-child(n){margin:0;min-height:230px}.story-card:nth-child(2n){margin-left:15px}.story-card h3{font-size:28px}.story-top{max-width:none}.story-card p{max-width:300px}.reader{padding:25px 25px 35px}.back{margin-bottom:40px}.prose{font-size:18px;line-height:1.8}.lead{font-size:17px}.related-links{gap:10px;flex-direction:column}.related-link{max-width:none;min-width:0}.related h2{font-size:21px}footer{padding:20px 24px;gap:15px}.local{font-size:9px;letter-spacing:0}footer .logo{font-size:13px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Kizárólag a kezdőlap: a jóváhagyott 1672 × 941-es referencia kompozíciója. */
body.home-page{background:radial-gradient(ellipse at 49% 39%,#111213 0,#0c0d0e 65%,#101112 100%)}
.home-page header{max-width:1672px;height:82px;padding:0 7.4%}.home-page header .logo{font-size:23px;letter-spacing:7px;font-weight:500}.home-page header .logo span{background:none;color:inherit}.home-page nav{gap:48px;letter-spacing:1.5px;font-family:monospace}.home-page nav a[aria-current]:after{background:#ed87ad;height:2px;transform:none}.home-page footer{display:none}
.home-reference{position:relative;max-width:1920px;margin:auto;height:690px;isolation:isolate}.home-art{position:absolute;top:22px;left:0;width:100%;height:490px;object-fit:fill;z-index:-1;pointer-events:none}.home-reference-copy{position:absolute;top:218px;left:0;right:0;text-align:center}.home-reference h1{margin:0 0 38px;padding-left:.105em;font-size:clamp(80px,7.8vw,132px);font-weight:700;line-height:1;letter-spacing:.105em;color:#f7f6f4}.reference-line{margin:0 20px 11px;font-size:23px;letter-spacing:4px;font-weight:300}.reference-subline{margin:0 20px 34px;color:#cac7ca;font-size:17px;letter-spacing:3px}.reference-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid #b7b6d0;border-radius:40px;padding:14px 40px;font-size:14px;letter-spacing:4px;background:#0b0c0d80}.reference-button span{font-size:27px;line-height:1;font-weight:200;letter-spacing:0}.reference-button:hover{background:#25232b}.reference-scroll{position:absolute;bottom:11px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:16px;font-size:10px;letter-spacing:4px;color:#d3cfd4}.reference-scroll span{height:34px;width:1px;background:#89858a}.reference-scroll svg{width:19px;height:11px}.home-notes{max-width:1440px;margin:20px auto 0;display:grid;grid-template-columns:1fr 1fr 1fr;padding:0 7% 58px;gap:50px}.home-notes>div,.home-notes>a{position:relative;padding:20px 0 0 0}.home-notes>:not(:first-child){border-left:1px solid #747075;padding-left:50px}.home-notes>:before{content:"";position:absolute;top:0;width:45px;height:2px;background:#e787ab}.home-notes>:nth-child(2):before{background:#64d2cf}.home-notes>:nth-child(3):before{background:#edcb59}.home-notes h2{font-size:13px;letter-spacing:3px;font-weight:400;margin:0 0 8px;line-height:1.5}.home-notes p{font-size:13px;letter-spacing:1.5px;color:#cac7ca;margin:0;line-height:1.8}
@media(min-width:1500px){.home-reference{height:690px}.home-art{height:560px;top:0}.home-reference-copy{top:222px}.home-notes{margin-top:22px}}
@media(max-width:1100px){.home-reference{height:640px}.home-reference-copy{top:210px}.reference-line{font-size:19px;letter-spacing:2.5px}.reference-subline{font-size:14px;letter-spacing:2px}.home-art{height:450px;top:25px}.home-notes{gap:25px;padding-left:6%;padding-right:6%}.home-notes>:not(:first-child){padding-left:25px}.home-notes h2{font-size:11px;letter-spacing:2px}.home-notes p{font-size:11px;letter-spacing:1px}}
@media(max-width:600px){.home-page header{height:76px;padding:0 24px}.home-page header .logo{font-size:17px;letter-spacing:4px}.home-page nav{gap:18px;font-size:11px;letter-spacing:.5px}.home-reference{height:630px;overflow:hidden}.home-art{width:190%;max-width:none;left:-45%;height:360px;top:40px}.home-reference-copy{top:205px}.home-reference h1{font-size:13vw;letter-spacing:.08em;margin-bottom:34px}.reference-line{font-size:17px;letter-spacing:1.7px;max-width:330px;margin:0 auto 16px;padding:0 14px}.reference-subline{font-size:12px;letter-spacing:1.6px;max-width:290px;margin:0 auto 29px;padding:0 10px;line-height:1.9}.reference-button{font-size:11px;padding:12px 28px;letter-spacing:3px}.reference-scroll{bottom:15px;font-size:9px;gap:12px}.home-notes{grid-template-columns:1fr;margin:25px 30px 0;padding:0 0 40px;gap:28px}.home-notes>:not(:first-child){border-left:0;padding-left:0}.home-notes h2{font-size:12px}.home-notes p{font-size:12px}}
/* A történetgyűjtemény önálló, a referencia szerinti grafikai felülete. */
body.collection-page{background:#101112}.collection-page header{max-width:1536px;padding:0 5%;height:106px}.collection-page header .logo{font-size:50px;letter-spacing:-1px;font-weight:300}.collection-page nav{margin-right:auto;margin-left:65px;gap:60px;font-size:16px}.collection-page footer{border:0;max-width:1536px;padding:20px 5%}.collection-reference{max-width:1536px;margin:auto}.collection-tools{display:flex;align-items:center;gap:28px;margin:0 6% 8px;min-height:70px;position:relative;z-index:2}.collection-search{width:310px;max-width:45%}.collection-search>span{font-size:10px;letter-spacing:1.5px;color:#aaa}.collection-search input{margin:0;padding:7px 0;font-size:13px;border-bottom-color:#534a4a}.collection-categories{display:flex;gap:12px;margin-left:auto}.category-filter{position:relative;width:44px;height:42px;padding:5px;border:0;border-bottom:1px solid transparent;color:#d4b2a5;background:none;cursor:pointer;display:grid;place-items:center}.category-filter[aria-pressed=true]{border-bottom-color:#f39987}.category-filter:focus-visible{outline:1px solid #f0ae9a;outline-offset:4px}.category-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#202022;border:1px solid #514344;padding:5px 10px;font-size:11px;color:#eee;visibility:hidden;opacity:0;pointer-events:none;z-index:5}.category-filter:hover .category-tooltip,.category-filter:focus-visible .category-tooltip{visibility:visible;opacity:1}.collection-icon{width:31px;height:31px;overflow:hidden}.all-filter>span:first-child{font-size:24px;font-weight:200}.collection-count{font-size:10px;color:#999;white-space:nowrap;margin:0}.collection-field{position:relative;isolation:isolate;min-height:850px;padding:35px 11% 90px}.collection-art{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.82}.collection-entries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:55px 72px}.collection-entry{position:relative;display:block;min-height:270px;padding:15px 0 0}.collection-entry:nth-child(3n+2){margin-top:25px}.collection-entry:nth-child(3n){margin-top:65px}.collection-entry:nth-child(6n+4){margin-left:-28px}.collection-number{display:block;font-size:20px;color:var(--accent);margin-bottom:12px}.collection-drawing{position:absolute;right:-8px;top:-8px;width:100px;height:90px;pointer-events:none;mix-blend-mode:screen}.collection-entry:nth-child(3n+1) .collection-drawing{width:80px;height:100px;right:0;top:-18px}.collection-entry h2{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:29px;font-weight:300;line-height:1.12;letter-spacing:-.5px;margin:0 0 24px;padding-right:20px;max-width:245px;position:relative}.collection-entry h2:after{content:"";position:absolute;bottom:-12px;left:0;height:1px;width:45px;background:var(--accent);border-radius:50%;transform:rotate(-2deg)}.collection-entry p{font-size:17px;line-height:1.4;font-weight:300;color:#c8c5c5;margin:0 0 17px}.collection-entry-bottom{display:flex;align-items:center;gap:25px;color:var(--muted);font-size:10px;letter-spacing:.5px}.collection-entry-bottom>span:last-child{font-size:26px;line-height:1;color:#e7dedb}.collection-entry:hover h2{color:var(--accent)}.collection-demo-note{font-size:10px;color:#aaa;margin:0 6% 25px;letter-spacing:1px}.collection-empty{grid-column:1/-1;padding:90px 0;color:#bbb}
@media(min-width:1400px){.collection-field{padding-top:45px}.collection-entries{gap:70px 100px}.collection-entry{min-height:295px}.collection-entry h2{font-size:31px}.collection-entry p{font-size:19px}}
@media(max-width:1000px){.collection-page header .logo{font-size:36px}.collection-page nav{margin-left:auto;margin-right:0;gap:30px}.collection-field{padding:35px 8% 70px}.collection-entries{gap:55px 50px;grid-template-columns:repeat(2,minmax(0,1fr))}.collection-entry:nth-child(n){margin:0}.collection-entry:nth-child(2n){margin-top:55px}.collection-art{opacity:.55}.collection-entry h2{font-size:28px}.collection-drawing{opacity:.85}.collection-tools{gap:15px}.collection-categories{gap:4px}}
@media(max-width:600px){.collection-page header{height:86px;padding:0 24px}.collection-page header .logo{font-size:28px}.collection-page nav{gap:20px;font-size:12px}.collection-tools{margin:0 25px 12px;flex-wrap:wrap;gap:10px}.collection-search{width:100%;max-width:100%}.collection-categories{margin-left:0;gap:9px}.collection-count{margin-left:auto}.collection-field{padding:25px 36px 45px;min-height:0;overflow:hidden}.collection-art{width:200%;left:-45%;opacity:.48}.collection-entries{grid-template-columns:1fr;gap:40px}.collection-entry:nth-child(n){margin:0;min-height:220px}.collection-entry:nth-child(2n){margin-left:20px}.collection-entry h2{max-width:230px;padding-right:20px;font-size:29px}.collection-entry p{max-width:300px;font-size:17px}.collection-entry .collection-drawing{right:0;top:-5px;width:90px;height:85px}.collection-demo-note{margin:10px 25px 25px}}
/* A PNG sötét képháttere ne alkosson téglalapokat az egységes alapon.
   A screen keverés a sötét pixeleket az alappal egyesíti, a rajzot megtartja. */
.collection-page .collection-art,.collection-page .collection-icon{mix-blend-mode:screen}
/* Módosítható kategóriák, rámutatás/fókusz fölötti címke, érintéses visszajelzés. */
.collection-page .category-tooltip{top:auto;bottom:calc(100% + 9px)}
.collection-page .collection-tools{flex-wrap:wrap;row-gap:12px;padding-top:22px;padding-bottom:8px}
.collection-page .collection-categories{flex-wrap:wrap;justify-content:flex-end;max-width:100%}
.collection-status{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-basis:100%;color:#bdb5b6;font-size:11px;min-height:18px}
.collection-status .collection-count{color:#969092}
/* A szöveggel együtt növő, puha szélű olvasási tér a rajz fölött.
   Nem rögzített koordinátákra épül: követi a sortöréseket és a nagyítást. */
.collection-page .collection-entry{isolation:isolate;min-width:0;overflow-wrap:anywhere}
.collection-page .collection-entry:before{content:"";position:absolute;inset:-6px -15px -9px;z-index:-1;background:#101112;border-radius:24%;filter:blur(16px);pointer-events:none}
.collection-page .collection-entry h2,.collection-page .collection-entry p,.collection-page .collection-entry-bottom{position:relative;text-shadow:0 0 5px #101112,0 0 10px #101112}
.collection-page .collection-entries{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.collection-page .collection-entries{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-page .collection-search{max-width:100%}.collection-page .collection-categories{gap:4px}.collection-page .collection-status{justify-content:flex-end}}
@media(max-width:600px){.collection-page .collection-entries{grid-template-columns:minmax(0,1fr)}.collection-page .collection-categories{margin-left:0;justify-content:flex-start;gap:2px;width:100%}.collection-page .category-filter{width:40px;min-height:44px}.collection-page .collection-status{justify-content:space-between;flex-basis:100%}.collection-page .category-filter:first-child .category-tooltip{left:0;transform:none}.collection-page .category-filter:last-child .category-tooltip{left:auto;right:0;transform:none}.collection-page .collection-entry:before{inset:-6px -12px -9px;filter:blur(13px)}}
@media(hover:none){.collection-page .category-filter[aria-pressed=true] .category-tooltip{visibility:visible;opacity:1}.collection-page .collection-categories{margin-top:22px}}
/* Olvasóoldal: az elfogadott PNG eredeti, áttetsző vonalrajzai. */
.reader-page .reader:before{display:none}
.reader-page .reader{isolation:isolate}
.reader-filter-defs{position:absolute;overflow:hidden;pointer-events:none}
.reader-margin-art{position:absolute;pointer-events:none;overflow:hidden;mix-blend-mode:screen;z-index:-1;opacity:.8}
.reader-margin-left{left:-125px;top:50px;width:110px;height:660px}
.reader-margin-right{right:-95px;top:200px;width:65px;height:210px;opacity:.65}
.reader-title-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;column-gap:28px;margin-bottom:24px}
.reader-page .reader-title-row h1{margin:0;overflow-wrap:anywhere}
.reader-title-art{width:150px;height:115px;overflow:hidden;mix-blend-mode:screen;pointer-events:none;opacity:.85}
.reader-page .related-links{gap:32px}
.reader-page .related-link{gap:12px;font-size:13px;min-width:240px;max-width:360px;min-height:64px}
.reader-related-title{flex:1;min-width:0;overflow-wrap:anywhere}
.reader-related-art{width:83px;height:49px;flex-shrink:0;overflow:hidden;mix-blend-mode:screen;pointer-events:none}
.reader-page .related-arrow{flex-shrink:0;margin-left:0}
@media(max-width:1150px){.reader-margin-left{left:-28px;width:24px;opacity:.5}.reader-margin-right{right:-24px;width:20px;opacity:.4}}
@media(max-width:800px){.reader-margin-left{left:4px;width:15px;opacity:.4}.reader-margin-right{right:4px;width:12px;opacity:.35}.reader-title-row{grid-template-columns:minmax(0,1fr) 110px;gap:18px}.reader-title-art{width:110px;height:95px}}
@media(max-width:560px){.reader-page .reader{padding-left:25px;padding-right:25px}.reader-title-row{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:22px}.reader-title-art{justify-self:end;width:132px;height:85px;margin-top:-4px}.reader-page .reader-title-row h1{font-size:clamp(32px,8.5vw,46px);line-height:1.18}.reader-margin-left{left:0;top:80px;width:12px;height:560px;opacity:.4}.reader-margin-right{right:0;top:290px;width:10px;height:170px}.reader-page .related-links{gap:7px}.reader-page .related-link{width:100%;max-width:none;min-width:0;min-height:66px;font-size:12px;gap:10px}.reader-related-art{width:79px;height:45px}.reader-page .related{padding-left:25px;padding-right:25px}}
/* Különálló, szöveg nélküli rajzrészletekből épített kompozíció. */
.collection-page .collection-art{height:auto;aspect-ratio:1536 / 1024;opacity:.92;overflow:visible}
.collection-page .collection-field{min-height:850px}
.collection-page .collection-entry:before{inset:12px -10px -5px;border-radius:32%;filter:blur(15px);opacity:.95}
@media(max-width:1000px){.collection-page .collection-art{width:125%;left:-12.5%;opacity:.75}}
@media(max-width:600px){.collection-page .collection-art{width:210%;left:-55%;height:auto;opacity:.5}.collection-page .collection-field{min-height:0}.collection-page .collection-entry:before{inset:5px -10px -7px;filter:blur(13px)}}
.collection-page .collection-field{overflow:hidden}
/* Adatból választott, újrafelhasználható, valódi vektoros történetmotívumok. */
.reader-page .reader-title-art{width:150px;height:115px;mix-blend-mode:normal}
.reader-page .reader-related-art{width:83px;height:49px;mix-blend-mode:normal}
.collection-page .collection-motif-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;margin-bottom:8px}
.collection-page .collection-motif-row .collection-number{margin:0;flex-shrink:0}
.collection-page .collection-story-motif{width:130px;height:82px;flex-shrink:0;pointer-events:none;overflow:visible}
.collection-page .collection-entry:before{top:82px}
@media(max-width:800px){.reader-page .reader-title-art{width:110px;height:95px}}
@media(max-width:560px){.reader-page .reader-title-art{width:132px;height:88px}.reader-page .reader-related-art{width:79px;height:45px}.collection-page .collection-story-motif{width:118px;height:78px}.collection-page .collection-motif-row{min-height:78px}}
/* Oldaltípushoz igazított kompozíció: gyűjtemény és olvasófelület külön ritmussal. */
.reader-page .reader-title-row{grid-template-columns:minmax(0,1fr) 190px;column-gap:30px;align-items:center}
.reader-page .reader-title-art{width:190px;height:130px;opacity:1}
.reader-page .related{position:relative}
.reader-page .related:before{content:"";position:absolute;top:-3px;left:50%;width:6px;height:6px;border-radius:50%;background:#eeb29c;box-shadow:0 0 7px #eeb29c44;pointer-events:none}
.reader-page .related-link{position:relative;border-bottom-color:color-mix(in srgb,var(--accent),transparent 65%)}
.reader-page .related-arrow{border:1px solid color-mix(in srgb,var(--accent),transparent 35%);width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:16px;line-height:1}
.collection-page .collection-motif-row{position:relative}
.collection-page .collection-motif-row:after{content:"";position:absolute;right:-9px;top:48px;width:140px;height:30px;border-bottom:1px solid var(--accent);border-radius:0 0 60% 40%;transform:rotate(-5deg);opacity:.4;pointer-events:none}
.collection-page .collection-story-motif{position:relative;z-index:1}
@media(max-width:800px){.reader-page .reader-title-row{grid-template-columns:minmax(0,1fr) 135px;gap:20px}.reader-page .reader-title-art{width:135px;height:105px}}
@media(max-width:560px){.reader-page .reader-title-row{grid-template-columns:minmax(0,1fr);gap:8px}.reader-page .reader-title-art{width:150px;height:98px;justify-self:end}.reader-page .related-arrow{width:23px;height:23px;font-size:15px}.collection-page .collection-motif-row:after{width:125px;right:0}}
/* Kis méretben is olvasható kategóriaikonok, ugyanabból a rajzkészletből. */
.collection-page .collection-icon path,.collection-page .collection-icon circle{stroke-width:2.6}
/* A külön tesztnézet jelölése; a normál oldalra nincs hatása. */
.test-mode-notice{max-width:1400px;margin:0 auto 12px;padding:12px 5%;display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;border-top:1px solid #7d6859;border-bottom:1px solid #7d6859;color:#d7b8a0;font-size:11px;line-height:1.6}
.test-mode-notice strong{letter-spacing:1px}.test-mode-notice a{margin-left:auto;text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.test-mode-notice{padding:12px 24px;gap:5px}.test-mode-notice>*{width:100%}.test-mode-notice a{margin-left:0}}
/* A meglévő vonalkompozíció folytatása hosszú, automatikusan bővülő listánál. */
.collection-page .collection-art-continuations{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
/* Keskeny mobilon is egyetlen vízszintes kategóriasor. */
@media(max-width:600px){.collection-page .collection-categories{flex-wrap:nowrap}.collection-page .category-filter{flex:1 1 0;max-width:40px;min-width:0}.collection-page .category-filter .collection-icon{max-width:100%}}
/* Köztes szélességnél/nagyításnál a jobb díszvonal maradjon a képernyőn belül. */
@media(min-width:801px) and (max-width:1150px){.reader-page .reader-margin-left{left:4px;width:15px}.reader-page .reader-margin-right{right:4px;width:15px}}
/* Mobilon a történet tényleges tartalma határozza meg a magasságát. */
@media(max-width:600px){.collection-page .collection-entry:nth-child(n){min-height:0}.collection-page .collection-entries{row-gap:32px}}

/* Történetenkénti olvasóillusztráció; a gyűjtemény motívumai változatlanok. */
.reader-page .story-builtin-art{display:block;pointer-events:none}.story-builtin-art svg{display:block;width:100%;height:100%;overflow:visible}.reader-page .story-custom-art{object-fit:contain;object-position:center;background:transparent}

/* Mobilos finomhangolás: a jóváhagyott kompozíció változatlan. */
.reader-page .prose strong{font-weight:550}
.reader-page .prose .spoiler-note{font-size:13px;line-height:1.5;color:#d6beb3;border-left:1px solid var(--peach);padding-left:12px;margin-bottom:20px}
.reader-page .prose em{font-style:italic}
@media(max-width:600px){
 .reader-page header{height:76px}
 .reader-page .reader{padding:14px 25px 30px}
 .reader-page .back{font-size:12px;margin-bottom:22px}
 .reader-page .reader>.eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:12px}
 .reader-page .reader-title-row{grid-template-columns:minmax(0,1fr);gap:4px;margin-bottom:14px}
 .reader-page .reader-title-row h1{font-size:clamp(26px,7.1vw,32px);line-height:1.16;letter-spacing:-.6px}
 .reader-page .reader-title-art{width:138px;height:78px;justify-self:end;margin-top:0}
 .reader-page .lead{font-size:15px;line-height:1.55;color:#b8b5bb;margin:0 0 18px}
 .reader-page .reader-rule{width:74px;margin:20px 0 25px}
 .reader-page .prose{font-size:17px;line-height:1.75;color:#e4e0e2}
 .reader-page .prose p{margin-bottom:19.5px}
 .reader-page .prose .spoiler-note{font-size:12px;margin-bottom:18px}
 .collection-page .collection-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:0 24px 8px;padding-top:12px;padding-bottom:8px}
 .collection-page .collection-search{width:100%;max-width:none}
 .collection-page .collection-search input{font-size:16px;line-height:1.4;padding:9px 0}
 .collection-page .collection-categories{display:flex;flex-wrap:nowrap;gap:3px;width:100%;max-width:100%;margin:0;justify-content:space-between;overflow:visible}
 .collection-page .category-filter{flex:1 1 0;width:auto;max-width:none;min-width:0;height:48px;min-height:48px;padding:4px 0;touch-action:manipulation}
 .collection-page .category-filter .collection-icon{width:40px;height:38px;max-width:100%}
 .collection-page .category-tooltip{display:none}
 .collection-page .collection-status{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-height:22px;font-size:12px}
 .collection-page .collection-count{font-size:11px;flex-shrink:0}
 .collection-page .collection-field{padding-top:12px}
 .collection-page .collection-entry h2{font-size:26px;line-height:1.16;max-width:none;padding-right:0;margin-bottom:22px;letter-spacing:-.4px}
 .collection-page .collection-entry p{font-size:15px;line-height:1.55;max-width:none}
}
/* Érintőképernyőn a külön státuszsor mutatja a kiválasztott nevet.
   A lebegő tooltip így nem csúszik rá a kereső vonalára. */
@media(hover:none){.collection-page .category-tooltip{display:none}}
@media(max-width:359px){.collection-page .collection-categories{gap:0}.collection-page .category-filter{min-width:44px;flex:0 0 44px}.collection-page .collection-categories{overflow-x:auto;justify-content:flex-start;padding-bottom:4px}}

@media(max-width:600px){.collection-page .collection-categories{overflow-x:auto;overflow-y:hidden}.collection-page .category-filter{flex:1 0 44px;min-width:44px}}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Two story-specific margin trials; never intrude on the reading column. */
.reader-page .reader-theme-margin{overflow:hidden;opacity:1;mix-blend-mode:screen;pointer-events:none;top:38px;width:135px;height:960px}
.reader-page .reader-theme-margin.reader-margin-left{left:-135px}
.reader-page .reader-theme-margin.reader-margin-right{right:-135px;top:95px;height:900px}
@media(max-width:1100px){
 .reader-page .reader-theme-margin.reader-margin-left{left:0;width:20px}
 .reader-page .reader-theme-margin.reader-margin-right{right:0;width:20px}
 .reader-page .reader-theme-margin{opacity:.65;height:850px}
}
@media(max-width:600px){
 .reader-page .reader-theme-margin.reader-margin-left{left:0;width:14px}
 .reader-page .reader-theme-margin.reader-margin-right{right:0;width:14px;top:180px}
 .reader-page .reader-theme-margin{opacity:.55;height:760px}
}

/* Opening composition stays at its original scale. Sparse tails follow article height. */
.reader-page .reader-theme-margin{height:calc(100% - 38px)}
.reader-page .reader-theme-margin.reader-margin-right{height:calc(100% - 95px)}
.reader-theme-opening{display:block;width:100%;height:960px}
.reader-margin-right .reader-theme-opening{height:900px}
.reader-theme-tail{position:absolute;left:0;top:800px;width:100%;height:calc(100% - 800px);min-height:0}
@media(max-width:1100px){
 .reader-page .reader-theme-margin{height:calc(100% - 38px)}
 .reader-page .reader-theme-margin.reader-margin-right{height:calc(100% - 95px)}
 .reader-theme-opening,.reader-margin-right .reader-theme-opening{height:850px}
 .reader-theme-tail{top:720px;height:calc(100% - 720px)}
}
@media(max-width:600px){
 .reader-page .reader-theme-margin.reader-margin-right{height:calc(100% - 180px)}
 .reader-theme-opening,.reader-margin-right .reader-theme-opening{height:760px}
 .reader-theme-tail{top:620px;height:calc(100% - 620px)}
}

/* Unified story typography. Original paragraph boundaries and artwork stay intact. */
.reader-page .reader .prose{
 font-size:clamp(17px,calc(16px + .25vw),19px);
 line-height:1.75;
 font-weight:350;
 max-width:68ch;
 color:#e4e0e2;
 text-align:left;
 letter-spacing:normal;
 word-spacing:normal;
 overflow-wrap:break-word;
}
.reader-page .reader .prose p{margin:0}
.reader-page .reader .prose p + p{margin-top:.9em}
.reader-page .reader .prose strong{font-weight:550}
.reader-page .reader .prose em{font-style:italic}
.reader-page .reader .prose p.spoiler-note{
 font-size:.78em;
 line-height:1.55;
 color:#d6beb3;
 border-left:1px solid var(--peach);
 padding-left:12px;
}
.reader-page .reader .prose p.demo-note{font-size:.78em;line-height:1.55}
.reader-page .reader .lead{
 font-size:clamp(15px,calc(14px + .3vw),18px);
 line-height:1.65;
 font-weight:350;
 color:#b8b5bb;
 max-width:68ch;
}