/* R17: smaller tool cards so the header leads; centered directory title; tighter maker labels. 8px scale; type 14px and up. */
html body.hy .aip-card-maker{letter-spacing:.04em}
html body.hy .aip-grid{gap:16px}
html body.hy .aip-card a{padding:16px}
html body.hy .aip-card-name{font-size:20px;line-height:24px}
html body.hy .aip-card-maker{margin-top:0;line-height:20px}
html body.hy .aip-card-status{font-size:16px;line-height:24px;margin:8px 0 16px}
html body.hy .aip-card-meta{padding-top:8px;line-height:20px}
html body.hy-r13 .h13-dir .aip-grid{gap:16px}
html body.hy-r13 .aip-c13 a{padding:16px}
html body.hy-r13 .aip-c13-top{gap:16px}
html body.hy-r13 .aip-mono{flex:0 0 32px;width:32px;height:32px;font-size:17px}
html body.hy-r13 .aip-c13 .aip-card-name{font-size:19px;line-height:24px}
html body.hy-r13 .aip-c13 .aip-sig{margin:16px 0 0}
html body.hy-r13 .aip-c13 .aip-card-status{margin:8px 0 16px}
html body.hy-r13 .h13-dir{padding-top:24px}
html body.hy-r13 .r17-head{text-align:center;max-width:920px;margin:0 auto 24px}
html body.hy-r13 .r17-title{font-family:var(--serif);font-weight:600;font-size:32px;line-height:40px;letter-spacing:0;color:var(--head);margin:0;text-wrap:balance}
html body.hy-r13 .r17-sub{text-wrap:balance}
html body.hy-r13 .r17-sub{font-family:var(--ui);font-size:17px;line-height:24px;color:var(--ink);margin:8px 0 0}
@media(max-width:640px){
html body.hy .aip-grid{gap:16px}
html body.hy .aip-card a{padding:16px}
html body.hy .aip-card-name{font-size:19px}
html body.hy-r13 .h13-dir .aip-grid{gap:16px}
html body.hy-r13 .aip-c13 a{padding:16px}
html body.hy-r13 .aip-c13 .aip-sig{margin:16px 0 0}
html body.hy-r13 .h13-dir{padding-top:32px}
html body.hy-r13 .r17-head{margin:0 0 32px;text-align:left}
html body.hy-r13 .r17-title{font-size:26px;line-height:32px}
html body.hy-r13 .r17-sub{font-size:16px;line-height:24px}
}