.article{--tint:color-mix(in srgb,var(--c) 22%,var(--card));--note:#fff1b8;flex-direction:column;gap:46px;max-width:1000px;margin:0 auto;padding:30px 20px 10px;display:flex}:root[data-theme=dark] .article{--note:#3b3420}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .article{--note:#3b3420}}.article p{font-size:17px;font-weight:600;line-height:1.65}.article a{text-underline-offset:3px;text-decoration:underline 2px;text-decoration-color:var(--c)}.a-intro{grid-template-columns:1.5fr 1fr;gap:28px;padding:30px;display:grid;position:relative;overflow:hidden}.a-intro:before{content:"";background:repeating-linear-gradient(90deg,var(--c) 0 28px,color-mix(in srgb,var(--c) 55%,#fff) 28px 56px);height:10px;position:absolute;inset:0 0 auto}.a-pill{background:var(--c);color:#1d1630;font-family:var(--display);border:2px solid var(--border);border-radius:999px;margin-top:6px;padding:5px 14px;font-size:15px;font-weight:600;display:inline-block;transform:rotate(-2deg)}.a-intro h2{font-family:var(--display);margin:14px 0 12px;font-size:clamp(26px,3.4vw,36px);font-weight:700;line-height:1.1}.a-intro p+p{margin-top:12px}.a-facts{grid-template-columns:1fr 1fr;align-content:center;gap:14px;list-style:none;display:grid}.a-facts li{background:var(--tint);border:2.5px solid var(--border);box-shadow:3px 3px 0 var(--shadow);border-radius:18px;flex-direction:column;gap:2px;padding:16px;transition:transform .2s cubic-bezier(.3,1.6,.5,1);display:flex}.a-facts li:nth-child(odd){transform:rotate(-1.5deg)}.a-facts li:nth-child(2n){transform:rotate(1.5deg)}.a-facts li:hover{transform:rotate(0)scale(1.05)}.a-facts i{font-size:28px;font-style:normal;line-height:1}.a-facts span{color:var(--muted);margin-top:6px;font-size:13px}.a-facts b{font-family:var(--display);font-size:20px;font-weight:600;line-height:1.15}.a-h{font-family:var(--display);align-items:center;gap:12px;margin-bottom:18px;font-size:clamp(26px,3.4vw,34px);font-weight:700;display:flex}.a-h i{background:var(--c);border:2.5px solid var(--border);width:50px;height:50px;box-shadow:3px 3px 0 var(--shadow);border-radius:15px;place-items:center;font-size:25px;font-style:normal;display:grid;transform:rotate(-6deg)}.a-sub{color:var(--muted);margin:-8px 0 16px}.a-steps{grid-template-columns:repeat(var(--cols,4),1fr);gap:22px 16px;list-style:none;display:grid}.a-steps li{padding:44px 18px 18px;transition:transform .2s cubic-bezier(.3,1.6,.5,1);position:relative}.a-steps li:hover{transform:translateY(-4px)rotate(-1deg)}.a-steps b{width:46px;height:46px;font-family:var(--display);background:var(--c);color:#1d1630;border:2.5px solid var(--border);box-shadow:2px 2px 0 var(--shadow);border-radius:50%;place-items:center;font-size:22px;font-weight:700;display:grid;position:absolute;top:-16px;left:16px}.a-steps p{font-size:16px;line-height:1.5}.a-tips{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;list-style:none;display:grid}.a-tips li{background:var(--note);border:2.5px solid var(--border);box-shadow:4px 4px 0 var(--shadow);border-radius:4px 4px 22px;padding:22px 20px 20px;position:relative}.a-tips li:nth-child(4n+1){transform:rotate(-1.5deg)}.a-tips li:nth-child(4n+2){transform:rotate(1deg)}.a-tips li:nth-child(4n+3){transform:rotate(-.5deg)}.a-tips li:nth-child(4n){transform:rotate(1.5deg)}.a-tips li:before{content:"";background:color-mix(in srgb,var(--c) 70%,transparent);border-radius:3px;width:70px;height:22px;margin-left:-35px;position:absolute;top:-12px;left:50%;transform:rotate(-3deg)}.a-tips span{font-family:var(--display);color:var(--muted);font-size:14px;font-weight:600}.a-tips p{margin-top:4px;font-size:16px;line-height:1.5}.a-faq{flex-direction:column;gap:12px;display:flex}.a-faq details{border-radius:18px;padding:0;overflow:hidden}.a-faq summary{cursor:pointer;font-family:var(--display);align-items:center;gap:14px;padding:16px 18px;font-size:19px;font-weight:600;list-style:none;display:flex}.a-faq summary::-webkit-details-marker{display:none}.a-faq summary:after{content:"+";background:var(--c);color:#1d1630;border:2px solid var(--border);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;margin-left:auto;font-size:22px;line-height:1;transition:transform .25s cubic-bezier(.3,1.6,.5,1);display:grid}.a-faq details[open] summary:after{transform:rotate(135deg)}.a-faq details[open] summary{background:var(--tint)}.a-faq details p{padding:4px 18px 18px;font-size:16px}.a-faq details[open] p{padding-top:14px}@media (width<=760px){.a-intro{grid-template-columns:1fr;padding:24px 20px}.a-steps{grid-template-columns:1fr 1fr}}@media (width<=560px){.article{gap:34px;padding:20px 16px 6px}.article p{font-size:16px;line-height:1.6}.a-intro{gap:18px;padding:22px 16px 18px}.a-facts{gap:10px}.a-facts li{padding:12px}.a-facts b{font-size:17px}.a-h{gap:10px;margin-bottom:14px;font-size:24px}.a-h i{border-radius:12px;width:40px;height:40px;font-size:20px}.a-steps{grid-template-columns:1fr;gap:10px}.a-steps li{align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.a-steps li:hover{transform:none}.a-steps b{flex:none;width:34px;height:34px;font-size:17px;position:static}.a-steps p{font-size:15px}.a-tips{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin:0 -16px;padding:14px 16px 10px;display:flex;overflow-x:auto}.a-tips::-webkit-scrollbar{display:none}.a-tips li{scroll-snap-align:center;flex:0 0 78%}.a-tips li:nth-child(n){transform:none}.a-faq summary{padding:14px;font-size:17px}.a-faq details p{padding:4px 14px 14px;font-size:15px}}