/* R13b (Oct 24, 2026, Terra 9:07 AM PT: "This looks crammed on the iPhone version"). Phone only (max 640px); desktop and 768 unchanged. */
@media(max-width:640px){
/* calmer hero: painting, headline, heading line, search; room to breathe */
body.hy-r13 section.h13{padding:20px 0 44px}
body.hy-r13 section.h13 figure.art.h13-art{margin:0 0 30px}
/* painting: a clean edge-to-edge band, no double border, no corner rings */
body.hy-r13 section.h13 .h13-art .frame{border:0;padding:0;background:none;border-radius:3px;overflow:hidden;box-shadow:0 20px 36px -24px rgba(23,32,27,.5)}
body.hy-r13 section.h13 .h13-art .frame::before{content:none;display:none}
body.hy-r13 section.h13 .h13-art .kb{height:clamp(150px,min(48vw,25vh),220px);border-radius:3px}
body.hy-r13 section.h13 .h13-art .kb img{height:clamp(150px,min(48vw,25vh),220px)!important;object-position:50% 38%}
body.hy-r13 section.h13 .h13-art figcaption{margin-top:10px;text-align:left;font-size:14px;color:var(--muted)}
body.hy-r13 section.h13 h1{font-size:clamp(30px,8.6vw,36px);line-height:1.08;letter-spacing:-.005em}
body.hy-r13 section.h13 .h13-h2{font-size:19px;line-height:1.45;margin:22px 0 30px;padding-left:16px}
/* the search speaks for itself: label kept for screen readers only */
body.hy-r13 .h13-search label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
body.hy-r13 .h13-search .aip-sbox input,body.hy-r13 .h13-search .aip-sbox .btn{height:56px}
/* directory: cards start below the fold, roomier */
body.hy-r13 .h13-dir{padding:36px 0 60px}
body.hy-r13 .h13-dir-head{display:none}
body.hy-r13 .h13-dir .aip-grid{gap:20px}
body.hy-r13 .aip-c13 a{padding:24px 22px 22px}
body.hy-r13 .aip-c13 .aip-sig{margin:18px 0 8px}
body.hy-r13 .h13-dir .aip-home-all{margin-top:32px}
}
/* pass 2: truly clean edge, quieter motif behind the text */
@media(max-width:640px){
body.hy-r13 section.h13 .h13-art .frame,body.hy-r13 section.h13 .h13-art img{outline:0}
body.hy-r13 section.h13.motif::after{opacity:.22}
}
/* pass 3: narrow phones keep the privacy pill on one line */
@media(max-width:380px){body.hy-r13 .aip-c13 a{padding:22px 18px 20px}body.hy-r13 .aip-c13 .aip-sig{padding:5px 10px 5px 9px;gap:7px}}
/* pass 4: on narrow phones the question sits above a colored answer chip (no two-line pill) */
@media(max-width:380px){
body.hy-r13 .aip-c13 a{padding:24px 20px 22px}
body.hy-r13 .aip-c13 .aip-sig{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:0;background:none;border:0;border-radius:0;color:var(--muted)}
body.hy-r13 .aip-c13 .aip-sig-a{padding:4px 12px 4px 10px;border-radius:999px;border:1px solid transparent}
body.hy-r13 .aip-c13 .aip-sig-no .aip-sig-a{background:#e7f0e9;border-color:#c7dccd;color:#0f4a2e}
body.hy-r13 .aip-c13 .aip-sig-yes .aip-sig-a{background:#f9e9e2;border-color:#ebc9bb;color:#8a2b10}
body.hy-r13 .aip-c13 .aip-sig-mix .aip-sig-a{background:#f6eedb;border-color:#e3d3ab;color:#634a17}
body.hy-r13 .aip-c13 .aip-sig-see .aip-sig-a{background:#efede6;border-color:#dcd8cc;color:#474d49}
}