/* Original Daeyeon artwork; decoration stays clear of the reading and action areas. */
.brand .brand-lockup{width:252px;height:auto;max-height:74px;object-fit:contain}
.brand .brand-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.entry-gate{position:relative;background:radial-gradient(ellipse at 3% 8%,#e8f1e070,transparent 35%),radial-gradient(ellipse at 96% 65%,#e3ebf560,transparent 35%);padding-bottom:42px}
.entry-gate .entry-heading .eyebrow{display:inline-flex;align-items:center;gap:9px;color:#477354}
.entry-gate .entry-heading .eyebrow:before{content:"";width:10px;height:15px;border-radius:10px 0 10px 0;background:#75a97a;transform:rotate(-20deg)}
.entry-gate .choice{border:1px solid #d2e1cf;overflow:hidden;border-radius:22px;padding:32px;box-shadow:0 7px 0 #dfe7d966}
.entry-gate .choice.elem{background:linear-gradient(135deg,#eef6e8,#dcebd4)}
.entry-gate .choice.middle{background:linear-gradient(135deg,#193d61,#122d48);border-color:#294d71;box-shadow:0 7px 0 #dce4ec}
.entry-gate .choice-copy,.entry-gate .choice-art{position:relative;z-index:1}
.entry-gate .choice:before{content:"";position:absolute;width:270px;height:270px;right:-95px;top:-100px;border:1px solid #8cb68d45;border-radius:50%;box-shadow:0 0 0 24px #8cb68d12,0 0 0 60px #8cb68d0a;pointer-events:none}
.entry-gate .choice.middle:before{border-color:#9ebfe22b;box-shadow:0 0 0 24px #9ebfe20b,0 0 0 60px #9ebfe208}
.entry-gate .choice .choice-overline{font-size:10px;letter-spacing:.13em;line-height:1.6}
.entry-gate .choice .chips{gap:6px}
.entry-gate .choice .choice-art{min-height:230px;flex-direction:column;justify-content:center}
.entry-gate .choice .choice-art:before{content:"";position:absolute;inset:25px 0 15px;border-radius:50%;background:#f8fbef90;z-index:-1}
.entry-gate .choice.middle .choice-art:before{background:#43688c38}
.entry-gate .choice .choice-mascot{height:230px!important;max-width:225px;filter:drop-shadow(0 10px 0 #163c5010);transition:transform .25s ease}
.entry-gate .choice:hover .choice-mascot{transform:translateY(-5px) rotate(-2deg)}
.entry-gate .choice.middle:hover .choice-mascot{transform:translateY(-5px) rotate(2deg)}
.entry-gate .choice .pill{border-radius:9px}
.gate-student-link{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:18px;background:#fff;border-radius:15px;margin-top:25px;box-shadow:0 3px 0 #e8ece2}
.gate-student-art{width:62px;height:68px;object-fit:contain}
.overview-cards>a{display:grid;grid-template-columns:minmax(0,1fr) 106px;gap:13px;align-items:center;padding:24px;border-radius:18px;min-height:225px}
.overview-copy{min-width:0}
.overview-cards .overview-icon{display:none}
.overview-cards .overview-copy h3{font-size:23px;line-height:1.4;letter-spacing:-.045em}
.overview-cards .overview-copy p{line-height:1.8}
.overview-illustration{display:flex;align-items:center;justify-content:center;min-width:0}
.overview-illustration>img{display:block;width:100%;height:135px;object-fit:contain}
.overview-cards>a:nth-child(2){background:linear-gradient(155deg,#fff,#fbf8ee);border-color:#e9dfc5}
.overview-cards>a:nth-child(3){background:linear-gradient(155deg,#fff,#eff5e9)}
.middle-page .overview-cards>a{background:#fff;border-color:#dce4eb}
.student-strip{border-radius:17px}
.student-strip .student-strip-copy{flex:1;min-width:0}
.student-strip .strip-friend{width:80px;height:90px;object-fit:contain;flex:0 0 80px}
/* Use the transparent uniform character directly, without contact-sheet captions. */
.mascot-pose{display:block;flex-shrink:0;width:var(--pose-width,110px);max-width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.secondary-panel-art{display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:0;min-height:0;padding:0;box-shadow:none}
.secondary-panel-art .mascot-pose{--pose-width:142px}
.reading-gift{display:grid;grid-template-columns:95px minmax(0,1fr) auto;gap:22px;border-radius:18px;background:linear-gradient(120deg,#fbf6e5,#fffdf4);padding:20px 25px}
.reading-friend{display:flex;align-items:center;justify-content:center;min-width:0}
.reading-friend>img{width:95px;height:112px;object-fit:contain}
.reading-friend .mascot-pose{--pose-width:90px;border-radius:12px}
.middle-page .reading-gift{background:#f5f8fa;border-color:#dce4eb}
.reading-gift>div:not(.reading-friend){min-width:0}
.reading-gift button{margin-top:0}
.event-heading-brand{display:flex;gap:18px;align-items:center;min-width:0}
.event-heading-brand>div{min-width:0}
.event-heading-friend{display:flex;align-items:center;justify-content:center;flex:0 0 100px;min-width:0}
.event-heading-friend>img{display:block;width:100px;height:112px;object-fit:contain}
.event-heading-friend .mascot-pose{--pose-width:80px;border-radius:12px}
.mascot-story{border-radius:22px}
.mascot-story .mascot-art .character{object-fit:contain}
@media(min-width:901px){.entry-gate .choice .choice-copy{align-self:center}}
@media(max-width:1000px){.overview-cards>a{grid-template-columns:minmax(0,1fr) 85px;padding:21px;gap:9px}.overview-cards .overview-copy h3{font-size:21px}.overview-illustration>img{height:117px}.brand .brand-lockup{width:225px}.entry-gate .choice{padding:26px}.gate-student-link strong{font-size:12px}}
@media(max-width:700px){.overview-cards{grid-template-columns:1fr}.overview-cards>a{grid-template-columns:minmax(0,1fr) 110px;min-height:185px;padding:22px;gap:18px}.overview-illustration>img{height:130px}.overview-cards .overview-copy h3{font-size:23px}.reading-gift{grid-template-columns:75px minmax(0,1fr);padding:20px;gap:15px}.reading-gift .reading-friend>img{width:75px;height:100px}.reading-gift button{grid-column:2;justify-self:start;margin-top:0}.event-heading-friend{flex-basis:75px}.event-heading-friend>img{width:75px;height:90px}.event-heading-brand{gap:12px}}
@media(max-width:600px){.brand .brand-lockup{width:178px;max-height:60px}.entry-gate{padding-top:25px;padding-bottom:28px}.entry-gate .choice{padding:24px;border-radius:19px;min-height:275px;gap:12px}.entry-gate .choice .choice-overline{font-size:9px;letter-spacing:.08em}.entry-gate .choice .choice-art{min-height:190px}.entry-gate .choice .choice-mascot{height:190px!important;max-width:165px}.entry-gate .choice .choice-art:before{inset:25px -3px 18px}.gate-student-link{grid-template-columns:50px minmax(0,1fr);padding:17px;gap:7px 13px;align-items:center}.gate-student-art{grid-row:1/3;width:50px;height:65px}.gate-student-link strong{grid-column:2;font-size:12px}.gate-student-link b{font-size:14px}.gate-student-link small{font-size:11px}.student-strip{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:10px 14px}.student-strip .strip-friend{width:62px;height:85px;grid-row:1/3}.student-strip>.mascot-pose{--pose-width:62px;grid-row:1/3}.student-strip strong{grid-column:2;justify-self:start}.student-strip .student-strip-copy h3{font-size:19px}.secondary-study-panel .secondary-panel-art{min-height:0}.secondary-panel-art .mascot-pose{--pose-width:100px}}
@media(max-width:380px){.brand .brand-lockup{width:157px}.entry-gate .choice{padding:21px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.entry-gate .choice .choice-mascot{height:165px!important}.overview-cards>a{grid-template-columns:minmax(0,1fr) 86px;padding:19px;gap:12px}.overview-cards .overview-copy h3{font-size:21px}.overview-cards .overview-copy p{font-size:13px}.event-heading-friend{flex-basis:58px}.event-heading-friend>img{width:58px;height:80px}.reading-gift h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.entry-gate .choice .choice-mascot{transition:none}.entry-gate .choice:hover .choice-mascot{transform:none}}


/* 2026-10-16: supplied individual cutouts. Every illustration owns its layout cell. */
.section-mascot,.mascot-pose{display:block;max-width:100%;object-fit:contain;object-position:center;box-sizing:border-box}
.entry-gate .choice .choice-art{padding:10px 4px;min-width:0;isolation:isolate}
.entry-gate .choice .choice-mascot{display:block;object-fit:contain;object-position:center;padding:5px;box-sizing:border-box}
.entry-gate .choice .choice-copy{min-width:0}
.map-mascot-wrap{padding:8px 2px;box-sizing:border-box}
.map-mascot{display:block;padding:5px;box-sizing:border-box}
.overview-illustration{padding:6px;box-sizing:border-box;isolation:isolate}
.overview-illustration>img{object-position:center;padding:3px;box-sizing:border-box}
.secondary-panel-art{padding:6px;box-sizing:border-box}
.secondary-panel-art .mascot-pose{width:100%;height:170px;object-fit:contain}
.calendar-title-brand{display:flex;align-items:center;gap:18px;min-width:0}
.calendar-title-brand>div{min-width:0}
.calendar-title-friend{display:flex;flex:0 0 86px;justify-content:center;align-items:center;padding:4px;box-sizing:border-box}
.calendar-title-friend>img{display:block;width:78px;height:94px;max-width:100%;object-fit:contain}
.calendar-title-brand h2{overflow-wrap:anywhere}
section .consult-card{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:22px}
.consult-friend{display:flex;align-items:center;justify-content:center;min-width:0;padding:5px;box-sizing:border-box}
.consult-friend>img{display:block;width:90px;height:112px;max-width:100%;object-fit:contain}
.consult-copy{min-width:0}
section .consult-card h2{overflow-wrap:anywhere}
.monthly-check{grid-template-columns:145px minmax(0,1fr) 106px;align-items:center}
.monthly-check>div{min-width:0}
.monthly-check-art{display:flex;align-items:center;justify-content:center;padding:5px;box-sizing:border-box}
.monthly-check-art>img{display:block;width:96px;height:128px;max-width:100%;object-fit:contain}
.reading-friend{padding:4px;box-sizing:border-box}
.reading-friend>img{padding:3px;box-sizing:border-box;object-position:center}
.event-heading-friend{padding:4px;box-sizing:border-box}
.event-heading-friend>img{object-position:center;box-sizing:border-box}
.mascot-story .mascot-art{min-width:0;padding:8px;box-sizing:border-box}
.mascot-story .mascot-art .character{padding:6px;box-sizing:border-box;object-position:center}
@media(max-width:1000px){section .consult-card{grid-template-columns:80px minmax(0,1fr);gap:16px}.consult-friend>img{width:72px;height:96px}section .consult-card>button{grid-column:2;justify-self:start}.monthly-check{grid-template-columns:118px minmax(0,1fr) 84px;gap:18px;padding:24px}.monthly-check-art>img{width:74px;height:106px}}
@media(max-width:760px){.monthly-check{grid-template-columns:minmax(0,1fr) 90px;gap:10px 18px}.monthly-check>div:nth-child(2){grid-column:1/-1;grid-row:2}.monthly-check-art{grid-column:2;grid-row:1}.monthly-check-art>img{height:96px}.secondary-panel-art .mascot-pose{height:156px}.calendar-title-brand{gap:12px}.calendar-title-friend{flex-basis:72px}.calendar-title-friend>img{width:64px;height:84px}}
@media(max-width:640px){section .consult-card{grid-template-columns:66px minmax(0,1fr);gap:13px;padding:22px 18px}.consult-friend{padding:0}.consult-friend>img{width:66px;height:85px}section .consult-card>button{grid-column:1/-1;justify-self:start}.calendar-title-friend{flex-basis:58px;padding:2px}.calendar-title-friend>img{width:54px;height:72px}.calendar-title-brand{gap:10px}.calendar-title-brand h2{font-size:25px}.calendar-title-brand .eyebrow{font-size:9px;letter-spacing:.08em}.entry-gate .choice .choice-art{padding:10px 0}}
@media(max-width:380px){section .consult-card{grid-template-columns:52px minmax(0,1fr);gap:11px}.consult-friend>img{width:52px;height:74px}section .consult-card h2{font-size:20px}.calendar-title-friend{flex-basis:48px}.calendar-title-friend>img{width:44px;height:64px}.calendar-title-brand h2{font-size:23px}.monthly-check{padding:20px;gap:8px 12px}.secondary-panel-art .mascot-pose{height:132px}}