.dot-group{scroll-margin-top:18px}.dot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.dot-card{min-width:0;background:#fff;border-radius:18px;padding:16px;box-shadow:0 8px 28px #0001}.dot-card h3{font-size:19px;line-height:1.5;margin:10px 0}.dot-card h3 a,.dot-cta{color:#2465c9;text-decoration:none;font-weight:800}.dot-card p{color:#687386;font-size:14px}.dot-thumb,.dot-thumbnail{display:block;color:inherit;text-decoration:none}.dot-thumb img,.dot-thumbnail img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}.dot-sample-label{display:block;font-size:12px;font-weight:700;color:#687386;margin:6px 0}.dot-individual{max-width:850px;margin:auto}.dot-sheet{background:#fff;border-radius:18px;padding:16px;margin:20px 0;box-shadow:0 8px 28px #0001}.dot-sheet h2{font-size:20px;margin:4px 0 0}.dot-board{display:block;width:100%;height:auto;max-width:760px;margin:auto;aspect-ratio:1;object-fit:contain}.dot-answer[hidden]{display:none}.dot-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.dot-actions .btn{border:0;border-radius:12px;padding:12px 16px;font:inherit;font-weight:800;cursor:pointer}.dot-actions .primary{background:#2f6fed;color:#fff}.dot-actions .outline{background:#fff;border:2px solid #2f6fed;color:#2465c9}.dot-actions .secondary{background:#eef2f7;color:#334155}.next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.next-grid a{display:block;background:#f7f9fc;border:1px solid #e7ebf2;border-radius:14px;padding:14px;color:#334155;text-decoration:none}.next-grid small{display:block;margin-top:6px;color:#687386}#printArea{display:none}.range-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.range-nav a{background:#fff;border:1px solid #e6ebf2;border-radius:999px;padding:8px 12px;color:#334155;text-decoration:none;font-weight:800}@media(max-width:950px){.dot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.dot-grid,.next-grid{grid-template-columns:1fr}.dot-sheet{padding:10px}.dot-card{max-width:460px;width:100%;box-sizing:border-box;margin:auto}.dot-actions .btn{flex:1 1 150px}}@media print{@page{size:A4 portrait;margin:10mm}html,body{margin:0!important;padding:0!important;background:#fff!important}body>:not(#printArea){display:none!important}#printArea{display:block!important;margin:0;padding:0}.print-page{box-sizing:border-box;width:190mm;height:270mm;margin:0;padding:0;break-after:page;overflow:hidden;background:#fff;color:#111827}.print-page:last-child{break-after:auto}.print-page h1{font-size:18pt;line-height:1.35;margin:0 0 3mm}.print-page p{font-size:11pt;line-height:1.6;margin:0 0 3mm}.print-page .dot-board{width:190mm;height:190mm;max-width:none;max-height:none;margin:0}.print-page footer{font-size:9pt;color:#4b5563;margin-top:5mm}}

.dot-preview{margin-top:12px;border-top:1px solid #e7ebf2;padding-top:10px}.dot-preview summary{cursor:pointer;color:#526479;font-size:13px;font-weight:700}.dot-preview img{margin-top:10px}.dot-preview p{font-size:13px;color:#526479}