/* webdevtoolsbase shared base CSS: global layout, header/footer, typography, legal pages. Pass 4 removed exact duplicate extracted rules. */

@media (prefers-reduced-motion:reduce){.cursor{animation:none}*{scroll-behavior:auto !important;animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}}

.brand-note{display:block;margin:1rem 0 0;padding:.55rem .85rem;border:1px solid rgba(127,127,127,.25);border-radius:10px;background:rgba(127,127,127,.08);color:#566273;font-size:.8rem;line-height:1.5;max-width:66ch}

/* Pass 4 legal and footer safety */
html,body{max-width:100%;overflow-x:hidden}
.not-found .hero{max-width:980px;margin-left:auto;margin-right:auto;line-height:1.6}
.hero h1{overflow-wrap:anywhere}
main.container-narrow,.policy-page,.legal{max-width:980px;margin-left:auto;margin-right:auto;line-height:1.72;overflow-wrap:anywhere;word-break:normal}
main.container-narrow{width:100%;padding-left:1.25rem;padding-right:1.25rem}
.policy-page,.legal{padding-left:1.25rem;padding-right:1.25rem}
.policy-page h1,.legal h1{line-height:1.15}
.policy-page p,.policy-page li,.legal p,.legal li{line-height:1.72}
.tk-disclosure{max-width:980px;margin-left:auto;margin-right:auto;line-height:1.65;overflow-wrap:anywhere}
.tk-trademark{max-width:980px;margin:1rem auto 0;text-align:center;line-height:1.6;overflow-wrap:anywhere;word-break:normal}
@media (max-width:480px){main.container-narrow,.policy-page,.legal{padding-left:1rem;padding-right:1rem}.tk-trademark{font-size:.78rem}}
/* v9 contrast: secondary text >=4.5:1 on the light bg */
.hint,.lbl,.ctl span{color:#5F6675!important}
.iometa{color:#566173!important}
/* v9: keep the long brand H1 from breaking mid-word on small screens */
@media(max-width:560px){.hero h1{font-size:clamp(1.7rem,7.5vw,2.4rem);overflow-wrap:normal;word-break:normal}}