.nb-wrap{max-width:760px;margin:0 auto;padding-block:28px 48px}.nb{--line: 30px;--rule: #c9daf2;--margin: #f2a2a8;--ring: 34px;position:relative;margin-left:calc(var(--ring) - 8px);padding:26px 26px 34px 48px;background-color:#fefefe;background-image:linear-gradient(90deg,transparent 22px,var(--margin) 22px,var(--margin) 24px,transparent 24px),repeating-linear-gradient(transparent 0,transparent calc(var(--line) - 1px),var(--rule) calc(var(--line) - 1px),var(--rule) var(--line));background-position:0 0,0 18px;border:2px solid #d9dce1;border-radius:6px 14px 14px 6px;box-shadow:0 1px #fff inset,4px 6px #26282b1f,10px 16px 28px #26282b1f;font-family:var(--talk);color:#1d2b6b;line-height:var(--line)}.nb:before{content:"";position:absolute;top:14px;bottom:14px;left:calc(-1 * var(--ring) + 4px);width:calc(var(--ring) + 14px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 30'%3E%3Cellipse cx='39' cy='15' rx='4.2' ry='4.2' fill='%23d4d7dc'/%3E%3Ccircle cx='39' cy='15' r='3' fill='%2326282b' opacity='.75'/%3E%3Cpath d='M39 14 C30 4 10 4 5 11 C2 16 8 20 14 18' fill='none' stroke='%2326282b' stroke-width='3.4' stroke-linecap='round'/%3E%3Cpath d='M38 13 C30 6 12 6 7 11' fill='none' stroke='%239aa1aa' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 30px;background-repeat:repeat-y;pointer-events:none}.nb h1,.nb h2{font-family:var(--marker);font-weight:400;color:#18204d;letter-spacing:.5px;text-transform:uppercase;margin:0}.nb h1{font-size:clamp(30px,7vw,42px);line-height:calc(var(--line) * 2);display:flex;align-items:center;gap:10px}.nb h2{font-size:22px;line-height:var(--line);margin-top:var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.nb h1 .mk,.nb h2 .mk{flex:none}.mk{--hlc: #fff23a;padding:0 8px;margin-left:-6px;background:linear-gradient(100deg,transparent 0 2%,var(--hlc) 3% 96%,transparent 98%);background-size:100% 62%;background-position:0 72%;background-repeat:no-repeat;border-radius:3px 10px 4px 12px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.mk.blue{--hlc: #8fe6ff}.mk.green{--hlc: #a6f58c}.mk.pink{--hlc: #ffb3e3}.mk.orange{--hlc: #ffc98a}.mk.lilac{--hlc: #d5c2ff}.nb p,.nb li{margin:0;font-size:18px}.nb p+p{margin-top:0}.nb ul{margin:0;padding-left:22px}.nb li::marker{color:#18204d}.nb b{color:#18204d}.nb a{color:#18204d;text-decoration-thickness:2px;text-underline-offset:3px}.doodle{width:30px;height:30px;flex:none;color:#18204d}.nb .back{margin-top:var(--line);font-family:var(--hand);font-size:21px}.nb .bulb{position:absolute;right:18px;bottom:14px;width:40px;height:40px}@media(max-width:560px){.nb{--ring: 22px;padding:18px 14px 30px 30px;background-image:linear-gradient(90deg,transparent 14px,var(--margin) 14px,var(--margin) 16px,transparent 16px),repeating-linear-gradient(transparent 0,transparent calc(var(--line) - 1px),var(--rule) calc(var(--line) - 1px),var(--rule) var(--line))}.nb:before{background-size:100% 30px;width:calc(var(--ring) + 10px)}.nb p,.nb li{font-size:17px}.nb h2{font-size:20px}.nb .bulb{display:none}}