/* Additive catalogue and physical kit layouts for all mechanics experiments. */
.mechanics-catalog-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}
.mechanics-catalog-intro>p{color:#616777;line-height:1.6;font-size:14px;max-width:560px;margin:0}
.catalog-counts{display:flex;gap:10px;flex-shrink:0}
.catalog-counts>span{padding:10px 14px;border:1.5px solid #17181e;border-radius:8px;background:#e4edff;font-size:12px;transform:rotate(1deg)}
.catalog-counts>span:nth-child(2){background:#fff;transform:rotate(-2deg)}
.catalog-counts b{font-size:21px;margin-right:3px}
.catalog-filters{display:flex;gap:9px;overflow-x:auto;padding:3px 3px 9px;margin-bottom:24px;scrollbar-width:thin}
.catalog-filter{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;min-height:44px;padding:10px 16px;border:1.5px solid #17181e;border-radius:8px;background:#fff;font-weight:750;font-size:12px;box-shadow:0 2px #17181e;white-space:nowrap}
.catalog-filter.active{background:#96bdff}
.catalog-filter small{background:#17181e;color:#fff;border-radius:4px;padding:2px 5px;font-size:10px}
.catalog-filter:hover{background:#e5eeff}
.catalog-filter.active:hover{background:#96bdff}
.catalog-kit-group{margin:0 0 36px}
.kit-group-heading{display:flex;align-items:center;gap:16px;margin:0 0 20px;padding:17px 19px;background:#e4edff;border-radius:13px;border:1px solid #c4d4ef}
.kit-group-number{flex-shrink:0;font:700 44px/1 Impact,'Arial Narrow',sans-serif;color:#17181e}
.kit-group-heading p{font-size:9px;letter-spacing:1.5px;font-weight:800;margin:0 0 4px;color:#52678d}
.kit-group-heading h2{font-size:22px;letter-spacing:-.6px;line-height:1.2;margin:0 0 6px}
.kit-group-heading div>span{font-size:12px;line-height:1.5;color:#55637a}
.catalog-labs{display:grid;gap:17px}
.mechanics-card h3{font-size:21px;line-height:1.25;font-weight:850;letter-spacing:-.4px;margin:0 0 9px}
.mechanics-card .card-actions{min-width:175px}
.mechanics-kit-page .kit-heading-new>div>p:last-child{margin-top:12px;color:#657188}
.kit-work-selector{display:flex;align-items:center;gap:14px;margin:0 0 18px}
.kit-work-selector label{font-size:12px;font-weight:750;color:#53617b;flex-shrink:0}
.kit-work-selector select{min-height:44px;width:100%;min-width:0;padding:10px 34px 10px 12px;background:#fff;color:#263b52;border:1.5px solid #a6b7d2;border-radius:8px;font:inherit;font-size:13px}
.kit-task-copy{min-width:0}
.built-in-tools{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;padding:9px 13px;border:1px solid #c2d3ef;border-radius:9px;background:#e9f0ff;margin:0 0 10px}
.built-in-tools>span{font-size:26px;color:#396ab5}
.built-in-tools b{display:block;font-size:11px;margin-bottom:3px}
.built-in-tools div>span{display:block;font-size:10px;line-height:1.4;color:#5a6f91}
.case-scroll-hint{display:none;font-size:11px;line-height:1.5;color:#65738c;margin:7px 3px 12px}
.case-scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#719bd6 #e2eafb;padding:13px 0 30px;max-width:100%;margin:0 0 4px}
.case-scroll .physical-case{min-width:900px;margin:0 0 11px}
.case-scroll .mechanics-case-kit2{aspect-ratio:1000/800}
.case-scroll .mechanics-case-kit6{aspect-ratio:1000/620}
.mechanics-case-kit2 .foam-seam-one{left:29%}
.mechanics-case-kit2 .foam-seam-two{left:78%;height:69%;top:0}
.mechanics-case-kit6 .foam-seam-one{left:23.7%}
.mechanics-case-kit6 .foam-seam-two{left:72%;height:39%;top:5%}
.mechanics-case-kit2 .case-id-tag{left:5%;bottom:27%}
.mechanics-case-kit6 .case-id-tag{left:29%;bottom:4%}
.mechanics-kit-page .foam-label{font-size:10px;bottom:-22px;white-space:nowrap}
.mechanics-kit-page .foam-position{min-width:0}
.mechanics-kit-page .apparatus-button::before{content:'';position:absolute;inset:-5px;border-radius:10px}
.mechanics-kit-page .apparatus-button:hover .apparatus-visual{transform:translateY(-5px) scale(1.075);filter:drop-shadow(0 0 2px #fff8) drop-shadow(0 0 9px #96bdffc9) drop-shadow(4px 10px 5px #0009)}
.mechanics-kit-page .apparatus-button:focus-visible{outline:3px solid #96bdff;outline-offset:7px}
.mechanics-kit-page .apparatus-check{width:28px;height:28px;font-size:17px}
.mechanics-case-kit2 .foam-dynamometer .foam-cutout,.mechanics-case-kit6 .foam-dynamometer .foam-cutout{inset:-5% -12%;border-radius:25%/12%}
.foam-stand .foam-cutout{inset:-5%;clip-path:polygon(37% 0,55% 0,55% 18%,90% 18%,96% 30%,62% 38%,55% 38%,55% 88%,100% 88%,100% 100%,0 100%,0 88%,37% 88%)}
.foam-spring .foam-cutout{inset:-4% -8%;border-radius:8%}
.foam-weight .foam-cutout{inset:-5% -10%;border-radius:40% 40% 19% 19%/20% 20% 10% 10%}
.foam-block .foam-cutout{inset:-8%;clip-path:polygon(10% 5%,82% 0,100% 27%,99% 82%,22% 100%,0 78%,0 24%)}
.foam-track .foam-cutout{inset:-7%;clip-path:polygon(1% 5%,88% 0,100% 40%,100% 86%,12% 100%,0 60%)}
.foam-lever .foam-cutout{inset:-5%;clip-path:polygon(0 0,100% 0,100% 26%,67% 26%,67% 73%,84% 92%,84% 100%,16% 100%,16% 92%,33% 73%,33% 26%,0 26%)}
.foam-pulley .foam-cutout{inset:-5% -10%;clip-path:polygon(38% 0,68% 0,68% 16%,92% 24%,100% 54%,90% 79%,67% 85%,67% 100%,35% 100%,35% 85%,9% 77%,0 54%,9% 26%,38% 16%)}
.foam-thread .foam-cutout{inset:-8%;border-radius:35%}
.foam-protractor .foam-cutout{inset:-8%;border-radius:90% 90% 8% 8%/90% 90% 9% 9%}
.kit-equipment-legend{margin:0 0 17px;border:1px solid #cbd8ec;border-radius:11px;background:#fff;overflow:hidden}
.kit-equipment-legend summary{cursor:pointer;font-size:12px;font-weight:750;padding:15px 17px;color:#3a557f;line-height:1.5}
.kit-equipment-legend ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0 17px 15px}
.kit-equipment-legend li{border-top:1px solid #e6eaf2;padding:12px 14px 7px 0}
.kit-equipment-legend li>b{font-size:11px;line-height:1.5;display:block;margin-bottom:4px}
.kit-equipment-legend li>span{font-size:10px;line-height:1.6;display:block;color:#66748b}
.builtin-label{font-size:9px;font-weight:650;display:inline-block;background:#e2ecff;color:#4772ac;padding:2px 5px;border-radius:4px;margin-left:4px}
@media(max-width:1000px){.case-scroll-hint{display:block}.kit-group-heading{padding:15px}.mechanics-card h3{font-size:19px}}
@media(max-width:760px){
 .mechanics-catalog-intro{align-items:flex-start;flex-direction:column;gap:12px}.mechanics-catalog-intro>p{font-size:12px}
 .catalog-counts>span{padding:7px 11px;font-size:11px}.catalog-counts b{font-size:18px}
 .catalog-filter{padding:9px 12px;font-size:11px}.catalog-filters{margin-bottom:19px}
 .kit-group-heading{gap:11px}.kit-group-number{font-size:35px}.kit-group-heading h2{font-size:19px}.kit-group-heading div>span{font-size:11px}
 .mechanics-card h3{font-size:18px}.mechanics-card .card-actions{min-width:0}.mechanics-card .card-actions .btn{font-size:11px;padding:10px}
 .kit-work-selector{display:block}.kit-work-selector label{display:block;margin-bottom:7px}.kit-work-selector select{font-size:12px}
 .case-scroll .physical-case{padding:21px 24px 29px;border-radius:23px 23px 32px 32px;aspect-ratio:1000/475}
 .case-scroll .mechanics-case-kit2{aspect-ratio:1000/800}
.case-scroll .mechanics-case-kit6{aspect-ratio:1000/620}
 .case-scroll .case-rim{inset:10px 12px 18px;border-width:2px}.case-scroll .case-top-handle{height:19px;top:-6px}
 .case-scroll .case-top-handle i{inset:5px 12px}.case-scroll .case-corner{width:22px;height:22px}.case-scroll .case-latch{width:59px;height:15px;bottom:-7px}
 .mechanics-kit-page .foam-label{font-size:10px;bottom:-22px}.case-scroll .case-id-tag{font-size:9px;padding:4px 9px;letter-spacing:.8px}
 .kit-equipment-legend ul{grid-template-columns:repeat(2,minmax(0,1fr))}.kit-equipment-legend summary{font-size:11px}
 .mechanics-kit-page .kit-footer-new{padding:12px 14px;margin-top:16px}.mechanics-kit-page .kit-footer-new p{font-size:10px}
}
@media(max-width:430px){.kit-equipment-legend ul{grid-template-columns:1fr}.mechanics-card .card-actions{flex-wrap:wrap}.mechanics-card .card-actions .btn{min-width:130px}}
@media(prefers-reduced-motion:reduce){.mechanics-kit-page .apparatus-visual{transition:none}.mechanics-kit-page .apparatus-button:hover .apparatus-visual{transform:none}}

/* Reading sizes are shared by desktop and narrow layouts. */
.hero-copy p,.mechanics-catalog-intro>p{font-size:16px}
.catalog-counts>span,.catalog-filter,.kit-group-heading div>span{font-size:14px}
.catalog-filter small,.kit-group-heading p{font-size:12px}
.mechanics-card p,.mechanics-card .tag,.mechanics-card .card-actions .btn{font-size:14px}
.mechanics-kit-page .kit-back,.kit-work-selector label,.kit-work-selector select{font-size:16px}
.mechanics-kit-page .kit-heading p{font-size:16px}
.mechanics-kit-page .kit-task-copy .kit-task-condition{font-size:17px;line-height:1.7}
.mechanics-kit-page .kit-task-copy .kit-task-uncertainty,.mechanics-kit-page .kit-answer p,.mechanics-kit-page .kit-answer li{font-size:15px;line-height:1.65}
.mechanics-kit-page .case-instruction{font-size:16px}
.mechanics-kit-page .case-instruction span:last-child,.case-scroll-hint{font-size:14px}
.built-in-tools>b,.built-in-tools b{font-size:15px}
.built-in-tools div>span{font-size:14px;max-width:720px;line-height:1.5}
.built-in-tools>svg{flex-shrink:0}
.mechanics-kit-page .foam-label{font-size:12px;bottom:-24px}
.mechanics-kit-page .foam-inactive .apparatus-visual{filter:grayscale(1);opacity:.45}
.mechanics-kit-page .foam-inactive .apparatus-check{display:none}
.mechanics-kit-page .foam-inactive .foam-label{color:#a7aeb5;white-space:normal;bottom:-44px}
.mechanics-kit-page .foam-inactive .foam-label small{display:block;font-size:11px;line-height:1.3;margin-top:3px;color:#9ea7af}
.mechanics-kit-page .foam-pulley .foam-label{white-space:normal;line-height:1.3;bottom:-43px}
.kit-equipment-legend summary{font-size:16px}
.kit-equipment-legend li>b,.mechanics-kit-page .kit-footer-new b{font-size:15px}
.kit-equipment-legend li>span,.mechanics-kit-page .kit-footer-new p{font-size:14px}
.mechanics-kit-page .kit-footer-new .btn{font-size:16px;min-height:48px}
.info-dialog p,.info-dialog li{font-size:16px}
#toast{font-size:15px}
@media(max-width:760px){
 .mechanics-kit-page .kit-answer ol{grid-template-columns:1fr}
 .mechanics-kit-page .case-instruction{align-items:flex-start}
 .mechanics-kit-page .case-instruction span:last-child{max-width:160px}
 .mechanics-kit-page .kit-footer-new{align-items:flex-start;flex-wrap:wrap}
 .mechanics-kit-page .kit-footer-new .btn{margin-left:auto}
 .kit-equipment-legend ul{grid-template-columns:1fr}
}