/* Platform sections and Pebble gallery. */
#wear-os,#pebble,#pebble-gallery-heading{scroll-margin-top:100px}
.mh-pebble-link{border-color:var(--pebble)}
.mh-pebble-section{background:#efece7;border-top:3px solid var(--pebble)}
.mh-pebble-section .intro,.mh-pebble-gallery .intro{max-width:760px}
.mh-pebble-features{margin-top:40px;grid-template-columns:repeat(3,minmax(0,1fr))}
.mh-shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px}
.mh-shot{margin:0;background:#fff;border:1px solid var(--line);padding:24px}
.mh-shot:first-child{grid-column:1 / -1}
 .mh-watch-pair{display:flex;align-items:center;justify-content:center;gap:20px;padding:24px 0;background:var(--paper)}
.mh-device{width:calc(50% - 10px);max-width:220px;text-align:center;min-width:0}
.mh-watch{width:100%;aspect-ratio:488/700;position:relative}
.mh-watch.round{aspect-ratio:502/700}
.mh-screen{position:absolute;left:20.4918%;top:26.8571%;width:57.1721%;height:47.8571%;object-fit:fill;background:#000;border-radius:4%}
.round .mh-screen{left:16.5339%;top:26%;width:67.1315%;height:48.1429%;border-radius:50%}
.mh-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mh-device-label{display:block;font:500 .65rem var(--mono);margin-top:10px}
.mh-animation-toggle{margin-top:16px;min-height:44px;padding:10px 16px;background:transparent;border:1px solid var(--ink);color:var(--ink);font:500 .75rem var(--mono);cursor:pointer}
.mh-animation-toggle:hover{border-color:var(--pebble);color:var(--pebble)}
.mh-animation-toggle[hidden]{display:none}
.mh-shot figcaption{padding-top:24px}
.mh-shot h3{margin-bottom:10px}
.mh-shot p{color:var(--quiet);font-size:.91rem;margin:0}
@media(max-width:980px){.mh-pebble-features{grid-template-columns:repeat(2,minmax(0,1fr))}.mh-shot-grid{grid-template-columns:1fr}}
@media(max-width:600px){.mh-pebble-features{grid-template-columns:1fr}.mh-shot{padding:16px}.mh-watch-pair{gap:12px;padding:16px 0}.mh-device{width:calc(50% - 6px)}.mh-device-label{font-size:.58rem}}

.mh-gallery-note{margin:24px 0 0;font-size:.8rem;color:var(--quiet)}