.cc-explorer{background:#f5f9fc;border:1px solid #cedde7;border-radius:14px;padding:18px;margin:20px 0}.cc-solutions,.cc-step-buttons,.cc-controls{display:flex;gap:8px;flex-wrap:wrap}.cc-solutions button,.cc-step-buttons button,.cc-enlarge{font:inherit;font-size:16px;line-height:1.35;min-height:44px;padding:9px 13px;border:1px solid #b9ccd7;border-radius:8px;background:white;color:#1d4f70;cursor:pointer}.cc-solutions button[aria-pressed=true],.cc-step-buttons button[aria-pressed=true]{background:#173c55;color:white;border-color:#173c55}.cc-description{font-weight:700;margin:12px 0}.cc-rules{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cc-rule{border-radius:10px;padding:14px;background:white;border-top:5px solid #287852;min-width:0}.cc-rule.cc-anode{border-top-color:#376aa1}.cc-rule>strong{font-size:20px}.cc-rule p{font-size:16px;line-height:1.45;margin:7px 0}.cc-apply-left,.cc-apply-right{border-top:1px solid #dbe5eb;padding-top:8px;color:#153d55;font-weight:700}.cc-stage{width:100%;max-width:800px;margin:14px auto 8px;background:white;border-radius:10px;overflow:hidden}.cc-stage svg{width:100%;height:auto;max-height:none;display:block}.cc-ion-key{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:8px 0 16px}.cc-ion-key span{padding:5px 14px;background:var(--ion-fill);border:1px solid var(--ion-stroke);border-radius:30px;font-size:18px;font-weight:700}.cc-step-buttons{margin:12px 0}.cc-step-buttons button{flex:1;white-space:nowrap}.cc-controls{align-items:center;margin:12px 0}.cc-controls .btn{min-height:44px}.cc-controls .cc-enlarge{margin-left:auto}.cc-progress{display:block;font-size:16px;font-weight:600}.cc-progress input{width:100%;min-height:44px;display:block;accent-color:#278265}.cc-status{font-size:18px;line-height:1.5;background:#e3f1e9;border-left:4px solid #278265;padding:13px 15px;border-radius:7px;min-height:80px;margin:8px 0}.cc-model-note{font-size:14px;line-height:1.5;color:#536977;margin:12px 0 0}.cc-rule-summary{padding:12px;background:white;border-left:4px solid #278265;line-height:1.5}.cc-comparison{font-size:20px;font-weight:700}.cc-equation{font-size:clamp(18px,4.7vw,27px);font-weight:750;line-height:1.4;text-align:center;margin:16px 0 4px;min-height:38px}.cc-photo{margin:20px 0 0}.cc-photo img{width:100%;height:auto;max-height:560px;object-fit:contain;display:block;background:#f1f4f6;border-radius:10px}.cc-photo figcaption{font-size:16px;line-height:1.5;margin-top:10px}.cc-photo .cc-credit{display:block;font-size:14px;color:#526675;margin-top:5px}.cc-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cc-photo-pair .cc-photo{margin-top:0}@media(max-width:720px){.cc-explorer{width:calc(100% + 24px);margin:18px -12px;padding:10px 7px}.cc-solutions{gap:6px}.cc-solutions button{flex:1;padding:9px 7px;font-size:15px}.cc-rules{gap:7px}.cc-rule{padding:9px 8px}.cc-rule>strong{font-size:18px}.cc-rule p{font-size:15px;line-height:1.4}.cc-description{font-size:17px}.cc-stage{margin:8px auto}.cc-step-buttons button{font-size:15px;padding:8px 5px}.cc-status{font-size:17px;padding:11px;min-height:106px}.cc-photo-pair{grid-template-columns:1fr}.cc-comparison{font-size:18px}.cc-controls .btn{padding:9px 14px}.cc-enlarge{font-size:15px;padding:8px}.cc-model-note{font-size:14px}.cc-photo img{max-height:none}}@media(max-width:370px){.cc-rules{grid-template-columns:1fr}.cc-solutions button{flex-basis:45%}}

.cc-photo-closeup img{aspect-ratio:4/3;object-fit:cover;object-position:50% 43%;height:auto;max-height:none}.cc-photo:not(.cc-photo-closeup) img{max-height:none}