/* Drill Buddy first-release preview; scoped to the product page. */
.cp-tool-list{flex-wrap:wrap}.cp-first-update{background:#fffdf9;border-bottom:1px solid #e5d7d4}.cp-update-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.cp-update-grid article{border-top:1px solid #cdb6b1;padding-top:20px;min-width:0}.cp-update-grid article>span{font:9px/1.6 Arial,sans-serif;letter-spacing:.12em;color:#a0787d}.cp-update-grid h3{font-size:23px;line-height:1.45;color:#722f37;margin:18px 0 15px}.cp-update-grid p{font-size:12px;color:#796c6d}.cp-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:44px}.cp-preview-grid figure{margin:0;min-width:0}.cp-preview-shot{display:block;border:1px solid #ddcdca;border-radius:15px;overflow:hidden;background:#f7f2ee;box-shadow:0 12px 25px #722f3708;transition:transform .18s ease}.cp-preview-shot:hover{transform:translateY(-3px)}.cp-preview-shot img{width:100%;height:auto;aspect-ratio:2266/1488;object-fit:contain}.cp-preview-grid figcaption{display:flex;flex-direction:column;gap:7px;padding:17px 2px 0}.cp-preview-grid figcaption strong{font-size:17px;letter-spacing:-.03em;font-weight:600;color:#722f37}.cp-preview-grid figcaption span{font-size:10px;color:#8c7477;line-height:1.7}.cp-update-note{font-size:11px;color:#8c7477;margin-top:28px;max-width:900px}.cp-preview-dialog{border:0;padding:54px 14px 14px;max-width:min(1320px,96vw);max-height:94svh;border-radius:16px;background:#fbf6ef;box-shadow:0 20px 80px #0004;overflow:auto;color:#722f37}.cp-preview-dialog::backdrop{background:#0b1933d9}.cp-preview-dialog img{max-width:100%;max-height:78svh;width:auto;height:auto;margin:auto;object-fit:contain}.cp-preview-dialog p{font-size:12px;padding-top:12px;line-height:1.7}.cp-preview-close{position:absolute;top:10px;right:14px;border:1px solid #ddcdca;border-radius:99px;background:#fff;color:#722f37;min-width:64px;min-height:34px;cursor:pointer;font:12px -apple-system,BlinkMacSystemFont,sans-serif}.cp-preview-close:focus-visible{outline:3px solid #c9a8ac;outline-offset:3px}
@media(max-width:1100px){.cp-update-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.cp-preview-grid{gap:20px}.cp-preview-grid figcaption strong{font-size:16px}}
@media(max-width:760px){.cp-update-grid{gap:26px 20px}.cp-update-grid h3{font-size:22px;margin:14px 0 12px}.cp-update-grid p{font-size:12px}.cp-preview-grid{grid-template-columns:1fr;gap:30px;margin-top:32px}.cp-preview-grid figcaption{padding-top:13px}.cp-preview-grid figcaption strong{font-size:19px}.cp-update-note{font-size:10px;margin-top:24px}.cp-preview-dialog{padding:50px 9px 10px;border-radius:12px}.cp-preview-dialog p{font-size:10px}}
@media(max-width:370px){.cp-update-grid{grid-template-columns:1fr}.cp-update-grid h3{font-size:25px}.cp-update-grid article>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cp-preview-shot{transition:none}.cp-preview-shot:hover{transform:none}}
/* Expanded gallery: every capture remains complete and opens at native size. */
.cp-gallery-heading{margin-top:58px;max-width:620px}.cp-gallery-heading h3{font-size:32px;line-height:1.35;color:#722f37;margin:13px 0}.cp-gallery-heading>p:last-child{font-size:12px;color:#796c6d}.cp-expanded-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px;margin-top:28px;align-items:start}.cp-expanded-gallery .cp-gallery-landscape{grid-column:span 2}.cp-expanded-gallery .cp-preview-shot{height:500px;padding:10px;display:flex;justify-content:center;align-items:center}.cp-expanded-gallery .cp-preview-shot img{width:100%;height:100%;max-height:100%;aspect-ratio:auto;object-fit:contain}.cp-expanded-gallery figcaption{gap:8px}.cp-expanded-gallery figcaption strong{font-size:18px}.cp-expanded-gallery figcaption span{font-size:10px}
@media(max-width:1100px){.cp-expanded-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-expanded-gallery .cp-preview-shot{height:490px}.cp-expanded-gallery .cp-gallery-landscape .cp-preview-shot{height:auto;aspect-ratio:1.52}.cp-gallery-heading{margin-top:45px}}
@media(max-width:760px){.cp-gallery-heading h3{font-size:29px}.cp-expanded-gallery{grid-template-columns:1fr;gap:30px}.cp-expanded-gallery .cp-gallery-landscape{grid-column:auto}.cp-expanded-gallery .cp-preview-shot,.cp-expanded-gallery .cp-gallery-landscape .cp-preview-shot{height:auto;aspect-ratio:auto;padding:0;display:block}.cp-expanded-gallery .cp-preview-shot img{width:100%;height:auto;max-height:none}.cp-expanded-gallery figcaption strong{font-size:19px}}
.cp-gallery-credit{font-size:10px;color:#8c7477;line-height:1.8;margin-top:22px;overflow-wrap:anywhere}.cp-gallery-credit a{color:#722f37;text-decoration:underline;text-underline-offset:3px}
@media(min-width:761px){.cp-expanded-gallery figure[data-gallery-id="board-ipad"]{grid-column:1/-1}.cp-expanded-gallery figure[data-gallery-id="board-ipad"] .cp-preview-shot{height:auto;aspect-ratio:2266/1488}}
/* Device shells adapt the scorekeeper three-device CSS construction. Hardware
   stays in the external bezel; the original rectangular capture is never cut. */
.cp-expanded-gallery .cp-preview-shot{border:0;border-radius:0;overflow:visible;background:radial-gradient(ellipse,#e8ddd46b,transparent 70%);box-shadow:none;padding:12px;--frame-height:476px}
.cp-device-frame{display:block;position:relative;flex:none;box-sizing:border-box;width:min(100%,calc(var(--frame-height)*var(--device-ratio)));aspect-ratio:var(--device-ratio);line-height:0;background:linear-gradient(145deg,#777875 0%,#303230 2%,#151716 8%,#101211 75%,#666965 100%);border:1px solid #858983;box-shadow:0 12px 23px #0b193324,0 2px 4px #0003,inset 0 1px 1px #d9dbd4;isolation:isolate}
.cp-device-frame[data-platform="iPhone"][data-orientation="portrait"]{border-radius:7% / 3.3%}
.cp-device-frame[data-platform="iPhone"][data-orientation="landscape"]{border-radius:3.3% / 7%}
.cp-device-frame[data-platform="iPad"]{border-radius:3.2% / 2.2%}
.cp-device-frame[data-platform="iPad"][data-orientation="landscape"]{border-radius:2.2% / 3.2%}
.cp-device-screen{position:absolute;display:block;inset:var(--screen-top) var(--screen-right) var(--screen-bottom) var(--screen-left);background:#101211;line-height:0;box-shadow:0 0 0 1px #000;overflow:visible}
.cp-expanded-gallery .cp-device-screen img,.cp-preview-dialog .cp-device-screen img{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;aspect-ratio:auto;object-fit:contain;transform:none;border-radius:0}
.cp-device-camera{position:absolute;left:48.2%;top:calc(var(--screen-top)*.37);width:3.6%;height:calc(var(--screen-top)*.2);min-height:1px;border-radius:99px;background:#030605;box-shadow:inset 0 1px 1px #969c9859;pointer-events:none}
.cp-device-frame[data-platform="iPhone"][data-orientation="landscape"] .cp-device-camera{top:48.2%;left:calc(var(--screen-left)*.37);height:3.6%;width:calc(var(--screen-left)*.2);min-width:1px;min-height:0}
.cp-device-frame[data-platform="iPad"] .cp-device-camera{left:49.65%;top:calc(var(--screen-top)*.37);width:.7%;height:auto;aspect-ratio:1;border-radius:50%}
.cp-device-key{position:absolute;display:block;pointer-events:none;background:linear-gradient(90deg,#51564f,#b0b4ab 45%,#4c514c);border:1px solid #434941;border-radius:2px;z-index:-1}
.cp-device-key-volume{left:-3px;top:19%;width:3px;height:9%}
.cp-device-key-power{right:-3px;top:23%;width:3px;height:7%}
.cp-device-frame[data-orientation="landscape"] .cp-device-key-volume{left:19%;top:-3px;width:9%;height:3px}
.cp-device-frame[data-orientation="landscape"] .cp-device-key-power{left:auto;right:19%;top:-3px;width:7%;height:3px}
.cp-preview-dialog{width:fit-content;max-width:96vw}
.cp-preview-device-stage{display:flex;align-items:center;justify-content:center;width:min(1200px,calc(96vw - 56px));--frame-height:72svh;padding:4px;box-sizing:border-box}
.cp-preview-dialog .cp-device-frame{max-width:100%;margin:0 auto}
@media(max-width:1100px){.cp-expanded-gallery .cp-preview-shot{--frame-height:466px}.cp-expanded-gallery .cp-gallery-landscape .cp-preview-shot{height:auto;aspect-ratio:1.52}}
@media(max-width:760px){.cp-expanded-gallery .cp-preview-shot,.cp-expanded-gallery .cp-gallery-landscape .cp-preview-shot{display:flex;height:auto;aspect-ratio:auto;padding:6px}.cp-expanded-gallery .cp-device-frame{width:100%;max-width:460px}.cp-expanded-gallery .cp-gallery-landscape .cp-device-frame{max-width:none}.cp-preview-device-stage{width:calc(96vw - 38px);--frame-height:70svh}.cp-device-frame{box-shadow:0 8px 16px #0b193324,0 2px 3px #0003}}
@media(min-width:761px){.cp-expanded-gallery figure[data-gallery-id="board-ipad"] .cp-preview-shot{aspect-ratio:auto}.cp-expanded-gallery figure[data-gallery-id="board-ipad"] .cp-device-frame{width:100%}}
.cp-device-frame[data-platform="iPad"][data-orientation="portrait"] .cp-device-key-volume{left:auto;right:-3px;top:16%;height:7%}
.cp-device-frame[data-platform="iPad"][data-orientation="portrait"] .cp-device-key-power{top:-3px;right:13%;width:7%;height:3px}
.cp-device-frame[data-platform="iPad"][data-orientation="landscape"] .cp-device-key-volume{left:auto;right:18%;top:-3px;width:7%;height:3px}
.cp-device-frame[data-platform="iPad"][data-orientation="landscape"] .cp-device-key-power{left:auto;right:-3px;top:15%;width:3px;height:7%}
