/* A quieter finish: one personality per context; no floating helper or autoplay. */
html[data-calm="true"] *,html[data-calm="true"] *::before,html[data-calm="true"] *::after{animation:none!important}
html{scrollbar-gutter:stable}
.r-empty-mascot{display:block;width:120px!important;height:120px!important;object-fit:contain;margin:0 auto 8px;image-rendering:pixelated}
.g-tip img{width:72px;height:72px;object-fit:contain;flex:none;image-rendering:pixelated}
.g-modal-shoola{object-fit:contain;height:100px!important;width:100px!important;image-rendering:pixelated}
.g-shoola-mini img{object-fit:contain;image-rendering:pixelated}
.c-pixel-img{object-fit:contain}
.r-draft-spark{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);font-weight:700;font-size:13px}
.r-draft-spark img{width:64px;height:64px;flex:none}
.r-draft-spark + .c-draft-title{font-size:19px}
.pose-button span{font-size:10px!important;line-height:1.6;color:var(--muted-strong)}
.lab-wordmark>span{font-size:7px;letter-spacing:.07em}
.lab-angle{font-family:inherit;letter-spacing:0;font-size:10px}
#lab-angle{color:var(--muted-strong)}
#shoola .shoola-copy>p:not(.eyebrow){font-size:14px}
#main-nav a,.c-help-filter,.g-filter,.c-choice{min-height:40px}
#main-nav a{display:inline-flex;align-items:center}
.c-help-search button,.g-search-clear{min-width:40px;min-height:40px}
:focus-visible{outline:3px solid var(--gold)!important;outline-offset:4px}
#c-page-title:focus,#g-detail-title:focus{outline:none!important}
@media(max-width:760px){
 #main-nav a{min-height:44px}
 .pose-button{min-width:0;min-height:82px}
 .pose-button span{font-size:9px!important}
 .g-tip{gap:12px}
 .c-help-mascot{max-width:160px}
 .c-help-mascot img{width:150px;height:150px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;transition:none!important}
}
/* Readable no-JavaScript entry on each real route in the publishable build. */
.r-nojs{max-width:760px;margin:64px auto;padding:28px;font-family:system-ui,sans-serif;line-height:1.8}
.r-nojs h1{font:700 38px/1.4 system-ui,sans-serif}
.r-nojs nav{display:flex;gap:16px;flex-wrap:wrap}

.r-contact-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.r-contact-heading>img{width:64px;height:64px;flex:none}.r-contact-heading h2{margin:0}.r-contact-heading h2,.r-contact-heading span{font-size:20px}