:root{--navy:#182a38;--ink:#152635;--muted:#586675;--gold:#f3ca65;--cream:#faf8f3;--line:#deddd7;--serif:'Newsreader',Georgia,serif;--sans:'Source Sans 3',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.6 var(--sans)}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;margin:0 0 24px}h1{font-size:clamp(44px,5.4vw,78px);letter-spacing:-2px}h2{font-size:clamp(36px,4vw,58px);letter-spacing:-1px}h3{font-size:29px}p{margin:0 0 24px;color:var(--muted)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{outline-offset:5px}button{cursor:pointer}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fffdf9;border-bottom:1px solid var(--line)}.brand{font:29px var(--serif);display:flex;align-items:center;gap:18px;white-space:nowrap}.brand img{width:46px;height:46px;object-fit:contain}nav{display:flex;gap:30px;align-items:center;font-size:16px}nav a:hover,.text-link:hover{color:#85601c}nav a[aria-current=page]{border-bottom:2px solid var(--gold)}.menu{display:none}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;background:var(--gold);color:var(--ink);border-radius:50px;padding:14px 26px;font-size:17px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s;text-align:center}.button:hover{background:#eabd50;transform:translateY(-2px)}.button.outline{background:transparent;border-color:var(--navy)}.button.outline:hover{background:#eee9dd}.button.small{padding:10px 27px}.button:disabled{opacity:.35;cursor:default;transform:none}.eyebrow{display:block;font:600 12px/1.5 var(--sans);letter-spacing:2.8px;margin-bottom:26px}.eyebrow:before{content:'';display:inline-block;width:38px;height:1px;background:#d0a748;vertical-align:middle;margin-right:20px}.wrap{max-width:1280px;margin:auto;padding:80px 44px}.lead{font-size:23px;line-height:1.45;max-width:620px}.hero{position:relative;min-height:730px;overflow:hidden;background:#fbf8f1}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero-copy{position:relative;max-width:680px;padding:58px 0 55px 5%}.hero h1{font-size:clamp(48px,5vw,72px);margin-bottom:24px}.hero .lead{max-width:465px;font-size:23px}.hero h3{font-size:30px;margin-bottom:12px}.byline{font-size:16px;line-height:1.7}.actions{display:flex;align-items:flex-start;gap:14px;flex-direction:column}.dark{background:var(--navy);color:#fff}.dark .wrap{padding-top:66px;padding-bottom:66px}.dark p{color:#cbd0d3}.dark .eyebrow{color:#d5dce0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:48px}.benefits>div{border-right:1px solid #52606a;padding-right:38px}.benefits>div:last-child{border:0}.benefit-num{font:36px var(--serif);color:var(--gold);display:block;margin-bottom:17px}.benefits h3{font:600 23px var(--sans);margin-bottom:14px}.benefits p{font-size:17px;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.sample-paper{padding:48px;background:#fff;border:1px solid #e4dfd4;box-shadow:0 12px 38px #182a3810;transform:rotate(-2deg)}.sample-paper h3{font-size:32px}.sample-paper p{font-size:16px}.sample-paper small{font-size:13px;color:var(--muted)}.paper-lines{height:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px}.text-link{display:inline-block;border-bottom:1px solid #d0a748;padding:6px 0;font-weight:600}.topic-preview{padding-top:35px}.preview-list{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:40px 0}.preview-list a{padding:25px 0;border-top:1px solid var(--line)}.preview-list span{color:#a98539;font:35px var(--serif);display:block;margin-bottom:20px}.preview-list h3{font-size:28px}.preview-list p{font-size:17px}.faq{max-width:900px;padding-top:25px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-weight:600;cursor:pointer}.faq details p{margin:20px 0 0}.closing{text-align:center;background:var(--navy);padding:65px 24px;color:#fff}.closing h2{font-size:40px}footer{padding:45px 5%;display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:14px}footer .brand{font-size:23px}footer .brand img{width:35px;height:35px}footer p{margin:0}footer small{width:100%;color:var(--muted)}dialog{background:var(--cream);color:var(--ink);max-width:620px;width:calc(100% - 40px);padding:50px;border:0;border-radius:10px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#14243299}dialog h2{font-size:44px}.close{display:block;margin:0 0 30px auto;background:transparent;border:0;color:var(--muted);font-size:15px}.notice{font-size:16px;padding:18px;border-left:3px solid var(--gold);background:#eeeade}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:12px 22px;border-radius:5px;display:none;z-index:20}.toast.show{display:block}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;z-index:50;background:white;padding:10px}.chapter-intro{text-align:center;padding-bottom:52px}.chapter-intro .lead{margin:0 auto 32px}.meta{display:flex;gap:30px;justify-content:center;font-size:15px}.meta span+span{border-left:1px solid var(--line);padding-left:30px}.chapter-feature{padding-top:0;display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}.chapter-feature img{width:100%;height:350px;object-fit:cover;object-position:right}.chapter-feature h2{font-size:46px}.chapters-section{padding-top:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading h2{font-size:40px;margin:0}.search{font-size:13px;color:var(--muted)}input[type=search]{display:block;background:transparent;border:0;border-bottom:1px solid #b9b4a8;padding:10px 0;width:250px;font-size:17px;color:var(--ink)}.chapter-row{display:grid;grid-template-columns:68px 1fr 220px;gap:32px;align-items:center;padding:32px 8px;border-top:1px solid var(--line);transition:background .2s}.chapter-row:hover{background:#f0ede5}.chapter-row:last-child{border-bottom:1px solid var(--line)}.chapter-row .number{font:42px var(--serif);color:#a58238}.chapter-row h3{margin-bottom:9px;font-size:31px}.chapter-row p{margin:0;font-size:18px}.chapter-row .duration{font-size:14px;display:block;color:var(--muted);margin-top:8px}.chapter-row .row-end{text-align:right}.badge{display:inline-block;background:#f5e3b5;color:#614719;font-size:12px;padding:3px 10px;border-radius:30px;font-weight:600}.row-end .open-label{font-size:15px;display:block;margin-top:14px}.reader{display:grid;grid-template-columns:275px 1fr;max-width:1700px;margin:auto;min-height:100vh}.reader-sidebar{padding:42px 24px;border-right:1px solid var(--line);background:#f4f1e9}.reader-sidebar>.text-link{font-size:14px;margin-bottom:42px}.reader-sidebar .eyebrow{font-size:10px;letter-spacing:1.6px}.reader-sidebar .eyebrow:before{display:none}.reader-sidebar h3{font-size:27px}.side-chapter{display:flex;gap:13px;padding:14px 10px;font-size:14px;line-height:1.4;border-bottom:1px solid #e2dfd7}.side-chapter span{color:#9b7b38}.side-chapter.active{background:#e9e1ca;border-left:3px solid #b99647;color:var(--ink)}.side-note{font:italic 23px/1.45 var(--serif);margin:38px 10px;color:#697164}.reader-main{padding:25px 5% 50px;min-width:0}.reader-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;font-size:13px;color:var(--muted)}.quiet{border:1px solid var(--line);background:transparent;border-radius:40px;padding:7px 15px;font-size:13px;margin-left:5px;color:var(--ink)}.reader-title{padding:40px 0 10px}.reader-title h1{font-size:55px;letter-spacing:-1px}.reader-title .lead{font-size:21px}.reader-title .eyebrow{margin-bottom:18px}.reading-layout{display:grid;grid-template-columns:minmax(0,760px) 180px;gap:35px;align-items:start}.work-paper{background:#fffdf9;border:1px solid #e2ded3;box-shadow:0 8px 30px #182a3808;padding:40px 48px;min-height:670px}.paper-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.8px;border-bottom:1px solid var(--line);padding-bottom:20px;color:var(--muted);margin-bottom:32px}.work-paper h2{font-size:39px;line-height:1.12}.work-paper h3{font-size:27px;margin-top:30px}.work-paper p{font-size:18px;line-height:1.8;color:#43515b}.paper-bottom{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding-top:20px;margin-top:32px;font-size:12px;color:var(--muted)}.paper-bottom img{width:28px}.reading-note{padding-top:35px}.reading-note .eyebrow{font-size:10px;letter-spacing:1.5px}.reading-note .eyebrow:before{display:none}.reading-note h3{font-size:26px}.reading-note p{font-size:15px}.tiny{font-size:13px!important;line-height:1.6}.reader-controls{display:flex;justify-content:space-between;align-items:center;max-width:760px;margin-top:25px;gap:15px}.reader-controls .button{font-size:15px;padding:11px 23px}.reader-disclaimer{max-width:760px;margin-top:25px}.question{display:block;font-weight:600;font-size:16px;margin-top:26px}.question textarea{display:block;resize:vertical;width:100%;min-height:95px;background:#fcfaf5;border:1px solid #d5d2c9;border-radius:4px;margin-top:10px;padding:15px;line-height:1.6;font-weight:400;color:var(--ink)}.question textarea:focus{border-color:#b89240;outline:2px solid #f0d58e}.worksheet-heading{display:flex;gap:12px;align-items:center}.worksheet-heading input{border:0;border-bottom:1px solid var(--line);font-size:15px;padding:5px}.large-text .work-paper p,.large-text textarea{font-size:21px}.large-text .work-paper{min-height:720px}
@media(min-width:1600px){.hero-copy{padding-left:calc((100vw - 1440px)/2)}.hero{min-height:800px}}@media(max-width:1150px){nav{gap:20px}.hero-copy{max-width:570px}.hero h1{font-size:61px}.hero .lead{max-width:410px;font-size:21px}.reading-layout{grid-template-columns:1fr}.reading-note{padding-top:0;max-width:700px}.reader{grid-template-columns:245px 1fr}.work-paper{padding:35px}.reader-sidebar{padding:35px 18px}}@media(max-width:760px){header{height:74px;padding:0 22px}.brand{font-size:25px;gap:12px}.brand img{width:37px;height:37px}.menu{display:block;background:transparent;border:1px solid var(--line);border-radius:30px;padding:7px 15px;font-size:14px}nav{display:none;position:absolute;left:0;right:0;top:74px;background:#fffdf9;padding:25px;z-index:30;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{order:0;padding:38px 25px;width:100%;max-width:none}.hero-photo{position:static;order:1;height:310px;object-position:right;width:100%;object-fit:cover}.hero h1{font-size:49px;letter-spacing:-1.4px}.hero .lead{font-size:21px;max-width:100%}.hero h3{font-size:28px}.hero .eyebrow{margin-bottom:22px}.byline{font-size:14px}.actions .button{font-size:16px}.wrap{padding:48px 25px}.dark .wrap{padding:45px 25px}.dark h2{font-size:40px}.benefits{grid-template-columns:1fr;gap:28px;margin-top:30px}.benefits>div{border-right:0;border-bottom:1px solid #52606a;padding:0 0 25px}.benefit-num{font-size:28px;margin-bottom:8px}.split{grid-template-columns:1fr;gap:38px}.sample-paper{padding:30px;transform:none}.lead{font-size:21px}.preview-list{grid-template-columns:1fr;gap:0;margin:25px 0}.preview-list h3{margin-bottom:10px}.preview-list span{margin-bottom:12px}.preview-list p{margin-bottom:0}.closing h2{font-size:35px}footer{padding:35px 25px;gap:20px}.meta{gap:13px;flex-wrap:wrap}.meta span+span{padding-left:13px}.chapter-feature{grid-template-columns:1fr;gap:30px}.chapter-feature img{height:260px}.chapter-intro h1{font-size:50px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2{font-size:35px}.search,input[type=search]{width:100%}.chapter-row{grid-template-columns:42px 1fr;gap:17px;padding:24px 0}.chapter-row .row-end{grid-column:2;text-align:left}.chapter-row h3{font-size:27px}.chapter-row .number{font-size:33px}.chapter-row p{font-size:16px}.row-end .open-label{margin-top:8px}.reader{display:block}.reader-sidebar{display:none}.reader-main{padding:22px 20px 40px}.reader-toolbar{align-items:flex-start;font-size:12px}.reader-toolbar>div{display:flex;gap:5px}.quiet{padding:6px 10px;font-size:11px;margin:0}.reader-title{padding-top:30px}.reader-title h1{font-size:44px}.reader-title .eyebrow{font-size:10px;letter-spacing:1.5px}.reader-title .eyebrow:before{display:none}.work-paper{padding:25px 22px;min-height:0}.work-paper h2{font-size:34px}.work-paper p{font-size:17px;line-height:1.75}.reader-controls .button{font-size:13px;padding:10px 15px}.reader-controls>span{font-size:13px}.reading-note{padding:10px 5px}.reading-note h3{font-size:27px}.reading-note p{font-size:15px}.reader-disclaimer{font-size:12px!important}dialog{padding:30px}dialog h2{font-size:37px}}
@media print{header,footer,.reader-sidebar,.reader-toolbar,.reading-note,.reader-controls,.reader-disclaimer,.toast,.skip,dialog{display:none!important}.reader,.reader-main,.reading-layout{display:block;padding:0}.work-paper{box-shadow:none;border:0;min-height:0}.reader-title{padding:0}textarea{min-height:130px!important}.button{display:none}}

/* ── Kiegészítések a valódi tartalomhoz ─────────────────────────────────────
   A kapott design három mintalapot tartalmazott. A könyvben ezeken kívül
   van példa-doboz, kiemelés, kép és felolvasás. Ezek a szabályok csak
   hozzáadnak, a fentieket nem írják felül. */
.pelda{background:#f4f1e8;border:1px solid #e2ded3;border-radius:6px;padding:26px 30px 6px;margin:30px 0}
.pelda .pelda-fej{display:block;font:600 11px/1.5 var(--sans);letter-spacing:1.8px;
  text-transform:uppercase;color:#85601c;margin-bottom:16px}
.work-paper .pelda p{font-size:17px}
.kiemeles{font-size:16px;padding:18px 20px;border-left:3px solid var(--gold);background:#eeeade;margin:28px 0}
.work-paper .kiemeles{color:#43515b}
.jegyzet-sor{font-style:italic;font-family:var(--serif);font-size:17px;color:#697164;margin:26px 0}
.portre{margin:0 0 24px;width:min(260px,70%)}
.portre img{display:block;width:100%;height:auto;border-radius:6px}
@media(min-width:760px){.portre{float:right;width:290px;margin:4px 0 22px 34px}}
.hang{display:inline-flex;align-items:center;gap:9px;background:transparent;border:1px solid var(--line);
  border-radius:40px;padding:9px 18px;font-size:14px;color:var(--ink);margin-bottom:26px}
.hang:hover{background:#f0ede5}
.hang b{color:#a58238;font-size:15px;line-height:1}
.lapcsik{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0 0;max-width:760px}
.lapcsik button{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);
  background:transparent;font-size:11px;color:var(--muted);padding:0}
.lapcsik button[aria-current]{background:var(--gold);border-color:var(--gold);color:var(--ink);font-weight:700}
.lapcsik button:hover{background:#f0ede5}
.bemut-lap{max-width:860px}
.bemut-lap h2{margin-top:46px}
.bemut-lap h2:first-of-type{margin-top:0}
@media print{.lapcsik{display:none!important}}
/* Személyes fejezetválasztó */
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dashboard-intro{display:flex;justify-content:space-between;gap:35px;text-align:left;align-items:center;padding-bottom:38px}.dashboard-intro h1{font-size:62px}.dashboard-intro .lead{font-size:21px;margin:0;max-width:600px}.dashboard-intro .eyebrow{margin-bottom:16px}.dashboard-meta{background:#eee9dd;border-radius:16px;padding:24px;max-width:255px;flex-shrink:0}.dashboard-meta strong{display:block;font:36px var(--serif);margin-bottom:8px}.dashboard-meta span{font-size:15px;color:var(--muted)}
#continue-panel{display:grid;grid-template-columns:1fr 280px;overflow:hidden;border-radius:22px;background:var(--navy);color:white;min-height:285px}.continue-copy{padding:38px 42px}.continue-copy .eyebrow{color:#f3ca65;margin-bottom:16px}.continue-copy h2{font-size:42px;margin-bottom:14px}.continue-copy p{color:#dce6e8;max-width:520px;font-size:18px}.continue-art{position:relative;display:grid;place-content:center;background:#284653;overflow:hidden;text-align:center}.continue-art span{font:110px var(--serif);z-index:1;color:#f3ca65}.continue-art b{font:18px var(--serif);z-index:1}.continue-art i{position:absolute;width:280px;height:280px;border:1px solid #ffffff40;border-radius:50%;top:25px;left:30px;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff06}
.journey-summary{display:flex;align-items:center;flex-wrap:wrap;gap:22px;padding:25px 0 12px;font-size:16px}.journey-summary strong{font-size:23px;color:var(--ink);margin-right:5px}.journey-summary .text-link,.signed-in{margin-left:auto;font-size:15px}.journey-summary button{background:none;border:0;border-bottom:1px solid #a98539;color:var(--ink)}.local-note{font-size:14px;margin:0;color:#596572}.chapters-section .section-heading{margin-top:32px}.chapters-section .eyebrow{margin-bottom:12px}.chapter-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.chapter-filters button{padding:10px 18px;border:1px solid #d7d9d6;border-radius:30px;background:white;color:#384956;font-size:16px;min-height:44px}.chapter-filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}.chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.chapter-card{border:1px solid #d9dfdb;border-radius:18px;background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s}.chapter-card:hover{box-shadow:0 10px 30px #182a3814}.chapter-art{position:relative;display:flex;justify-content:space-between;align-items:center;height:140px;padding:24px;background:var(--tint,#e3eae1);overflow:hidden;color:var(--accent,#385642)}.art-label{font:24px var(--serif);z-index:1;max-width:145px}.art-number{font:54px var(--serif);z-index:1}.art-shape{position:absolute;width:180px;height:180px;right:-25px;top:15px;border:1px solid currentColor;border-radius:50%;opacity:.22;box-shadow:0 0 0 20px #ffffff70,0 0 0 40px #ffffff30}.theme-1{--tint:#e0ebdf;--accent:#355641}.theme-2{--tint:#f3e3d4;--accent:#784529}.theme-3{--tint:#dce8f1;--accent:#355a79}.theme-4{--tint:#e6dff0;--accent:#625076}.theme-5{--tint:#f2dfe2;--accent:#80444f}.theme-6{--tint:#e8e8d4;--accent:#5b5e2e}.theme-7{--tint:#dcebe6;--accent:#32655a}.theme-8{--tint:#f3e8c7;--accent:#72591f}.theme-9{--tint:#e2e7f1;--accent:#48577e}
.chapter-card-body{padding:25px;display:flex;flex-direction:column;flex:1}.state-label{align-self:flex-start;display:inline-block;border-radius:20px;background:#f1f2f0;color:#465665;font:600 13px var(--sans);padding:6px 11px;margin-bottom:20px}.state-active{border:2px solid #47728a}.state-active .state-label{background:#e1edf5;color:#28536e}.state-done .state-label{background:#e2efe4;color:#305c39}.chapter-card h3{font-size:30px;line-height:1.15;margin-bottom:10px}.chapter-card h3 a:hover{text-decoration:underline}.chapter-card p{font-size:17px;margin-bottom:16px}.chapter-card .chapter-time{font-size:14px}.chapter-card .tiny{font-size:14px}.card-bottom{margin-top:auto;padding-top:18px}.access-label{display:block;font-size:15px;margin-bottom:12px}.card-bottom .button{width:100%;min-height:48px}.reading-progress{height:5px;background:#e8ecec;border-radius:5px;overflow:hidden;margin:3px 0 12px}.reading-progress span{height:100%;display:block;background:#47728a}.state-done .reading-progress span{background:#47734d}.package-offer{margin-top:48px;border-radius:20px;background:#eee6cf;padding:36px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}.package-offer h2{font-size:36px}.package-offer p{max-width:620px;margin-bottom:12px;font-size:18px}.package-price{display:block;font:42px var(--serif);margin-bottom:20px}.empty-state{padding:30px;background:#f0ede5;border-radius:12px}.remember{display:flex;gap:10px;align-items:flex-start;margin:20px 0;font-size:17px}.remember input{margin-top:7px;accent-color:var(--navy);width:18px;height:18px}.chapter-finish{margin-top:35px;background:#e6ede5;border-radius:16px;padding:30px}.chapter-finish h2{font-size:32px}.next-topic{border-top:1px solid #bbc9bd;margin-top:28px;padding-top:25px}.chapter-finish .button{margin-bottom:10px}.reader-toolbar>span a{text-decoration:underline}.button:focus-visible,.chapter-filters button:focus-visible{outline:3px solid #2e6588;outline-offset:4px}
@media(max-width:1050px){.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-meta{display:none}}
@media(max-width:760px){.dashboard-intro h1{font-size:45px}.dashboard-intro .lead{font-size:19px}.dashboard-intro{padding-bottom:28px}#continue-panel{grid-template-columns:1fr}.continue-copy{padding:28px 24px}.continue-copy h2{font-size:34px}.continue-art{display:none}.journey-summary{gap:12px 20px}.journey-summary .text-link,.signed-in{margin-left:0;width:100%;text-align:left}.chapter-grid{grid-template-columns:1fr}.chapter-art{height:115px}.chapter-card-body{padding:24px}.chapter-filters{gap:8px}.chapter-filters button{font-size:14px;padding:10px 14px}.package-offer{grid-template-columns:1fr;padding:26px;gap:15px}.package-offer h2{font-size:32px}.chapter-finish{padding:24px}.chapter-finish .button{width:100%}.local-note{font-size:14px}.chapters-section .section-heading{align-items:flex-start}.chapter-card .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chapter-card,.button{transition:none}}
.card-labels{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.ownership-label{font-size:13px;font-weight:600;color:#3b5748;white-space:nowrap}

/* ── vélemények ─────────────────────────────────────────────────────────────
   A nyitóoldalon a jóváhagyott vélemények, a velemeny.html-en az írásuk.
   Szándékosan visszafogott: a munkafüzet a főszereplő, nem a dicséret. */
.velemenyek{padding-top:25px}
.velemeny-lista{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin:40px 0 30px}
.velemeny{margin:0;padding:28px 30px;background:#fffdf9;border:1px solid #e4dfd4;border-radius:6px}
.velemeny blockquote{margin:0}
.velemeny blockquote p{font:italic 19px/1.6 var(--serif);color:#43515b;margin:0 0 20px}
.velemeny figcaption{display:flex;flex-direction:column;gap:7px;
  border-top:1px solid var(--line);padding-top:16px}
.velemeny-nev{font-weight:600;font-size:16px}
.csillagok{letter-spacing:3px;font-size:15px}
.csillag{color:#ddd6c4}
.csillag.tele{color:#c8a03c}
.velemeny-lab{font-size:15px;max-width:720px}

/* Az írás oldala: a csillagok billentyűzettel is használható gombok. */
.csillag-valaszto{border:0;padding:0;margin:0 0 24px}
.csillag-valaszto legend{font-weight:600;font-size:16px;padding:0;margin-bottom:10px}
.csillag-gomb{background:transparent;border:0;padding:4px 6px;font-size:34px;
  line-height:1;color:#ddd6c4;transition:color .15s}
.csillag-gomb.tele{color:#c8a03c}
.csillag-gomb:hover{color:#b89240}
#velemeny-urlap label{display:block;font-weight:600;font-size:16px;margin-bottom:9px}
#velemeny-urlap input[type=text],#velemeny-urlap textarea{display:block;width:100%;
  background:#fffdf9;border:1px solid #d5d2c9;border-radius:4px;padding:14px;
  margin-bottom:22px;line-height:1.6;color:var(--ink)}
#velemeny-urlap input[type=text]:focus,#velemeny-urlap textarea:focus{
  border-color:#b89240;outline:2px solid #f0d58e}
#velemeny-urlap textarea{resize:vertical;min-height:140px}
.hiba{color:#8a2222}

@media(max-width:1150px){.velemeny-lista{grid-template-columns:repeat(2,1fr);gap:26px}}
@media(max-width:760px){.velemeny-lista{grid-template-columns:1fr;gap:20px;margin:28px 0 22px}
  .velemeny{padding:22px}.velemeny blockquote p{font-size:18px}}
