/* Golfer type characters (2026-10-27). Linked from the body of /golf-type pages only, so golf.css?v=4 in <head> stays
   byte-identical. Images are transparent WebP (400x480); no background, border or shadow, so dark mode needs nothing. */
.g-char{display:block;max-width:100%;height:auto;aspect-ratio:400/480;background:none;border:0;box-shadow:none}
/* result header: character to the right of the label + type name, tagline and tags full width below */
.g-head-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.g-head-txt{flex:1 1 auto;min-width:0}
.g-head-top .g-char{flex:none;width:clamp(104px,28vw,176px);margin:-8px -6px -2px 0}
/* 8-type tiles: character above the name; the tile size is fixed by aspect-ratio, so the image cannot shift layout */
.tile.g-tile{flex-direction:column;align-items:stretch;justify-content:flex-end;gap:4px;aspect-ratio:4/5;padding:8px 10px 12px;overflow:hidden}
.tile.g-tile .g-char{flex:1 1 0;min-height:0;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:50% 100%}
.tile.g-tile span{flex:none}