/* =========================================================
   Going Public — adult edition (nuvochurch.org/baptism/guide)
   Loads after /kids/baptism/styles.css and restyles the same screens
   in the Nuvo Church brand: warm ivory, charcoal, forest green,
   Red Hat Display / Red Hat Text / Instrument Serif, soft rounded cards.
   ========================================================= */
:root{
  --ivory:#F4F0E7; --cream:#E8E1D4; --charcoal:#252723; --forest:#416B50; --forest-d:#345841; --sage:#A7B9A1;
  --stone:#B9B2A5; --white:#FBF9F4; --ink-soft:#4A4C46; --muted:#77746B; --hair:rgba(37,39,35,.14);
  --ink:var(--charcoal); --paper:var(--white);
  --line:1px solid var(--hair); --pop:none; --pop-sm:none; --radius:12px;
  --head:"Red Hat Display", system-ui, -apple-system, "Segoe UI", sans-serif;
  --body:"Red Hat Text", system-ui, -apple-system, "Segoe UI", sans-serif;
  --serif:"Instrument Serif", Georgia, "Times New Roman", serif;
  --shadow:0 1px 2px rgba(37,39,35,.05), 0 12px 32px -12px rgba(37,39,35,.18);
}
body.adult{background:var(--ivory);background-image:none;color:var(--charcoal);font-family:var(--body);font-weight:400;font-size:18px;line-height:1.6}
.adult :focus-visible{outline:3px solid var(--forest);outline-offset:3px;border-radius:10px}
.adult .bg-shapes{display:none}

/* ---------- type ---------- */
.adult h1,.adult h2,.adult h3{font-family:var(--head);font-weight:800;letter-spacing:-.025em;line-height:1.02;text-transform:none}
.adult .outline-text{color:inherit;-webkit-text-stroke:0;text-shadow:none}

/* ---------- header ---------- */
.adult .topbar{max-width:1180px}
.adult .logo{height:26px;width:auto}
.adult .logo-link:hover .logo{transform:none;opacity:.8}
.adult .progress-pill{background:var(--white);border:var(--line);border-radius:8px;box-shadow:none;color:var(--charcoal);font-family:var(--head);font-weight:700;font-size:14px;padding:8px 14px}
.adult .progress-pill .dot{width:9px;height:9px;border:0;background:var(--cream)}
.adult .progress-pill .dot.on{background:var(--forest)}

.adult main{max-width:1180px}
.adult .view{animation:aIn .5s cubic-bezier(.22,.8,.2,1)}
@keyframes aIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---------- buttons ---------- */
.adult .btn{font-family:var(--head);font-weight:700;font-size:17px;letter-spacing:0;text-transform:none;background:var(--forest);color:#fff;border:0;border-radius:8px;
  box-shadow:none;padding:15px 26px;transition:background .2s,color .2s,transform .2s}
