/* Shared Super Funday page rhythm */
:root{--sf-content:880px;--sf-wide:1320px;--sf-section-gap:clamp(30px,5vw,58px);--sf-radius:24px;--sf-lilac:#eee6fa;--sf-cream:#fffaf2;--sf-yellow:#fff0c6;--sf-line:#29125120}
body{line-height:1.6}
main article,main.article-page{max-width:var(--sf-content)}
main article>h1{max-width:19ch;margin-bottom:12px;font-size:clamp(2.25rem,5vw,3.45rem);line-height:1.08}
main article>p:first-of-type{font-size:1.08rem;line-height:1.6}
main article>h2{margin:var(--sf-section-gap) 0 14px;padding-top:8px}
main article>p,main article>ul,main article>ol{max-width:74ch}
main article>figure{margin:26px 0 34px;padding:12px;background:#f1eafa;border-radius:var(--sf-radius)}
main article>figure img{display:block;width:100%;max-height:500px;object-fit:contain;object-position:center;border-radius:18px;background:#fffaf2}
main article>figure figcaption{padding:8px 8px 2px;font-size:.9rem;color:#59476f}
main article>.quick,main article>section.quick{padding:clamp(20px,3vw,30px);border-radius:var(--sf-radius);margin:var(--sf-section-gap) 0;background:var(--sf-lilac)}
main article>section[aria-label="Related reading"]{margin-top:var(--sf-section-gap);padding-top:22px;border-top:1px solid var(--sf-line)}
.article-contents{margin:24px 0 34px;padding:18px 20px;background:#eaf7ff;border-radius:20px}
.article-contents strong{display:block;margin-bottom:8px}
.article-contents ul{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding-left:20px}
.article-contents a{font-weight:700;text-decoration-thickness:1px}
.section,.how-section,.app-screens-section{scroll-margin-top:20px}
@media(max-width:640px){main article>h1{font-size:clamp(2rem,9vw,2.7rem)}main article>figure{padding:8px;margin:22px 0}main article>figure img{max-height:390px}.article-contents ul{display:block}.article-contents li{margin:6px 0}}