/* Full Pebble and Garmin indexes share the watch hub's cases and typography. */
.pebble-description{margin:0 0 8px;color:var(--muted);font-size:13px;line-height:1.5}
.pebble-sections{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.pebble-sections a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid #69718a;border-radius:6px;color:var(--text)}
.pebble-sections span{color:var(--muted);font-size:13px}
.pebble-filters{margin-bottom:12px}
.pebble-index .pebble-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 28px}
.pebble-index .pebble-card{border:0;border-radius:0;overflow:visible;background:transparent}
.pebble-index .pebble-preview{display:flex;align-items:center;justify-content:center;aspect-ratio:1.14;max-width:360px;margin-inline:auto;width:100%;padding:0;overflow:visible;background:transparent}
.pebble-index .pebble-preview:hover{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.pebble-index .pebble-copy{padding:8px 0}
.pebble-index .pebble-copy h3{margin:0;font:600 16px/1.3 var(--sans);letter-spacing:0}
.pebble-index .pebble-copy h3 a{display:inline-flex;align-items:center;min-height:44px;color:var(--text)}
.pebble-index .pebble-display-note{font-size:12px}
.pebble-group{scroll-margin-top:24px;margin-bottom:40px}
.pebble-group-heading{width:min(var(--maxw),calc(100% - 40px));margin:28px auto 20px;padding-top:20px;border-top:1px solid var(--line)}
.pebble-group-heading h2{margin:0;font-size:30px}
.pebble-group-heading p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.5}
summary.pebble-group-heading{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding-bottom:16px;cursor:pointer;list-style:none}
details.pebble-group:not([open]){margin-bottom:0}
summary.pebble-group-heading::-webkit-details-marker{display:none}
summary.pebble-group-heading::after{content:"+";font:400 28px/1 var(--sans);color:var(--accent)}
.pebble-group[open]>summary.pebble-group-heading::after{content:"−"}
.pebble-group-description{width:min(var(--maxw),calc(100% - 40px));margin:0 auto 20px;color:var(--muted);font-size:14px;line-height:1.5}
[data-pebble-group][hidden],.pebble-sections a[hidden]{display:none!important}
.pebble-app-downloads{width:min(var(--maxw),calc(100% - 40px));margin:0 auto 28px;border-top:1px solid var(--line)}
.pebble-app-downloads summary{padding:14px 0;min-height:44px;cursor:pointer;font:600 16px/1.4 var(--sans)}
.pebble-app-downloads ul{list-style:none;margin:0;padding:0}
.pebble-app-downloads li{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:14px 0;border-bottom:1px solid var(--line)}
.pebble-app-downloads h3{margin:0;font:600 15px/1.4 var(--sans)}
.pebble-app-downloads p{margin:4px 0;color:var(--muted);font-size:13px;line-height:1.5}
.pebble-app-downloads small{color:var(--muted);font-size:12px}
.pebble-download-links{display:flex;flex-wrap:wrap;gap:4px 20px}
.pebble-download-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-size:14px}
.garmin-index .garmin-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 28px;align-items:start;margin-top:28px;margin-bottom:28px}
.garmin-card{min-width:0}
.garmin-face{display:block;color:var(--text);text-decoration:none}
.garmin-preview{display:flex;align-items:center;justify-content:center;aspect-ratio:1;line-height:0}
.garmin-copy{display:block;padding:16px 0 0}
.garmin-index .garmin-copy h2{margin:0;text-align:left;font:600 18px/1.3 var(--sans);letter-spacing:0}
.garmin-availability{display:block;margin-top:8px;font-size:14px;color:var(--muted)}
.garmin-face[href] .garmin-availability{color:var(--accent)}
.garmin-face[href]:hover{text-decoration:none}
.garmin-face[href]:hover .garmin-copy h2{text-decoration:underline;text-underline-offset:3px}
.garmin-description{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.5}
[data-garmin-filters][hidden],.garmin-card[hidden],#garmin-empty[hidden]{display:none!important}
@media(min-width:1200px){.garmin-index .garmin-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 24px}}
@media(max-width:900px){.pebble-index .pebble-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.garmin-index .garmin-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}}
@media(max-width:600px){.pebble-index .pebble-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 14px}.pebble-index .pebble-copy h3{font-size:14px}.garmin-index .garmin-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.garmin-index .garmin-copy h2{font-size:17px}.pebble-group-heading,.pebble-group-description,.pebble-app-downloads{width:calc(100% - 28px)}}

/* Each shape uses its own native capture. Both cases share the same finish. */
.pebble-index .pebble-preview[data-paired-preview]{position:relative;aspect-ratio:1.14;max-width:360px;margin-inline:auto;width:100%}
.pebble-index .pebble-preview[data-paired-preview]>.watch-case{position:absolute;left:0;top:0;width:63%;max-width:none;z-index:1}
.pebble-index .round-preview{position:absolute;right:0;bottom:0;width:55%;aspect-ratio:1;border-radius:50%;overflow:hidden;line-height:0;z-index:2;padding:7px;background:linear-gradient(150deg,#9b9e9c,#3a3e3c 45%,#141a18);box-shadow:0 12px 24px #0005,inset 0 0 0 1px #b6bac155}
.pebble-index .round-preview img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:50%;background:#000;image-rendering:pixelated}
.pebble-index .round-preview[hidden]{display:none}
.pebble-index .pebble-preview[data-paired-preview][data-palette="mono"]>.watch-case{position:relative;left:auto;top:auto;width:60%;max-width:196px}

/* Rounded artwork sits over a solid black rectangular screen canvas. */
.pebble-index .pebble-preview[data-rounded-canvas] .watch-display{background:#000}
.pebble-index .pebble-preview[data-rounded-canvas]:not([data-palette="mono"]) .watch-display img{border-radius:12.5% / 10.965%}