.claro{--claro-ink:#29483d;--claro-line:#d8e1d7;color:var(--claro-ink);text-align:left;background:#f8f7ef;border-radius:22px;max-width:460px;margin:auto;padding:16px 18px 30px}.claro h2{margin:8px 0 14px;scroll-margin-top:18px;font-size:clamp(25px,7vw,34px);line-height:1.15}.claro h2:focus{outline:none}.claro p{font-size:15px;line-height:1.6}.claro button{touch-action:manipulation;min-height:44px;font:inherit;cursor:pointer}.claro button:focus-visible,.claro summary:focus-visible{outline-offset:3px;outline:3px solid #557b57}.claro button:disabled{opacity:.55;cursor:wait}.claro-topline{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.claro-topline span,.claro-kicker{letter-spacing:1.5px;font-weight:700;font-size:10px!important}.claro-topline button{color:var(--claro-ink);background:0 0;border:0;font-size:13px}.claro-cover{border-radius:15px;height:128px;overflow:hidden}.claro-cover img{object-fit:cover;object-position:center 60%;width:100%;height:100%}.claro .primary{color:#fff;background:#385d49;border:1px solid #385d49;border-radius:13px;width:100%;margin:14px 0 10px;padding:13px 16px;font-size:15px;display:block}.claro-paths{gap:8px;margin-top:16px;display:grid}.claro-paths>button{text-align:left;border:1px solid var(--claro-line);width:100%;color:var(--claro-ink);background:#fffdf7;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.claro-paths>button>span{text-align:center;min-width:30px;font-size:28px}.claro-paths strong{font-size:15px}.claro-paths small{color:#536252;margin-top:3px;font-size:12px;line-height:1.45;display:block}.claro-paths b{margin-left:auto}.claro-link{width:100%;color:var(--claro-ink);text-underline-offset:4px;background:0 0;border:0;margin:8px 0;text-decoration:underline;font-size:13px!important}.claro-details{border-top:1px solid var(--claro-line);margin-top:12px;padding-top:12px;font-size:12px}.claro-details summary{cursor:pointer;min-height:32px}.claro-details p,.claro-footnote{color:#536252;font-size:12px!important}.claro-scene{aspect-ratio:1;background:#e8ede1;border-radius:17px;justify-content:center;align-items:center;max-height:42dvh;margin:12px 0;display:flex;overflow:hidden}.claro-scene img{object-fit:contain;width:100%;height:100%}.claro-scene.is-detail img{object-fit:cover;transform:scale(2.6)}.claro-invitation{font-size:16px!important;line-height:1.5!important}.claro-scene-tools,.claro-alternatives{flex-wrap:wrap;gap:8px;display:flex}.claro-scene-tools button,.claro-alternatives button{border:1px solid var(--claro-line);color:var(--claro-ink);background:#fffdf7;border-radius:12px;flex:1;padding:9px 11px;font-size:12px}.claro button[aria-pressed=true]{background:#e0eadb;border-color:#658767}.claro-notice{background:#eaf0e5;border-radius:10px;padding:9px 12px;font-size:12px!important}.claro-favorites{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.claro-favorites button{border:1px solid var(--claro-line);color:var(--claro-ink);background:#fff;border-radius:12px;padding:0 0 10px;overflow:hidden}.claro-favorites img{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.claro-favorites span{padding:6px;font-size:13px;display:block}.claro-empty{background:#ecefe4;border-radius:12px;padding:16px}.claro-responses{border:0;flex-wrap:wrap;gap:8px;margin:20px 0;padding:0;display:flex}.claro-responses legend{margin-bottom:12px;font-size:14px}.claro-responses button{border:1px solid var(--claro-line);color:var(--claro-ink);background:#fffdf7;border-radius:22px;padding:9px 13px;font-size:13px}.claro-closing-symbol{text-align:center;margin:18px;font-size:64px}.claro-image-fallback{padding:18px}.exercise-page.claro-page{background:#f8f7ef;padding-top:10px}.claro-home{text-align:left;color:#29483d;background:#edf0e4;border:1px solid #d8e1d7;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:12px 0;padding:13px 15px;display:flex}.claro-home strong,.claro-home small{display:block}.claro-home small{margin-top:4px;font-size:12px;line-height:1.4}.claro-home>span:last-child{font-size:24px}@media (max-width:360px){.claro{padding:12px}.claro-scene-tools button,.claro-alternatives button{flex-basis:45%}}@media (prefers-reduced-motion:reduce){.claro *{scroll-behavior:auto!important;transition:none!important}}