.usage-guide-page .usage-intro{padding-bottom:28px}
.usage-guide-page .guide-intro h1{font-size:clamp(38px,6vw,60px);letter-spacing:-.04em;margin-top:12px}
.usage-facts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:23px 0 15px}
.usage-facts li{padding:7px 13px;border:1px solid #dce3f1;border-radius:30px;background:#fff;font-size:13px;font-weight:600;color:#34415b}
.usage-intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 23px;margin-top:18px}
.usage-text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--blue);font-size:14px;font-weight:600;text-underline-offset:4px}
.usage-example-note{max-width:720px;margin-top:13px}
.usage-nav{grid-template-columns:repeat(6,minmax(0,1fr))}
.usage-nav a{font-size:13px;padding:17px 5px}
.usage-nav a span{font-family:var(--time);margin-right:3px}
.usage-guide-page .guide-step{scroll-margin-top:90px}
.usage-guide-page .guide-step h2{line-height:1.45}
.usage-guide-page .guide-photo{background:#f7f9fd;border-color:#d8deea;box-shadow:0 8px 25px #1424400a}
.usage-guide-page .guide-photo:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.usage-guide-page .guide-photo img{height:auto}
.usage-guide-page code{font:600 .95em ui-monospace,SFMono-Regular,Consolas,monospace;color:#243b9c;overflow-wrap:anywhere}
.usage-command{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:18px 20px;background:#f5f7fc;border:1px solid #dce3f1;border-radius:12px;margin:19px 0}
.usage-command code{font-size:25px;letter-spacing:-.03em}
.usage-command span{font-size:12px;color:var(--muted)}
.usage-guide-card{display:block;padding:18px 20px;margin:20px 0;border:1px solid #cedafa;border-radius:12px;background:#f3f6ff;color:var(--blue);text-decoration:none}
.usage-guide-card strong{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;line-height:1.6}
.usage-guide-card>span{display:block;margin-top:8px;font-size:13px;line-height:1.8;color:#53628b}
.usage-guide-card:hover,.usage-guide-card:focus-visible{background:#eaf0ff}
.usage-choice{padding:15px 0;border-bottom:1px solid var(--divider)}
.usage-choice strong{font-size:15px}
.usage-choice p{font-size:14px;line-height:1.9;margin:6px 0 0;color:var(--muted)}
.usage-results{margin:18px 0}
.usage-results>div{padding:15px 0;border-bottom:1px solid var(--divider)}
.usage-results dt{font-size:15px;font-weight:600;color:#283c78;line-height:1.7}
.usage-results dd{font-size:14px;line-height:1.9;color:var(--muted);margin:6px 0 0}
.usage-faq{scroll-margin-top:90px}
.usage-faq details p+p{padding-top:0;margin-top:-8px}
.usage-finish-links{display:flex;align-items:center;flex-wrap:wrap;gap:4px 22px;margin-top:12px}
.usage-finish-links .guide-external{margin-bottom:0}
@media(max-width:760px){
  .usage-guide-page .guide-intro h1{font-size:41px}
  .usage-guide-page .guide-lead br{display:none}
  .usage-facts{gap:7px;margin-top:20px}
  .usage-facts li{font-size:12px;padding:7px 10px}
  .usage-intro-actions{gap:0 19px}
  .usage-nav{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:12px}
  .usage-nav a{font-size:12px;padding:13px 3px;min-height:44px}
  .usage-nav a:nth-child(-n+3){border-bottom:1px solid var(--divider)}
  .usage-guide-page .guide-step,.usage-faq{scroll-margin-top:112px}
  .usage-guide-page .guide-step{gap:25px}
  .usage-command{padding:15px 17px;gap:8px 15px}
  .usage-command code{font-size:24px}
  .usage-guide-card{padding:15px 16px}
  .usage-guide-card strong{font-size:14px}
  .usage-choice p,.usage-results dd{font-size:14px}
}
@media(max-width:360px){
  .usage-guide-page .guide-intro h1{font-size:36px}
  .usage-nav a{font-size:11px}
  .usage-facts li{font-size:11px;padding-inline:9px}
}