/* Shared affordances: links stay links; touch users see the same entry cues. */
a[href],button,summary,label.choice{cursor:pointer}
a[href]:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8e2639;outline-offset:4px}
header>nav{gap:10px;flex-wrap:wrap}
header>nav a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:8px 16px;border:1px solid #bdbbb5;border-radius:6px;background:#fff;font-size:15px;font-weight:600}
.hero-link{padding:16px 20px;border:1px solid #8e2639;border-radius:6px;background:#fcf4f5;color:#8e2639;font-weight:600}
.tool-entries>a,.compat-banner,.card{border:1px solid #bdbbb5;border-radius:8px;box-shadow:0 2px 0 #242a3612}
.tool-entries>a{padding:26px;background:#fff}
.tool-entries>a>b,.compat-cta,.card-meta span{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:6px;background:#8e2639;color:#fff;font-size:16px;font-weight:600;line-height:1.6}
.tool-entries>a>b{margin-top:8px}.compat-cta b{margin-left:12px}.card{padding:22px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-meta span{float:none;font-size:14px;padding:8px 13px}
.topics{gap:10px;border:0}.topics a,.topics a:first-child,.topics a:last-child{padding:16px;border:1px solid #bdbbb5;border-radius:6px;background:#f5f4f1;font-size:16px}
.fashion-controls nav a{min-height:48px;min-width:60px;border-radius:6px;font-size:16px;border-color:#aaa}
.fashion-look-copy>a,.fashion-bottom a,.inline-cta{display:inline-flex;align-items:center;min-height:48px;padding:10px 18px;border:1px solid #8e2639;border-radius:6px;background:#fff;color:#8e2639;font-size:16px;font-weight:600}
.toc a{position:relative;padding:12px 30px 12px 0;min-height:48px;text-decoration:underline;text-underline-offset:4px}.toc a:after{content:'↓';position:absolute;right:5px}
.breadcrumb a,footer div a{text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}.editor-note a{padding:10px 18px;min-height:46px;border:1px solid currentColor;border-radius:6px}
button,.choice-box,.tab,summary{transition:background-color .15s,border-color .15s,box-shadow .15s}
.choice-box{border-color:#aaa!important;border-radius:6px!important}.choice-box b,.tone-grid .choice-box,.tab,.primary,.copy-button,.field-label,.field>legend{font-size:16px}.choice-box small,.tab span{font-size:12px}.message-box{font-size:16px}.field summary,.privacy-section summary{padding:12px 14px;min-height:48px;border:1px solid #aaa;border-radius:6px;background:#f5f4f1;font-size:14px}
@media(hover:hover){header>nav a:hover,.hero-link:hover,.topics a:hover,.fashion-controls a:hover,.fashion-look-copy>a:hover,.fashion-bottom a:hover,.inline-cta:hover{background:#fcf4f5;border-color:#8e2639;color:#8e2639}.tool-entries>a:hover,.compat-banner:hover,.card:hover{border-color:#8e2639;box-shadow:0 5px 16px #8e263923;background:#fcf4f5}.tool-entries>a:hover>b,.card:hover .card-meta span,.compat-banner:hover .compat-cta,.primary:hover,.copy-button:hover{background:#691b2b;color:#fff}.choice:hover .choice-box,.tab:hover,summary:hover{border-color:#8e2639!important;box-shadow:0 0 0 1px #8e2639}.editor-note a:hover{background:#ffffff20}}
a:active,button:active{filter:brightness(.94)}
@media(max-width:800px){header>nav,body>header>nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;white-space:normal}header>nav a{padding:8px 4px;font-size:14px}.tool-entries>a{padding:22px}.tool-entries>a>b{display:flex;width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}