/* The subject is drawn beneath each name. All ten destinations share the
   available viewport height; a short landscape uses two rows. */
.more-sheet{width:min(560px,calc(100% - 24px));max-width:calc(100vw - 24px);height:min(760px,calc(100svh - var(--menu-height) - var(--menu-gap) - 36px - env(safe-area-inset-bottom,0px)));max-height:calc(100svh - var(--menu-height) - var(--menu-gap) - 36px - env(safe-area-inset-bottom,0px));padding:12px 18px;overflow:hidden}
.more-sheet[open]{display:grid;grid-template-rows:5px auto minmax(0,1fr) auto;gap:10px}
.more-sheet .sheet-grab{height:5px;margin:0 auto}
.more-sheet h2{font-size:clamp(30px,4.8svh,44px);line-height:1;margin:0}
.more-sheet .sheet-links{min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:8px}
.more-sheet .sheet-links a{flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,.6svh,7px);min-height:0;min-width:0;padding:6px 8px;text-align:center;transition:translate .15s,box-shadow .15s}
.more-sheet .sheet-title{display:block;flex:0 0 auto;width:100%;font-size:clamp(12px,3.7vw,15px);line-height:1.15;font-weight:750;letter-spacing:-.015em}
.more-sheet .sheet-topic{display:block;flex:0 1 auto;min-height:20px;width:68px;height:clamp(20px,6svh,54px);fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.more-sheet .sheet-social{margin:0;gap:16px;font-size:11px;line-height:1.3}
@media(hover:hover){.more-sheet .sheet-links a:hover{translate:0 -2px;box-shadow:3px 5px 0 var(--ink)}}
@media(max-width:350px){.more-sheet{padding-inline:13px}.more-sheet .sheet-links{gap:7px}.more-sheet .sheet-links a{padding-inline:6px}}
@media(max-height:520px) and (min-width:480px){.more-sheet{width:min(920px,calc(100% - 24px));padding:8px 14px}.more-sheet[open]{gap:4px;grid-template-rows:38px minmax(0,1fr) auto}.more-sheet .sheet-grab{display:none}.more-sheet h2{font-size:26px;align-self:center}.more-sheet>.close-dialog{top:8px;right:8px}.more-sheet .sheet-links{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:7px}.more-sheet .sheet-links a{padding:3px 6px;gap:2px}.more-sheet .sheet-title{font-size:12px}.more-sheet .sheet-topic{height:clamp(20px,9svh,36px);width:60px}.more-sheet .sheet-social{font-size:10px}}
@media(prefers-reduced-motion:reduce){.more-sheet .sheet-links a{transition:none}}