:root{
  --cream:#FFF8F0; --surface:#fff; --sunset:#FF6B4A; --sunset-dark:#E8512F; --teal-dark:#2BB9A4;
  --ink:#1A1F3D; --slate:#5B6280; --line:rgba(26,31,61,.10);
  --disp:'Fredoka',system-ui,sans-serif; --sans:'Inter',system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--sans);background:var(--cream);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--sunset-dark)}
.lwrap{width:min(92vw,760px);margin:0 auto}
header.lhead{padding:22px 0;border-bottom:1px solid var(--line)}
header.lhead .lwrap{display:flex;align-items:center;justify-content:space-between}
.llogo{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:600;font-size:22px;color:var(--ink);text-decoration:none}
.llogo img{width:34px;height:34px}
.lback{font-weight:600;font-size:14px;color:var(--sunset-dark);text-decoration:none}
main{padding:7vh 0 11vh}
.leyebrow{font-weight:700;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--sunset)}
h1.ltitle{font-family:var(--disp);font-weight:600;font-size:clamp(34px,6vw,56px);line-height:1.02;letter-spacing:-.02em;margin:12px 0 6px}
.lupdated{color:var(--slate);font-size:14px;margin-bottom:34px}
.lnote{background:rgba(255,107,74,.08);border:1px solid rgba(255,107,74,.25);border-radius:16px;padding:16px 20px;font-size:14px;color:#a13c22;margin-bottom:40px}
h2.lh{font-family:var(--disp);font-weight:600;font-size:24px;margin:36px 0 12px}
p{margin:0 0 15px;color:#33384f}
ul{margin:0 0 15px 20px;color:#33384f}
li{margin-bottom:7px}
.placeholder{color:var(--sunset-dark);font-weight:700}
.faq{border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin-bottom:14px;background:var(--surface)}
.faq h3{font-family:var(--disp);font-weight:600;font-size:18px;margin-bottom:6px}
.faq p{margin:0;font-size:15px;color:var(--slate)}
footer.lfoot{border-top:1px solid var(--line);padding:5vh 0;font-size:13px;color:var(--slate)}
footer.lfoot .lwrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer.lfoot nav{display:flex;gap:20px}
footer.lfoot a{text-decoration:none;color:var(--slate)}
footer.lfoot a:hover{color:var(--ink)}