.adult .btn:hover{background:var(--forest-d);transform:translateY(-1px);box-shadow:none}
.adult .btn:active{transform:none;box-shadow:none}
.adult .btn.green,.adult .btn.red,.adult .btn.purple{background:var(--forest);color:#fff}
.adult .btn.green:hover,.adult .btn.red:hover,.adult .btn.purple:hover{background:var(--forest-d)}
.adult .btn.white{background:transparent;color:var(--charcoal);box-shadow:inset 0 0 0 1.5px var(--charcoal)}
.adult .btn.white:hover{background:var(--charcoal);color:var(--ivory)}
.adult .btn.small{font-size:15px;padding:10px 18px;border-radius:8px}
.adult .btn[disabled]{background:var(--cream);color:var(--muted);box-shadow:none}
.adult .linkish{color:var(--forest);font-weight:600}

/* ---------- HOME ---------- */
.adult .hero{grid-template-columns:1.15fr .85fr;gap:clamp(24px,5vw,72px);margin:16px 0 70px;align-items:center}
.adult .hero .kicker{background:transparent;color:var(--forest);border:0;box-shadow:none;transform:none;border-radius:0;padding:0;
  font-family:var(--head);font-weight:800;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
.adult .hero h1{font-size:clamp(64px,10vw,124px);line-height:.9;text-transform:uppercase;margin:16px 0 18px;transform:none;color:var(--charcoal);letter-spacing:-.045em;font-weight:900}
.adult .hero h1 span{display:block}
.adult .hero h1 .l2{color:var(--forest);margin:0}
.adult .hero .sub{font-size:clamp(19px,1.9vw,22px);font-weight:400;max-width:36ch;color:var(--ink-soft);line-height:1.5}
.adult .hero .sub em{font-style:normal;font-weight:700;color:var(--charcoal)}
.adult .hero .grade{color:var(--muted);font-size:14px;font-weight:600;letter-spacing:0}
.adult .hero-art{aspect-ratio:4/5;max-width:440px}
.a-photo{position:absolute;inset:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--cream)}
.a-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.adult .hero-art .bubble{font-family:var(--head);font-weight:800;font-size:15px;line-height:1;border:0;border-radius:6px;background:var(--white);color:var(--charcoal);letter-spacing:.01em;
  box-shadow:0 10px 24px -8px rgba(37,39,35,.35);padding:11px 16px;animation:none;z-index:2;transform:none}
.adult .hero-art .q1{top:7%;left:-7%}
.adult .hero-art .q3{top:46%;left:-10%;background:var(--forest);color:#fff}
.adult .hero-art .q2{bottom:8%;right:-6%;background:var(--charcoal);color:#fff}

.adult .hello{background:var(--white);border:var(--line);border-radius:var(--radius);box-shadow:none}

.adult .section-title{border-top:1px solid var(--hair);padding-top:22px;margin-bottom:26px}
.adult .section-title h2{font-size:clamp(36px,5vw,56px)}
.adult .section-title p{color:var(--muted);font-weight:400}
.adult .meter .bar{height:8px;border:0;border-radius:99px;background:var(--cream);box-shadow:none}
.adult .meter .fill{background:var(--forest);border:0;border-radius:99px}
.adult .meter .label{font-size:13px;font-weight:600;color:var(--muted)}

.adult .chapters{gap:20px;grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}
.adult .ch-card,.adult .ch-card:nth-child(odd),.adult .ch-card:nth-child(even){background:var(--white);color:var(--charcoal);border:0;border-radius:var(--radius);box-shadow:var(--shadow);transform:none;overflow:hidden}
.adult .ch-card:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(37,39,35,.06),0 22px 40px -16px rgba(37,39,35,.28)}
.adult .ch-link{border-radius:var(--radius)}
.adult .ch-top{height:210px;border:0;align-items:flex-end;padding:0 18px 16px;background:linear-gradient(180deg,rgba(37,39,35,0) 45%,rgba(37,39,35,.6)),var(--img) center 30%/cover}
.adult .ch-top::after{display:none}
.adult .ch-num{font-family:var(--head);font-weight:900;font-size:68px;line-height:.85;color:#fff;-webkit-text-stroke:0;text-shadow:0 2px 16px rgba(0,0,0,.3);letter-spacing:-.04em}
.adult .ch-num::before{content:"0"}
.adult .ch-icon{display:none}
.adult .ch-body .tag{color:var(--c);font-family:var(--head);font-weight:800;letter-spacing:.14em;font-size:12px;text-transform:uppercase}
.adult .ch-body h3{font-size:27px;margin:6px 0 6px;color:var(--charcoal)}
.adult .ch-body p{color:var(--ink-soft);font-size:16px;font-weight:400}
.adult .ch-status .chip{border:var(--line);border-radius:6px;background:transparent;color:var(--ink-soft);font-size:13px;font-weight:600;font-family:var(--head)}
.adult .ch-status .chip.progress{background:var(--cream);border-color:var(--cream);color:var(--charcoal)}
.adult .ch-status .chip.done{background:var(--forest);border-color:var(--forest);color:#fff}
.adult .stamp{width:auto;height:auto;top:14px;right:14px;background:var(--white);color:var(--forest);font-family:var(--head);font-weight:800;font-size:14px;
  border-radius:6px;padding:7px 12px;transform:none;animation:none;box-shadow:0 6px 16px -6px rgba(0,0,0,.35)}
.adult .ch-card.is-done .ch-top{filter:saturate(.5)}

/* chapter palette: [accent, text on accent, photo] */
.adult .c-purple{--c:#416B50;--cd:#345841;--ct:#fff;--img:url(img/ch-1.webp)}
.adult .c-red{--c:#8A4A30;--cd:#6F3A25;--ct:#fff;--img:url(img/ch-2.webp)}
.adult .c-green{--c:#34505F;--cd:#28404D;--ct:#fff;--img:url(img/ch-3.webp)}
.adult .c-orange{--c:#7A6630;--cd:#5F4F24;--ct:#fff;--img:url(img/ch-4.webp)}
.adult .c-blue{--c:#285E6A;--cd:#1F4B55;--ct:#fff;--img:url(img/ch-5.webp)}
.adult .c-yellow{--c:#4F5E43;--cd:#3E4A34;--ct:#fff;--img:url(img/ch-6.webp)}

.adult .next-card{background:var(--charcoal);color:var(--ivory);border:0;border-radius:var(--radius);box-shadow:none;padding:30px 32px}
.adult .next-card h3{font-size:clamp(30px,3.6vw,42px)}
.adult .next-card p{color:#CFCabf;font-weight:400}
.adult .next-card .lock{width:52px;height:52px;color:var(--sage)}
.adult .next-card.locked{background:var(--white);color:var(--charcoal);box-shadow:inset 0 0 0 1px var(--hair)}
.adult .next-card.locked p{color:var(--muted)}
.adult .next-card.locked .lock{color:var(--stone)}
.adult .next-card:not(.locked) .btn{background:var(--ivory);color:var(--charcoal);box-shadow:none}
.adult .next-card:not(.locked) .btn:hover{background:#fff}

/* ---------- light panels (intro, welcome, next step) ---------- */
.adult .paper{background:var(--white);color:var(--charcoal);border:0;border-radius:var(--radius);box-shadow:var(--shadow)}
.adult .paper h1{font-size:clamp(40px,6vw,64px);color:var(--charcoal)}

/* ---------- CHAPTER ---------- */
.adult .ch-hero{padding-top:clamp(80px,10vw,110px) !important;min-height:min(64vh,540px);display:flex;flex-direction:column;justify-content:flex-end;color:#fff;
  background:linear-gradient(180deg,rgba(37,39,35,.1) 25%,rgba(37,39,35,.78)),var(--img) center 30%/cover;
  border:0;border-radius:var(--radius);box-shadow:none;max-width:1180px;padding:clamp(22px,4.5vw,52px);overflow:hidden}
.adult .ch-hero::before{display:none}
.adult .ch-hero .back{position:absolute;top:clamp(16px,3vw,26px);left:clamp(16px,3vw,26px);background:rgba(251,249,244,.92);color:var(--charcoal);border:0;border-radius:6px;box-shadow:none;
  font-family:var(--head);font-weight:700;font-size:14px;padding:9px 14px}
.adult .ch-hero .label{font-family:var(--head);font-weight:800;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#fff;opacity:.9;background:none;padding:0}
.adult .ch-hero h1{font-size:clamp(48px,8vw,104px);line-height:.92;text-transform:uppercase;font-weight:900;color:#fff;-webkit-text-stroke:0;text-shadow:0 4px 30px rgba(0,0,0,.25);margin:12px 0 14px;max-width:14ch;letter-spacing:-.04em}
.adult .ch-hero .question{align-self:flex-start;background:none;color:#fff;border:0;border-radius:0;box-shadow:none;transform:none;padding:0;
  font-family:var(--head);font-weight:600;font-size:clamp(20px,2.4vw,26px);line-height:1.25;opacity:.92}
.adult .ch-hero .hero-icon{display:none}

.adult .reading{background:var(--white);color:var(--charcoal);max-width:820px;padding:clamp(26px,5.5vw,64px);border-radius:var(--radius);box-shadow:var(--shadow);
  font-size:19px;line-height:1.72;font-weight:400}
.adult .reading p{color:#34362F}
.adult .reading h2{display:block;background:none;color:var(--charcoal);border:0;border-radius:0;box-shadow:none;transform:none;
  font-size:clamp(28px,3.6vw,38px);padding:0;margin:52px 0 14px}
.adult .reading h2::before{content:"";display:block;width:40px;height:3px;border-radius:3px;background:var(--c);margin-bottom:18px}
.adult .reading .punch{font-family:var(--head);font-weight:800;font-size:clamp(24px,3vw,30px);line-height:1.22;letter-spacing:-.02em;
  color:var(--charcoal);background:none;border-left:5px solid var(--c);padding:2px 0 2px 18px;margin:30px 0 26px;text-transform:none}
.adult .verse{background:var(--forest);color:var(--ivory);border:0;border-radius:18px;box-shadow:none;padding:32px 30px 26px;margin:32px 0}
.adult .verse::before{content:"“";left:auto;right:22px;top:-6px;font-family:var(--serif);font-size:130px;color:rgba(255,255,255,.18);-webkit-text-stroke:0}
.adult .verse p{font-family:var(--serif);font-style:normal;font-weight:400;font-size:clamp(24px,2.8vw,30px);line-height:1.25;color:var(--ivory);letter-spacing:-.005em}
.adult .verse cite{background:none;color:var(--sage);border:0;border-radius:0;padding:0;margin-top:14px;font-family:var(--head);font-style:normal;font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.adult .prayer{background:var(--ivory);color:var(--charcoal);border:0;border-left:4px solid var(--forest);border-radius:0 16px 16px 0;transform:none;box-shadow:none;
  font-family:var(--serif);font-style:italic;font-weight:400;font-size:23px;line-height:1.45;padding:26px 26px 22px;margin:30px 0}
.adult .prayer::before{content:"A prayer you could pray";display:block;font-family:var(--head);font-style:normal;font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--forest);margin-bottom:10px}
.adult .checklist li{background:var(--ivory);border:0;border-radius:12px;font-weight:500;padding-left:48px}
.adult .checklist li::before{background:var(--forest);color:#fff;border:0}

/* Your Turn */
.adult .turn{max-width:820px;margin-top:64px}
.adult .turn-head h2{text-transform:uppercase;font-weight:900;font-size:clamp(40px,6vw,64px);color:var(--charcoal);-webkit-text-stroke:0;text-shadow:none;transform:none}
.adult .turn-head .sub{font-family:var(--head);font-weight:700;font-size:18px;background:none;color:var(--forest);border:0;border-radius:0;transform:none;padding:0;box-shadow:none}
.adult .turn-intro{color:var(--ink-soft);font-weight:400}
.adult .qcard{background:var(--white);color:var(--charcoal);border:var(--line);border-radius:18px;box-shadow:none;padding:24px 24px 22px 80px}
.adult .qcard.answered{border-color:transparent;box-shadow:inset 0 0 0 1.5px var(--c)}
.adult .qnum{border:0;border-radius:8px;background:var(--ivory);color:var(--charcoal);font-family:var(--head);font-weight:800;font-size:18px;width:40px;height:40px}
.adult .qcard.answered .qnum{background:var(--c);color:#fff}
.adult .qcard.answered .qnum::after{border:2px solid var(--white);background:var(--forest);color:#fff}
.adult .qtext{font-family:var(--head);font-weight:700;font-size:19px;line-height:1.4}
.adult .qtext .opt{border:0;border-radius:99px;background:var(--ivory);color:var(--muted);font-size:12px;font-weight:600;padding:3px 9px}
.adult .hint{color:var(--muted);font-weight:400}
.adult input[type=text],.adult input[type=email],.adult input[type=tel],.adult textarea,.adult select{
  font-family:var(--body);font-weight:400;font-size:18px;color:var(--charcoal);background:var(--ivory);border:1px solid var(--hair);border-radius:12px;box-shadow:none}
.adult textarea{background-image:none}
.adult input:focus,.adult textarea:focus,.adult select:focus{background:#fff;border-color:var(--forest);box-shadow:0 0 0 3px rgba(65,107,80,.18)}
.adult .blank{background:var(--ivory) !important;border:1px solid var(--stone) !important;border-radius:10px !important;font-weight:600}
.adult .blank.correct{background:#E3ECDF !important;border-color:var(--forest) !important}
.adult .blank-wrap .tick{background:var(--forest);color:#fff;border:0}
.adult .tf button,.adult .choice button{background:var(--white);color:var(--charcoal);border:1px solid var(--stone);border-radius:14px;box-shadow:none;font-weight:500;font-family:var(--body)}
.adult .tf button{font-family:var(--head);font-weight:800;font-size:17px;letter-spacing:.06em;padding:12px 28px;border-radius:8px}
.adult .tf button:hover,.adult .choice button:hover{transform:none;border-color:var(--charcoal)}
.adult .tf button[aria-pressed=true]{background:var(--charcoal);color:#fff;border-color:var(--charcoal);transform:none}
.adult .choice button::before{border:1.5px solid var(--stone);border-radius:50%;background:#fff}
.adult .choice button[aria-pressed=true]{background:#EAF0E6;border-color:var(--forest);transform:none}
.adult .choice button[aria-pressed=true]::before{background:var(--forest);border-color:var(--forest);color:#fff}
.adult .feedback{border:0;border-radius:12px;font-weight:500}
.adult .feedback.good{background:#E3ECDF} .adult .feedback.think{background:#F3E6D9}
.adult .choice-note{color:var(--muted);font-weight:400}

.adult .bigidea{background:var(--charcoal);color:var(--ivory);border:0;border-radius:var(--radius);box-shadow:none;max-width:820px;padding:44px clamp(24px,4vw,44px) 38px}
.adult .bigidea .lbl{background:none;color:var(--sage);border:0;border-radius:0;rotate:0deg;transform:none;padding:0;font-family:var(--head);font-weight:800;font-size:13px;letter-spacing:.16em;text-transform:uppercase;box-shadow:none}
.adult .bigidea p{font-family:var(--head);font-weight:800;font-size:clamp(26px,3.4vw,36px);line-height:1.2;letter-spacing:-.02em;color:var(--ivory)}
.adult .finish .left{color:var(--muted);font-weight:400}

/* toast + celebration */
.adult .toast{background:var(--charcoal);color:var(--ivory);border-radius:8px;font-family:var(--head);font-weight:700;font-size:14px}
.adult .modal-wrap{background:rgba(37,39,35,.55);backdrop-filter:blur(4px)}
.adult .modal{background:var(--white);color:var(--charcoal);border:0;border-radius:var(--radius);box-shadow:0 30px 80px -20px rgba(0,0,0,.4)}
.adult .modal h2{color:var(--charcoal) !important;font-size:clamp(34px,6vw,48px)}
.adult .modal p{font-weight:400;color:var(--ink-soft)}
.adult .badge{width:96px;height:96px;margin:0 auto 14px;border-radius:12px;background:var(--b,var(--forest));display:grid;place-items:center}
.adult .badge span{font-family:var(--head);font-weight:900;font-size:52px;line-height:1;color:#fff}
.adult .success .badge{width:110px;height:110px}

/* ---------- forms ---------- */
.adult .field label{font-family:var(--head);font-weight:700}
.adult .field .help{color:var(--muted);font-weight:400}
.adult .summary{background:var(--ivory);border:0;border-radius:14px}
.adult .err{color:#A0402B;font-weight:600}
.adult .site-footer{color:var(--muted);font-size:14px}
.adult .site-footer a{color:var(--forest)}
.adult .site-footer b{color:var(--charcoal)}

/* ---------- welcome + secret picture ---------- */
.adult .gate h1{font-size:clamp(38px,6vw,58px)}
.adult .gate .gate-icon{width:auto;height:auto;margin:0 auto 14px;display:inline-block;background:none;color:var(--forest);
  font-family:var(--head);font-weight:800;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
.adult .gate .gate-icon::before{content:"Going Public · Nuvo Church"}
.adult .gate p{font-weight:400;color:var(--ink-soft)}
.adult .back-link{color:var(--forest);font-family:var(--head);font-weight:700;font-size:15px;text-decoration:none}
.adult .pics button{background:var(--white);border:1px solid var(--hair);border-radius:16px;box-shadow:none}
.adult .pics button:hover{transform:none;border-color:var(--charcoal)}
.adult .pics button[aria-checked="true"]{background:#EAF0E6;border-color:var(--forest);box-shadow:0 0 0 2px var(--forest);transform:none}
.adult .pic-l{color:var(--ink-soft);font-family:var(--head);font-weight:700;font-size:13px;white-space:nowrap}
@media (max-width:420px){.adult .pic-l{font-size:12px}}

/* ---------- build your baptism story ---------- */
.adult .story{background:var(--ivory);color:var(--charcoal);border:0;border-radius:var(--radius);box-shadow:none;padding:28px clamp(16px,3vw,30px)}
.adult .story-t{font-family:var(--head);font-weight:800;font-size:clamp(30px,4vw,42px);line-height:1.05;color:var(--charcoal)}
.adult .story-i{font-weight:400;color:var(--ink-soft)}
.adult .story-k{color:var(--forest);font-family:var(--head);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:12px}
.adult .story-frame{border:0;border-radius:16px;overflow:hidden}
.adult .story .qcard,.adult .story .qcard.answered{background:var(--white);padding:20px 18px 16px}
.adult .story .qnum{position:static;display:inline-grid;width:30px;height:30px;font-size:15px;margin-right:6px;vertical-align:-1px}
.adult .declare{background:var(--forest);color:#fff;border:0;border-radius:18px}
.adult .declare .story-k{color:var(--sage)}
.adult .declare-t{font-family:var(--head);font-weight:800;color:#fff;font-size:clamp(26px,3.2vw,34px);line-height:1.2;letter-spacing:-.02em}
.adult .declare .hint{color:rgba(255,255,255,.8)}
.adult .declare-c{color:#fff;font-family:var(--head);font-weight:700}
.adult .declare-c input{accent-color:var(--sage)}

/* ---------- small screens ---------- */
@media (max-width:820px){
  .adult .hero{grid-template-columns:1fr;align-items:start;margin-bottom:54px}
  .adult .hero-art{order:0;max-width:100%;aspect-ratio:5/4;margin-top:4px}
  .adult .hero-art .q1{left:12px} .adult .hero-art .q3{left:12px} .adult .hero-art .q2{right:12px}
  .adult .next-card{grid-template-columns:1fr;text-align:left}
  .adult .next-card .lock{margin:0}
}
@media (max-width:560px){
  .adult .logo{height:17px}
  .adult .progress-pill{padding:6px 10px;font-size:13px}
  .adult .hero h1{font-size:clamp(58px,18vw,84px)}
  .adult .ch-top{height:180px}
  .adult .ch-hero{min-height:58vh}
  .adult .qcard{padding:64px 16px 18px}
  .adult .qnum{left:16px;top:16px}
  .adult .verse{padding:26px 22px 22px}
  .adult .reading{margin:0 -6px;padding:28px 22px}
  .adult .story .qcard,.adult .story .qcard.answered{padding:16px 14px 14px}
}
.adult .hero .kicker{max-width:100%}

/* ---------- devotional chapters: closing prayer ---------- */
.adult .close-prayer{max-width:820px;margin:28px auto 0}
.adult .close-prayer .prayer{margin:0;background:var(--white);border-left-color:var(--c);box-shadow:var(--shadow);border-radius:0 12px 12px 0}
.adult .prayer.close::before{content:attr(data-label)}
.adult .prayer{border-radius:0 12px 12px 0}
.adult .bigidea{position:relative}
.adult .bigidea .lbl{position:static;display:block;margin:0 0 12px;transform:none;translate:none}
@media (max-width:820px){ .adult .hero-art .q3{top:auto;bottom:8%;left:12px} .adult .hero-art .q1{top:6%;left:12px} }

/* devotional chapters: questions to think about (nothing to fill in) */
.adult .reflect-list{list-style:none;counter-reset:r;margin:0;padding:0;display:grid;gap:12px}
.adult .reflect-list li{counter-increment:r;position:relative;background:var(--white);border:var(--line);border-radius:12px;padding:20px 22px 20px 72px;
  font-family:var(--head);font-weight:700;font-size:19px;line-height:1.4;color:var(--charcoal)}
.adult .reflect-list li::before{content:counter(r);position:absolute;left:20px;top:18px;width:36px;height:36px;border-radius:8px;display:grid;place-items:center;
  background:var(--c,var(--forest));color:#fff;font-weight:800;font-size:16px}
@media (max-width:560px){.adult .reflect-list li{padding:18px 16px 18px 64px;font-size:18px}.adult .reflect-list li::before{left:14px}}