:root{--ink:#241b20;--wine:#af6075;--wineDark:#8f465a;--rose:#f7e9ec;--lav:#f2edf6;--peach:#fff0e8;--paper:#fffdf9;--line:#eadeda;--muted:#776a6f;--mint:#edf6ef;--shadow:0 12px 28px rgba(91,57,69,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans KR",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3{font-family:"Playfair Display","Noto Serif KR",serif}.topbar{position:absolute;inset:0 0 auto;height:82px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;z-index:30;background:transparent}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brandMark{width:84px;height:60px;display:grid;place-items:center;flex:none}.brandMark svg{width:100%;height:100%;overflow:visible}.brandMark path{fill:none;stroke:var(--wine);stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.brandMark .logoLine{stroke-width:1.35}.brandMark .logoBloom,.brandMark .logoHeart{stroke-width:1.8}.brandWords{display:flex;flex-direction:column;gap:1px}.brandWords strong{font-size:18px;letter-spacing:5px;font-weight:600;color:var(--wineDark)}.brandWords small{font:600 12px "Noto Sans KR";letter-spacing:7px;color:#aa7b88}.topbar nav{display:flex;gap:36px;align-items:center;margin-left:auto;margin-right:40px}.topbar nav a,.navbtn{border:0;background:none;padding:7px 0;color:#30262b;text-decoration:none;font-size:13px;font-weight:500}.activeNav{border-bottom:2px solid var(--wine)!important}.actions{display:flex;align-items:center;gap:12px}.primary{border:0;border-radius:999px;background:linear-gradient(135deg,#b9657a,#9c4c62);color:#fff;padding:13px 22px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.small{padding:11px 22px;font-size:13px}.iconBtn,.profileBtn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(155,93,110,.18);background:rgba(255,253,249,.82);color:var(--wineDark);display:grid;place-items:center}.profileBtn{font-size:9px}.hero{position:relative;height:380px;overflow:hidden;background:#f6ede7}.heroImage{position:absolute;right:0;top:0;width:72%;height:100%;object-fit:cover;object-position:center 45%}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,#fff9f3 0%,#fff9f3 24%,rgba(255,249,243,.94) 31%,rgba(255,249,243,.5) 45%,rgba(255,249,243,0) 63%)}.heroContent{position:absolute;left:6.8vw;top:99px;z-index:3;width:370px}.heroKorean{font:400 43px/1.05 "Nanum Pen Script","Noto Serif KR",serif;color:#b87988;margin-bottom:18px}.heroContent p{margin:0 0 22px;font:500 24px/1.14 "Playfair Display","Noto Serif KR",serif;max-width:350px}.heroCta{padding:13px 29px}.groupsSection,.readingShelf{padding:22px 3.1vw 10px}.groupsSection{background:linear-gradient(180deg,#fffdfb,#fff9f7)}.readingShelf{background:#fffdfb;padding-top:12px}.sectionTitleRow{display:flex;align-items:center;justify-content:space-between;gap:20px}.sectionTitleRow h2{margin:0;font-size:30px}.textAction{border:0;background:none;color:#b36c7d;font-size:11px;font-weight:600}.groupTools{max-height:0;opacity:0;overflow:hidden;transition:.22s ease}.groupTools.open{max-height:160px;opacity:1;margin-top:12px}.focusChips{display:flex;gap:7px;flex-wrap:wrap;margin:4px 0 8px}.focusChip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:700;color:#655a5f}.focusChip.active{background:var(--wine);border-color:var(--wine);color:#fff}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:8px;margin-bottom:13px}.filters select,.searchbox{height:39px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 11px;color:var(--ink);font-size:10px}.searchbox{display:flex;align-items:center;gap:5px}.searchbox input{width:100%;border:0;outline:0;background:transparent}.groupGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.groupCard{background:linear-gradient(145deg,#fff7f7,#f9eef1);border:1px solid #eadde1;border-radius:15px;padding:12px;display:grid;grid-template-columns:105px 1fr;gap:13px;min-height:222px;position:relative;box-shadow:0 6px 17px rgba(88,48,63,.045)}.groupCard:nth-child(4n+2){background:linear-gradient(145deg,#f8f4fb,#f0eef7)}.groupCard:nth-child(4n+3){background:linear-gradient(145deg,#fff8ef,#fbf0e5)}.cover{width:105px;height:170px;border-radius:7px;overflow:hidden;position:relative;background:#eee4e1}.cover img{width:100%;height:100%;object-fit:cover;display:block}.coverFallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;color:#fff;background:linear-gradient(145deg,var(--accent),#4b3540);font:600 12px "Playfair Display",serif}.saveBtn{position:absolute;right:6px;top:6px;width:27px;height:27px;border:0;border-radius:50%;background:#fffdfbe8;color:var(--wine);z-index:2}.saveBtn.saved{background:var(--wine);color:#fff}.cardBody{min-width:0;display:flex;flex-direction:column}.cardTop{display:flex;gap:6px;align-items:flex-start;justify-content:space-between}.cardBody h3{font-size:17px;line-height:1.08;margin:5px 0 4px}.bookTitle{font-size:11px;color:var(--wineDark);font-weight:700;margin:0}.koreanTitle{font:600 10px "Noto Serif KR";color:#986071;margin-top:2px}.badge{position:absolute;left:62px;top:147px;background:var(--mint);color:#4f7767;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:800;z-index:3}.fullBadge{background:#f1e8eb;color:#886875}.meta{display:grid;gap:4px;margin:13px 0 8px;font-size:10px;color:#776c70}.styleChip{align-self:flex-start;background:#f8eadf;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:700;color:#725f57}.membersRow{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px}.memberDots{display:flex}.memberDots span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#f0dce3;border:2px solid white;margin-left:-5px;font-size:7px;font-weight:800}.memberDots span:first-child{margin-left:0}.cardActions{display:flex;gap:5px}.buyBtn,.joinBtn{border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800;text-decoration:none}.buyBtn{background:#fff;border:1px solid #dbcac2;color:var(--wineDark)}.joinBtn{border:0;background:var(--wine);color:#fff}.waitBtn{background:#89727a}.shelf{display:flex;gap:12px;overflow-x:auto;padding:14px 2px 7px;scrollbar-width:none}.shelf::-webkit-scrollbar{display:none}.shelfBook{min-width:108px}.shelfBook img,.shelfFallback{width:108px;height:153px;border-radius:6px;object-fit:cover;box-shadow:0 9px 18px rgba(60,40,48,.11)}.shelfFallback{display:grid;place-items:center;text-align:center;padding:9px;background:linear-gradient(145deg,#b66b7f,#705064);color:white;font:600 11px "Playfair Display",serif}.startBar{margin:12px 2.7vw 13px;padding:19px 28px;border:1px solid #eadce0;border-radius:14px;background:linear-gradient(90deg,#fff0f3,#f3edf7);display:flex;align-items:center;justify-content:space-between;gap:20px}.startBar div{display:flex;align-items:center;gap:28px}.startBar strong{font:600 27px "Playfair Display",serif;color:var(--wineDark)}.startBar span{font-size:11px;color:#6f6267}footer{padding:15px 3.2vw 19px;display:flex;align-items:center;justify-content:space-between}.footerBrand .brandMark{width:58px;height:43px}.footerBrand .brandWords strong{font-size:10px;letter-spacing:3px}.footerBrand .brandWords small{font-size:8px;letter-spacing:3px}.footerLinks{display:flex;gap:18px}.footerLinks a{color:var(--muted);font-size:10px;text-decoration:none}.modal{position:fixed;inset:0;background:#2d2227d9;z-index:60;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modalCard{position:relative;background:var(--paper);width:min(650px,96vw);max-height:90vh;overflow:auto;border-radius:20px;padding:31px;box-shadow:0 28px 80px #0004}.modalCard h2{font-size:34px;margin:8px 0 18px}.close{position:absolute;right:15px;top:11px;border:0;background:none;font-size:26px;color:#8b777f}.modalCard label{display:grid;gap:6px;font-size:10px;font-weight:700;margin:11px 0}.modalCard input,.modalCard select,.modalCard textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;background:#fff}.modalCard textarea{min-height:80px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.full{width:100%;margin-top:8px}.mini{max-width:420px}.muted{color:var(--muted);font-size:11px}.promptPrice{text-align:center;margin:14px 0}.promptPrice b{font:700 44px "Playfair Display",serif;color:var(--wine)}.promptPrice span{font-size:11px;color:var(--muted)}.quizResult,.matchResult{border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:9px}.bookPreviewCard{max-width:760px}.previewTop{display:grid;grid-template-columns:145px 1fr;gap:24px;align-items:start}.previewCover{width:145px;height:218px;border-radius:9px;overflow:hidden;background:#eee4e1;box-shadow:0 12px 25px rgba(70,43,53,.13)}.previewCover img{width:100%;height:100%;object-fit:cover}.previewCover .coverFallback{font-size:16px}.previewTitle h2{margin:3px 0 3px;font-size:31px}.previewKorean{font:600 14px "Noto Serif KR";color:#a45d72;margin-bottom:8px}.previewGenre{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.previewGenre span{background:#f7edf1;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:700;color:#7b5662}.previewBlurb{font-size:13px;line-height:1.65;color:#665a5f}.previewMeta{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.previewMeta div{background:#fff7f4;border:1px solid #eee1dd;border-radius:11px;padding:11px}.previewMeta small{display:block;color:var(--muted);font-size:8px;margin-bottom:3px}.previewMeta b{font-size:11px}.amazonRow{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:15px 0}.amazonRating{display:flex;align-items:center;gap:7px}.stars{color:#e59b42;letter-spacing:1px}.amazonLink{color:var(--wine);font-size:10px;font-weight:700;text-decoration:none}.previewGroup{background:#f8f2f5;border-radius:13px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.previewGroupInfo b{display:block;font-family:"Playfair Display",serif;font-size:17px}.previewGroupInfo span{font-size:10px;color:var(--muted)}.previewJoin{display:flex;gap:8px;align-items:center}.roomCard{max-width:840px}.roomHeader{display:flex;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid var(--line)}.roomTools{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.roomTools button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px;font-size:9px;font-weight:700}.roomGrid{display:grid;grid-template-columns:1fr .75fr;gap:12px}.chat{background:#fff6f5;border-radius:12px;padding:12px;height:250px;overflow:auto}.msg{background:#fff;padding:8px 10px;border-radius:9px;margin:6px 0;font-size:10px;max-width:82%}.msg.me{margin-left:auto;background:#f2e3e9}.msg b{display:block;color:var(--wine);font-size:8px}.chatSend{display:flex;gap:6px;margin-top:8px}.chatSend input{flex:1}.groupSidebar{border:1px solid var(--line);border-radius:12px;padding:14px}.seatGroup{display:none}.roomProgress input{width:100%}.quickList{font-size:10px;line-height:1.6;color:var(--muted)}.toast{position:fixed;right:20px;bottom:20px;background:#2c2025;color:#fff;padding:11px 16px;border-radius:10px;font-size:11px;opacity:0;transform:translateY(8px);transition:.2s;z-index:80}.toast.show{opacity:1;transform:none}@media(max-width:1080px){.topbar nav{display:none}.groupGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.topbar{height:72px;padding:0 15px}.brandMark{width:58px}.brandWords strong{font-size:13px;letter-spacing:3px}.brandWords small{font-size:9px;letter-spacing:4px}.iconBtn{display:none}.hero{height:500px}.heroImage{width:100%;object-position:63% center}.heroShade{background:linear-gradient(90deg,rgba(255,249,243,.97),rgba(255,249,243,.76) 58%,rgba(255,249,243,.13))}.heroContent{left:22px;top:112px;width:280px}.heroKorean{font-size:36px}.heroContent p{font-size:20px}.groupsSection,.readingShelf{padding-left:20px;padding-right:20px}.sectionTitleRow h2{font-size:27px}.groupGrid{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.groupCard{grid-template-columns:105px 1fr}.startBar{margin:10px 20px 16px;align-items:flex-start;flex-direction:column}.startBar div{align-items:flex-start;flex-direction:column;gap:3px}.previewTop{grid-template-columns:105px 1fr}.previewCover{width:105px;height:158px}.previewMeta{grid-template-columns:1fr 1fr}.previewGroup{align-items:flex-start;flex-direction:column}.two,.roomGrid{grid-template-columns:1fr}footer{padding:16px 20px;flex-direction:column;align-items:flex-start;gap:10px}}
/* Homepage polish */
.quizBanner{margin:18px 2.7vw 8px;padding:28px 30px;border:1px solid #eadce2;border-radius:18px;background:linear-gradient(135deg,#fff4f5 0%,#f8edf3 55%,#fff6ee 100%);display:grid;grid-template-columns:1.15fr .9fr .75fr;gap:26px;align-items:center;position:relative;overflow:hidden}
.quizBanner:after{content:"책";position:absolute;right:28%;top:-26px;font:700 130px "Noto Serif KR",serif;color:#a95e7410;pointer-events:none}
.quizEyebrow,.spotLabel{font-size:9px;letter-spacing:1.8px;font-weight:800;color:var(--wine)}
.quizCopy h2,.koreanSpotlight h2,.groupRoomTeaser h2,.membershipHome h2{margin:5px 0 8px;font-size:31px}
.quizCopy p,.groupRoomIntro p,.membershipHome p{margin:0 0 16px;color:var(--muted);font-size:11px;line-height:1.6}
.quizBooks{height:150px;display:flex;align-items:center;justify-content:center;position:relative}
.quizBook{width:82px;height:125px;border-radius:5px;box-shadow:0 10px 20px rgba(68,45,53,.12);display:grid;place-items:center;text-align:center;padding:8px;color:white;font:700 11px "Playfair Display",serif;position:absolute}
.qb1{left:8%;background:#5d879c;transform:rotate(-8deg)}
.qb2{left:31%;background:#c9776f;transform:rotate(-2deg);z-index:2}
.qb3{left:54%;background:#e8d5bd;color:#614e42;transform:rotate(5deg);z-index:3}
.qb4{left:75%;background:#bea9a2;color:#4c3b3f;transform:rotate(9deg)}
.quizNotes{display:grid;gap:9px}
.quizNotes span{background:#ffffffb8;border:1px solid #eadde1;border-radius:10px;padding:10px 12px;font-size:10px;font-weight:700;color:#66575d}
.koreanSpotlight{padding:28px 3.1vw 12px;background:#fffaf7}
.koreanSpotlight .sectionTitleRow{align-items:end}
.spotlightGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.spotlightGrid article{border:1px solid #eadeda;border-radius:14px;padding:16px;background:#fff;display:grid;gap:4px}
.spotlightGrid article:nth-child(2){background:#fbf1f5}.spotlightGrid article:nth-child(3){background:#f3f0f8}.spotlightGrid article:nth-child(4){background:#fff3ec}
.spotlightGrid b{font:600 18px "Noto Serif KR",serif;color:var(--wineDark)}
.spotlightGrid span{font:600 12px "Playfair Display",serif}
.spotlightGrid small{font-size:9px;color:var(--muted)}
.groupRoomTeaser{margin:18px 2.7vw;padding:28px 30px;border-radius:18px;background:linear-gradient(180deg,#fff8f5,#fff);border:1px solid #eadeda;display:grid;grid-template-columns:.6fr 1.4fr;gap:24px;align-items:center}
.roomPreviewBtn{padding:0}
.groupRoomMini{display:grid;grid-template-columns:1fr 1fr 1.15fr .85fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.groupRoomMini>div,.groupRoomMini>aside{padding:17px;border-right:1px solid var(--line);min-height:135px}
.groupRoomMini>div:last-child{border-right:0}
.groupRoomMini aside{background:linear-gradient(180deg,#ad5d76,#8e475d);color:#fff;display:flex;flex-direction:column;gap:6px}
.groupRoomMini aside strong{font:600 15px "Playfair Display",serif}.groupRoomMini aside span{font-size:9px;color:#f7e8ed}
.groupRoomMini small{font-size:8px;letter-spacing:1px;color:var(--wine);font-weight:800}
.miniCurrent{display:flex;flex-direction:column;gap:7px}.miniCurrent b{font-family:"Playfair Display",serif}.miniCurrent span{font-size:9px;color:var(--muted)}
.miniCurrent i{height:6px;background:#eee5e6;border-radius:999px;overflow:hidden}.miniCurrent em{display:block;width:46%;height:100%;background:var(--wine)}
.miniChat p{font-size:9px;padding:7px 8px;border-radius:8px;background:#f8f2f4;margin:6px 0}
.miniVote p{display:flex;justify-content:space-between;font-size:9px;padding:6px 0;border-bottom:1px solid var(--line)}
.membershipHome{margin:16px 2.7vw;padding:24px 28px;border:1px solid #eadce2;border-radius:16px;background:linear-gradient(90deg,#fff4f2,#f8eef4);display:flex;align-items:center;justify-content:space-between;gap:28px}
.membershipHome>div:first-child{max-width:470px}.membershipFeatures{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:10px}
.membershipFeatures strong{font:700 25px "Playfair Display",serif;color:var(--wineDark)}.membershipFeatures strong small{font:500 9px "DM Sans",sans-serif;color:var(--muted)}
.groupCard{transition:transform .18s ease,box-shadow .18s ease}.groupCard:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(88,48,63,.09)}
.shelfBook img{transition:transform .18s ease}.shelfBook:hover img{transform:translateY(-3px)}
@media(max-width:1000px){.quizBanner{grid-template-columns:1fr 1fr}.quizNotes{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.spotlightGrid{grid-template-columns:1fr 1fr}.groupRoomTeaser{grid-template-columns:1fr}.groupRoomMini{grid-template-columns:1fr 1fr}.membershipHome{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.quizBanner{margin:14px 20px;grid-template-columns:1fr;padding:24px}.quizBooks{height:140px}.quizNotes{grid-template-columns:1fr}.spotlightGrid{grid-template-columns:1fr 1fr}.groupRoomMini{grid-template-columns:1fr}.groupRoomMini>div,.groupRoomMini>aside{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.membershipHome{margin:14px 20px;padding:22px}.membershipFeatures{align-items:flex-start;flex-direction:column}.koreanSpotlight{padding:26px 20px}.groupRoomTeaser{margin:14px 20px;padding:22px}}

.wideReads{padding:28px 3.1vw 12px;background:linear-gradient(180deg,#fff,#fffaf6)}
.wideReadsGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin-top:15px}
.wideBook{border:1px solid var(--line);border-radius:14px;background:#fff;padding:10px;display:flex;flex-direction:column;min-width:0}
.wideBookCover{aspect-ratio:2/3;border-radius:8px;overflow:hidden;background:#efe5e2;margin-bottom:10px}
.wideBookCover img{width:100%;height:100%;object-fit:cover;display:block}
.wideBookFallback{width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:10px;background:linear-gradient(145deg,#a8687b,#685363);color:#fff;font:600 12px "Playfair Display",serif}
.wideBook h3{font-size:14px;line-height:1.15;margin:0 0 4px}
.wideBook p{font-size:9px;color:var(--muted);margin:0 0 10px;min-height:28px}
.wideBook button{margin-top:auto;border:0;background:#f8edf1;color:var(--wineDark);border-radius:999px;padding:7px 9px;font-size:9px;font-weight:800}
.wideBook:nth-child(2n){background:#fbf6fc}.wideBook:nth-child(3n){background:#fff7ef}
@media(max-width:1100px){.wideReadsGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.wideReads{padding:26px 20px}.wideReadsGrid{grid-template-columns:repeat(2,1fr)}}

/* Readability pass */
body{font-size:15px}
.topbar nav a,.navbtn{font-size:14px}
.brandWords strong{font-size:19px}.brandWords small{font-size:13px}
.heroContent p{font-size:25px}
.sectionTitleRow h2{font-size:32px}
.textAction{font-size:12px}
.focusChip{font-size:11px;padding:8px 12px}
.filters select,.searchbox{font-size:11px}
.cardBody h3{font-size:18px}
.bookTitle{font-size:12px}
.koreanTitle{font-size:11px}
.badge{font-size:9px}
.meta{font-size:11px;line-height:1.45}
.styleChip{font-size:9px}
.buyBtn,.joinBtn{font-size:10px;padding:8px 11px}
.memberDots span{font-size:8px}
.quizEyebrow,.spotLabel,.eyebrow{font-size:10px}
.quizCopy p,.groupRoomIntro p,.membershipHome p{font-size:12px}
.quizNotes span{font-size:11px}
.spotlightGrid small{font-size:10px}
.wideBook p{font-size:10px;line-height:1.4}
.wideBook button{font-size:10px}
.groupRoomMini small{font-size:9px}
.groupRoomMini aside span{font-size:10px}
.miniCurrent span{font-size:10px}
.miniChat p,.miniVote p{font-size:10px}
.membershipFeatures{font-size:11px}
.startBar span{font-size:12px}
.footerLinks a{font-size:11px}
.modalCard label{font-size:11px}
.muted{font-size:12px}
.previewGenre span{font-size:10px}
.previewBlurb{font-size:14px}
.previewMeta small{font-size:9px}
.previewMeta b{font-size:12px}
.amazonLink{font-size:11px}
.previewGroupInfo span{font-size:11px}
.quizResult,.matchResult{font-size:12px}
.roomTools button{font-size:10px}
.msg{font-size:11px}
.quickList{font-size:11px}
@media(max-width:720px){
  body{font-size:15px}
  .heroContent p{font-size:21px}
  .sectionTitleRow h2{font-size:29px}
  .meta{font-size:11px}
  .startBar span{font-size:12px}
}

/* Header legibility refinement */
.topbar{
  position:relative;
  height:78px;
  background:rgba(255,250,246,.97);
  border-bottom:1px solid rgba(178,104,125,.14);
  box-shadow:0 3px 18px rgba(73,45,54,.045);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.topbar nav a,.topbar .navbtn{
  color:#35272d;
  font-weight:600;
  text-shadow:none;
}
.topbar nav a:hover,.topbar .navbtn:hover{color:var(--wineDark)}
.activeNav{
  color:var(--wineDark)!important;
  border-bottom:2px solid var(--wine)!important;
}
.iconBtn,.profileBtn{
  background:#fff;
  border:1px solid #e8d8dc;
  box-shadow:0 2px 8px rgba(83,49,61,.05);
}
.primary.small{box-shadow:0 5px 13px rgba(143,70,90,.15)}
.hero{height:380px}
@media(max-width:720px){
  .topbar{position:relative;height:72px}
  .hero{height:480px}
}

/* Replace faux quiz books with crisp real covers */
.quizBook{display:none!important}
.quizBooks{height:174px;overflow:visible}
.quizCover{
  position:absolute;
  width:94px;
  height:146px;
  object-fit:cover;
  border-radius:5px;
  box-shadow:0 11px 22px rgba(68,45,53,.15);
  image-rendering:auto;
  backface-visibility:hidden;
}
.quizCover.qb1{left:5%;transform:rotate(-6deg)}
.quizCover.qb2{left:29%;transform:rotate(-1.5deg);z-index:2}
.quizCover.qb3{left:53%;transform:rotate(4deg);z-index:3}
.quizCover.qb4{left:77%;transform:rotate(7deg)}
@media(max-width:720px){
 .quizCover{width:82px;height:126px}
 .quizCover.qb1{left:2%}.quizCover.qb2{left:26%}.quizCover.qb3{left:50%}.quizCover.qb4{left:74%}
}

/* Separate quiz visually from hero */
.quizBanner{
  margin:28px 3.1vw 16px;
  padding:26px 30px;
  grid-template-columns:1.05fr .95fr .72fr;
  background:linear-gradient(135deg,#f7f1f8 0%,#fff7f1 100%);
  border-color:#e8dde5;
}
.quizBooks{order:1;height:176px}
.quizCopy{order:2;padding:4px 8px}
.quizNotes{order:3}
.quizCopy h2{font-size:34px;color:#3a2a31;margin:4px 0 8px}
.quizCopy p{max-width:420px}
.quizTextBtn{
  border:0;
  background:none;
  color:var(--wineDark);
  font-weight:800;
  padding:0;
  margin-top:3px;
  font-size:12px;
}
.quizTextBtn:hover{text-decoration:underline}
.quizNotes span{
  display:flex;
  align-items:center;
  gap:8px;
  background:rgba(255,255,255,.72);
}
.quizNotes b{
  color:var(--wine);
  font-size:10px;
}
.quizBanner:after{display:none}
@media(max-width:1000px){
  .quizBanner{grid-template-columns:1fr 1fr}
  .quizNotes{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
  .quizBanner{margin:22px 20px;grid-template-columns:1fr}
  .quizBooks{order:1}
  .quizCopy{order:2}
  .quizNotes{order:3}
}

/* Cleaner book discovery + connection + membership */
.bookDiscovery{padding:34px 3.1vw 22px;background:linear-gradient(180deg,#fffaf7,#fff)}
.discoveryHead{align-items:flex-end}
.discoveryTabs{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.discoveryTab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700;color:#6a5c62}
.discoveryTab.active,.discoveryTab:hover{background:var(--wine);border-color:var(--wine);color:#fff}
.discoveryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:17px}
.discoveryBook{border:1px solid var(--line);border-radius:14px;background:#fff;padding:11px;display:grid;grid-template-columns:78px 1fr;gap:12px;align-items:center;min-width:0}
.discoveryBook:nth-child(2n){background:#fbf4f7}
.discoveryBookCover{width:78px;height:116px;border-radius:7px;overflow:hidden;background:#eee4e1}
.discoveryBookCover img{width:100%;height:100%;object-fit:cover;display:block}
.discoveryBookFallback{width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:8px;background:linear-gradient(145deg,#a8687b,#685363);color:#fff;font:600 11px "Playfair Display",serif}
.discoveryBookText{min-width:0}.discoveryBook h3{font-size:15px;line-height:1.15;margin:0 0 5px}.discoveryBook p{font-size:10px;color:var(--muted);line-height:1.4;margin:0 0 9px}
.discoveryBook button{border:0;background:none;padding:0;color:var(--wine);font-size:10px;font-weight:800}
.connectSection{margin:20px 2.7vw;padding:31px;border:1px solid var(--line);border-radius:18px;background:#fff;display:grid;grid-template-columns:.72fr 1.28fr;gap:30px;align-items:start}
.connectIntro h2{font-size:33px;margin:6px 0 9px}.connectIntro p{font-size:12px;line-height:1.7;color:var(--muted);max-width:430px}
.connectGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.connectGrid article{border:1px solid var(--line);border-radius:14px;padding:17px;background:#fff9f7}
.connectGrid article:nth-child(2){background:#f7f3fb}.connectGrid article:nth-child(3){background:#fff6ee}
.connectIcon{font-size:22px;margin-bottom:10px}.connectGrid h3{font-size:17px;margin:0 0 7px}.connectGrid p{font-size:11px;line-height:1.55;color:var(--muted);margin:0 0 12px}.connectGrid span{font-size:9px;font-weight:800;color:var(--wine)}
.connectPreviewBtn{grid-column:2;justify-self:start;padding:0}
.detailedMembership{margin:22px 2.7vw;padding:31px 34px;display:grid;grid-template-columns:.72fr 1.28fr;gap:38px;align-items:start;background:linear-gradient(135deg,#fff4f1,#f9eff5)}
.membershipIntro h2{font-size:34px;margin:6px 0 9px}.membershipIntro p{font-size:12px;line-height:1.65;color:var(--muted);max-width:420px}
.membershipPrice{display:flex;align-items:baseline;gap:6px;margin:18px 0 13px}.membershipPrice strong{font:700 42px "Playfair Display",serif;color:var(--wineDark)}.membershipPrice span{font-size:11px;color:var(--muted)}
.membershipIntro small{display:block;margin-top:9px;color:var(--muted);font-size:10px}
.membershipDetails{border-left:1px solid #e5d7dc;padding-left:34px}.membershipDetails h3{font-size:21px;margin:2px 0 15px}
.membershipList{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.membershipList span{font-size:12px;line-height:1.35}.membershipList b{color:var(--wine);margin-right:5px}
.membershipNote{margin-top:19px;padding:12px 14px;background:#ffffffa3;border-radius:11px;display:flex;gap:7px;flex-wrap:wrap;font-size:11px}.membershipNote span{color:var(--muted)}
@media(max-width:1050px){.discoveryGrid{grid-template-columns:repeat(2,1fr)}.connectSection,.detailedMembership{grid-template-columns:1fr}.connectPreviewBtn{grid-column:1}.membershipDetails{border-left:0;border-top:1px solid #e5d7dc;padding-left:0;padding-top:24px}}
@media(max-width:720px){.bookDiscovery{padding:28px 20px}.discoveryHead{align-items:flex-start;flex-direction:column}.discoveryTabs{justify-content:flex-start}.discoveryGrid{grid-template-columns:1fr}.connectSection,.detailedMembership{margin:16px 20px;padding:23px}.connectGrid{grid-template-columns:1fr}.membershipList{grid-template-columns:1fr}}

/* Smoother section labels */
.spotLabel,.quizEyebrow,.eyebrow{
  font-size:12px!important;
  letter-spacing:.35px!important;
  text-transform:none!important;
  font-weight:700!important;
  line-height:1.35!important;
  color:#9b5167!important;
}
.discoveryHead .spotLabel,
.connectIntro .spotLabel,
.membershipIntro .spotLabel{
  display:block;
  margin-bottom:5px;
}
.discoveryHead h2,
.connectIntro h2,
.membershipIntro h2{
  margin-top:0!important;
}

/* Cleaner sign in control */
.signInPill{
  height:40px;
  border:1px solid #e4d3d9;
  background:#fffdfb;
  color:#4a3940;
  border-radius:999px;
  padding:0 14px 0 10px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:12px;
  font-weight:700;
  box-shadow:0 2px 8px rgba(83,49,61,.04);
}
.signInPill:hover{
  border-color:#cfaeb8;
  color:var(--wineDark);
  background:#fff8fa;
}
.userIcon{
  width:22px;
  height:22px;
  border:1.5px solid #b47a8b;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#b47a8b;
  font-size:0;
  position:relative;
}
.userIcon:before{
  content:"";
  width:6px;
  height:6px;
  border:1.5px solid currentColor;
  border-radius:50%;
  position:absolute;
  top:4px;
}
.userIcon:after{
  content:"";
  width:10px;
  height:5px;
  border:1.5px solid currentColor;
  border-bottom:0;
  border-radius:8px 8px 0 0;
  position:absolute;
  bottom:3px;
}
.profileBtn{display:none!important}
@media(max-width:720px){
  .signInPill{padding:0 10px}
  .signInPill span:last-child{display:none}
}

/* Clickable books + richer preview */
.shelfBookBtn{appearance:none;border:0;padding:0;background:transparent;cursor:pointer;text-align:inherit}
.shelfBookBtn:focus-visible,.discoveryBook button:focus-visible{outline:2px solid var(--wine);outline-offset:3px}
.shelfBookBtn img{cursor:pointer}
.previewAuthor{font-size:13px;color:#6d5a61;margin:-2px 0 11px;font-weight:600}
.bookFacts,.groupFacts{margin-top:12px}
.previewMeta.bookFacts{background:#fff8f5}
.previewMeta.groupFacts{background:#faf7fb}
.amazonLink{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dcc8ce;border-radius:999px;padding:10px 15px;font-weight:800;text-decoration:none}
.amazonLink:hover{border-color:var(--wine);background:#fff7f9}

/* Fix purchase row spacing */
.purchaseRow{
  align-items:center;
  gap:18px;
}
.purchaseCopy{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.purchaseCopy small{
  display:block;
  font-size:10px;
  line-height:1.2;
  color:var(--wine);
  font-weight:800;
  letter-spacing:.25px;
  text-transform:none;
}
.purchaseCopy b{
  display:block;
  font-size:15px;
  line-height:1.25;
  color:var(--ink);
  font-weight:700;
}

/* Quiz conversion funnel */
.heroButtons{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.heroQuizBtn{border:1px solid #d9bdc5;background:#fffafc;color:var(--wineDark);border-radius:999px;padding:13px 20px;font-weight:800}
.heroQuizBtn:hover{background:#fff2f6;border-color:#cda6b2}
.heroQuizNote{display:block;margin-top:10px;font-size:11px;color:#7c6970}
.quizLead{font-size:13px;line-height:1.55;color:var(--muted);margin:-6px 0 14px}
.quizBenefits{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}
.quizBenefits span{background:#f8edf1;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700;color:#7e5261}
.quizTeaser{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}
.quizTeaser h3,.fullMatches h3{font-size:22px;margin:6px 0 12px}
.teaserMatch{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;margin:12px 0 16px}
.teaserMatch>div{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff8f6}
.teaserMatch b,.teaserMatch span,.teaserMatch small{display:block}
.teaserMatch span{font:600 17px "Playfair Display",serif;margin:3px 0}
.teaserMatch small{font-size:10px;color:var(--muted)}
.teaserBlur{display:grid;place-items:center;color:#8a727b;background:linear-gradient(135deg,#f8eff3,#f3eef8)!important;font-weight:700;font-size:11px}
.emailUnlock{background:#f7eff3;border-radius:14px;padding:16px;margin-top:12px}
.emailUnlock h4{margin:0 0 5px;font-size:16px}.emailUnlock p{margin:0 0 10px;font-size:11px;color:var(--muted)}
.emailUnlockRow{display:flex;gap:8px}.emailUnlockRow input{flex:1;border:1px solid var(--line);border-radius:999px;padding:11px 14px;background:#fff}
.emailUnlock small{display:block;margin-top:8px;font-size:9px;color:#8b767e;line-height:1.45}
.fullMatches{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}
.quizResult{display:flex;align-items:center;justify-content:space-between;gap:12px}
.quizSavedNote{margin-top:10px;font-size:10px;color:var(--muted)}
@media(max-width:720px){.heroButtons{align-items:stretch;flex-direction:column}.heroQuizBtn,.heroCta{width:100%}.teaserMatch{grid-template-columns:1fr}.emailUnlockRow{flex-direction:column}}

/* Engaging multi-step quiz */
.engagingQuiz{max-width:720px;overflow:hidden}
.quizHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}
.quizProgressText{font-size:11px;font-weight:800;color:var(--muted)}
.quizProgress{height:6px;background:#f0e5e8;border-radius:999px;overflow:hidden;margin:10px 0 22px}
.quizProgress i{display:block;height:100%;width:12.5%;background:linear-gradient(90deg,var(--wine),#cf8298);border-radius:999px;transition:width .25s ease}
.engagingQuiz h2{margin-bottom:7px}
.quizStep{display:none}.quizStep.active{display:block}
.quizChoiceGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 8px}
.quizChoiceGrid.three{grid-template-columns:repeat(3,1fr)}
.quizChoiceGrid label{position:relative;cursor:pointer}
.quizChoiceGrid input{position:absolute;opacity:0;pointer-events:none}
.quizChoiceGrid label>span{display:flex;min-height:92px;flex-direction:column;justify-content:center;border:1px solid #e5d7dc;border-radius:14px;background:#fff;padding:14px 15px;font-size:13px;font-weight:800;color:#49383e;transition:.16s ease}
.quizChoiceGrid label>span small{font-size:10px;line-height:1.4;font-weight:500;color:#87747b;margin-top:5px}
.quizChoiceGrid label:hover>span{border-color:#cfacb8;background:#fff8fa}
.quizChoiceGrid label.selected>span,.quizChoiceGrid input:checked+span{border:2px solid var(--wine);background:#fbedf2;box-shadow:0 5px 16px rgba(152,75,98,.08)}
.quizNav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px}
.quizBack{border:0;background:none;color:#806a72;font-weight:700;padding:11px}
.quizNext,.quizSubmit{min-width:145px}.quizSubmit{display:none}
@media(max-width:720px){
 .engagingQuiz{padding:26px 20px!important}
 .quizChoiceGrid,.quizChoiceGrid.three{grid-template-columns:1fr 1fr}
 .quizChoiceGrid label>span{min-height:84px}
 .quizNav{position:sticky;bottom:-1px;background:linear-gradient(180deg,rgba(255,253,249,0),#fffdf9 24%);padding-top:20px;padding-bottom:2px}
}
@media(max-width:440px){
 .quizChoiceGrid,.quizChoiceGrid.three{grid-template-columns:1fr}
 .quizChoiceGrid label>span{min-height:68px}
}

/* Clean mobile hero and guaranteed quiz entry */
.mobileQuizHook{display:none}
@media(max-width:720px){
  .hero{
    position:relative!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    padding:0!important;
    background:#fff8f3!important;
  }
  .heroImage{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:72% center!important;
    opacity:.34!important;
  }
  .heroShade{
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(90deg,#fff9f5 0%,rgba(255,249,245,.95) 60%,rgba(255,249,245,.55) 100%)!important;
  }
  .heroContent{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    max-width:390px!important;
    margin:0!important;
    padding:52px 22px 44px!important;
  }
  .heroContent p{margin-bottom:20px!important}
  .heroButtons{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:16px!important;
  }
  .heroButtons .heroCta,
  .heroButtons .heroQuizBtn{
    display:flex!important;
    width:100%!important;
    min-height:48px!important;
    margin:0!important;
    align-items:center!important;
    justify-content:center!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .heroQuizBtn{background:#fff!important}
  .heroQuizNote{display:block!important;margin:9px 0 0!important;font-size:11px!important;line-height:1.4!important}
  .mobileQuizHook{
    display:flex;
    margin:12px 20px 4px;
    padding:15px 16px;
    border:1px solid #ead9df;
    border-radius:14px;
    background:linear-gradient(135deg,#fff5f7,#f7eef4);
    align-items:center;
    justify-content:space-between;
    gap:14px;
  }
  .mobileQuizHook div{display:grid;gap:3px}
  .mobileQuizHook strong{font-size:13px}
  .mobileQuizHook span{font-size:10px;line-height:1.4;color:var(--muted)}
  .mobileQuizHook button{border:0;background:none;color:var(--wineDark);font-size:11px;font-weight:800;white-space:nowrap}
}

/* Results get their own clean screen */
.engagingQuiz.resultsMode .quizHeader,
.engagingQuiz.resultsMode .quizProgress,
.engagingQuiz.resultsMode > h2,
.engagingQuiz.resultsMode > .quizLead,
.engagingQuiz.resultsMode #bookQuizForm{display:none!important}
.engagingQuiz.resultsMode{padding-top:34px}
.resultsScreen{margin-top:0!important;border-top:0!important;padding-top:0!important}
.resultsScreen h3{font-size:28px;line-height:1.15;margin:7px 0 8px}
.resultsIntro{font-size:12px;line-height:1.6;color:var(--muted);max-width:540px;margin:0 0 18px}
.teaserMatch{gap:14px;margin:16px 0 20px}
.teaserMatch>div{padding:16px}
.topMatchCard span{font-size:19px!important}
.emailUnlock{padding:20px;border-radius:16px;margin-top:0}
.emailUnlock h4{font-size:18px;margin-bottom:6px}
.emailUnlock p{font-size:12px;line-height:1.5}
.emailUnlockRow{margin-top:12px}
@media(max-width:720px){
  .engagingQuiz.resultsMode{padding:28px 20px!important}
  .resultsScreen h3{font-size:25px}
  .teaserMatch{grid-template-columns:1fr!important}
  .emailUnlockRow{display:grid!important;grid-template-columns:1fr!important}
  .emailUnlockRow input,.emailUnlockRow button{width:100%!important;min-height:46px}
}

/* Desktop hero CTA fix */
@media(min-width:721px){
  .hero{height:380px!important}
  .heroContent{
    top:58px!important;
    width:590px!important;
    max-width:590px!important;
  }
  .heroKorean{margin-bottom:14px!important}
  .heroContent p{margin-bottom:18px!important}
  .heroButtons{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:10px!important;
    margin-top:0!important;
  }
  .heroButtons .heroCta,
  .heroButtons .heroQuizBtn{
    width:auto!important;
    min-height:46px!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  .heroQuizNote{margin-top:9px!important}
}

/* Rich quiz recommendation card */
.featuredQuizBook{
  display:grid;
  grid-template-columns:122px 1fr;
  gap:20px;
  padding:18px;
  border:1px solid #ead9df;
  border-radius:17px;
  background:#fff9f7;
  margin:17px 0 12px;
}
.featuredQuizCover{
  width:122px;
  aspect-ratio:2/3;
  border-radius:9px;
  overflow:hidden;
  background:#eee6e5;
  box-shadow:0 7px 18px rgba(74,44,54,.09);
}
.featuredQuizCover img{width:100%;height:100%;object-fit:cover;display:block}
.featuredQuizInfo{min-width:0}
.featuredQuizTop{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:7px}
.matchPill,.groupPill{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  border-radius:999px;
  padding:0 9px;
  font-size:9.5px;
  font-weight:800;
}
.matchPill{background:#b55773;color:#fff}
.groupPill{background:#f2e8ed;color:#815263}
.featuredQuizInfo h4{
  margin:0;
  font:700 25px/1.15 "Playfair Display",serif;
  color:var(--ink);
}
.featuredAuthor{margin:4px 0 9px;font-size:12px;font-weight:600;color:#765f68}
.featuredFacts{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.featuredFacts span{
  background:#f7edf0;
  border-radius:999px;
  padding:5px 8px;
  font-size:9.5px;
  font-weight:700;
  color:#77525f;
}
.featuredBlurb{font-size:11.5px;line-height:1.6;color:#65555b;margin:0 0 11px}
.featuredGroup{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding-top:10px;
  border-top:1px solid #eadde1;
}
.featuredGroup b{font-size:10px;color:#573f48}
.featuredGroup span{font-size:10px;line-height:1.4;color:#846f77}
.moreMatchesTeaser{
  border:1px dashed #dfcbd2;
  border-radius:12px;
  padding:11px 14px;
  text-align:center;
  font-size:10.5px;
  font-weight:800;
  color:#8d6070;
  background:#faf5f8;
  margin-bottom:16px;
}
.richQuizResult{
  display:grid!important;
  grid-template-columns:46px 1fr auto;
  gap:11px!important;
  padding:11px 0;
  border-bottom:1px solid #eee3e6;
}
.richQuizCover{width:46px;height:68px;border-radius:5px;overflow:hidden;background:#eee}
.richQuizCover img{width:100%;height:100%;object-fit:cover}
.richQuizCopy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.richQuizCopy b{font:700 15px/1.2 "Playfair Display",serif}
.richQuizCopy span{font-size:10px;color:#6f5d64;margin-top:2px}
.richQuizCopy small{font-size:9px;color:#947e86;margin-top:3px}
.richQuizCopy em{font-size:9px;color:#8a5d6d;font-style:normal;margin-top:4px;font-weight:700}
@media(max-width:620px){
  .featuredQuizBook{grid-template-columns:88px 1fr;gap:14px;padding:14px}
  .featuredQuizCover{width:88px}
  .featuredQuizInfo h4{font-size:21px}
  .featuredFacts span{font-size:9px}
}

/* Improve quiz legibility */
.engagingQuiz .eyebrow{
  font-size:13px!important;
  line-height:1.3!important;
}
.engagingQuiz .quizProgressText{
  font-size:12px!important;
}
.engagingQuiz > h2{
  font-size:34px!important;
  line-height:1.12!important;
  margin-top:0!important;
}
.engagingQuiz .quizLead{
  font-size:14px!important;
  line-height:1.5!important;
}
.quizChoiceGrid label>span{
  font-size:15px!important;
  line-height:1.3!important;
  padding:16px 17px!important;
}
.quizChoiceGrid label>span small{
  font-size:12px!important;
  line-height:1.45!important;
  margin-top:6px!important;
}
.quizBack,
.quizNext,
.quizSubmit{
  font-size:14px!important;
}
@media(max-width:720px){
  .engagingQuiz > h2{
    font-size:30px!important;
  }
  .engagingQuiz .quizLead{
    font-size:13.5px!important;
  }
  .quizChoiceGrid label>span{
    font-size:14.5px!important;
  }
  .quizChoiceGrid label>span small{
    font-size:11.5px!important;
  }
}
