.tool-page .tool-languages { display:flex; flex-wrap:wrap; gap:4px 16px; padding-block:8px; }
.tool-languages a { display:inline-flex; align-items:center; min-height:44px; color:var(--muted); }
.tool-languages [aria-current] { color:var(--gold); font-weight:700; }
.tool-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; font-size:.9rem; color:var(--muted); margin:24px 0; }
.tool-hero { padding-block:24px 40px; max-width:1000px; }
.tool-hero.has-shot { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:clamp(24px,5vw,72px); align-items:center; max-width:none; }
.tool-page h1 { font-size:clamp(2.4rem,5vw,4.7rem); }
.tool-page h2 { font-size:clamp(1.7rem,3vw,2.5rem); margin-bottom:24px; }
.tool-page h3 { font-size:1.35rem; margin-bottom:14px; }
.tool-intro { font-size:1.15rem; max-width:62ch; margin:24px 0; }
.tool-shot { width:min(100%,300px); margin-inline:auto; }
.tool-shot figcaption { margin-top:12px; text-align:center; font-size:.8rem; color:var(--muted); }
.tool-page .ios-status { margin-top:8px; }
.tool-notice { padding:24px; border-left:3px solid var(--teal); border-radius:0 14px 14px 0; background:var(--surface); }
.tool-section { padding-block:40px; }
.tool-steps { padding-left:1.7rem; max-width:85ch; }
.tool-steps li { padding-left:8px; margin-bottom:20px; }
.tool-steps li::marker { color:var(--gold); font-weight:700; }
.tool-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:20px; }
.tool-card { display:block; padding:24px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-small); }
.tool-cards a { color:var(--teal); font-weight:600; }
.tool-faq details { border-bottom:1px solid var(--border); padding-block:14px; }
.tool-faq summary { cursor:pointer; padding-block:12px; font-weight:600; }
.tool-faq details p { margin:12px 0; max-width:85ch; }
.tool-page .site-footer { display:flex; flex-wrap:wrap; gap:24px; }
.tool-page .site-footer a { min-height:44px; display:inline-flex; align-items:center; }
@media(max-width:680px) { .tool-hero.has-shot { grid-template-columns:1fr; } .tool-page .site-nav { gap:12px 20px; } .tool-section { padding-block:30px; } }