.ra{max-width:920px;margin:1rem auto;color:#153b38;line-height:1.75}.ra *{box-sizing:border-box}.ra .ra-bar,.ra .ra-catalog{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.ra .ra-catalog button{flex:1 1 14rem}.ra button{background:#0b5952;border:0;color:#fff;border-radius:7px;padding:.45rem .8rem;margin:.25rem;cursor:pointer}.ra button:disabled{opacity:.65;cursor:wait}.ra input,.ra select{padding:.25rem .45rem}.ra form label{display:block;margin:.5rem 0}.ra .panel{padding:1rem;border:1px solid #d5e1dc;border-radius:12px}.ra .answer{flex-wrap:wrap}.ra .off{width:86px;height:60px;object-fit:cover;border-radius:6px}.ra .question-photo{width:min(100%,430px);border-radius:10px;display:block}.ra .score-grid{display:flex;flex-wrap:wrap;gap:8px}.ra .score-card{display:grid;gap:.3rem;padding:.5rem .8rem;background:#e8f3ee;border-radius:8px}.ra [role=alert]{color:#a53024}.ra table{border-collapse:collapse}.ra th,.ra td{border-bottom:1px solid #d5e1dc;padding:.4rem}@media print{.ra button,.ra .ra-bar{display:none}}

.ra .ra-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ra .ra-catalog .ra-card{display:flex;flex-direction:column;gap:.3rem;margin:0;padding:0 0 .7rem;background:white;color:#153b38;text-align:start;border:1px solid #d5e1dc;border-radius:12px;overflow:hidden}
.ra .ra-card:hover,.ra .ra-card:focus-visible{border-color:#0b5952;box-shadow:0 0 0 2px #0b595240}
.ra .ra-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.ra .ra-card strong,.ra .ra-card span{padding-inline:.75rem}
.ra .ra-card span{font-size:.85em}
@media(max-width:700px){.ra .ra-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.ra .ra-catalog{grid-template-columns:1fr}}

.ra .ra-bar{justify-content:space-between;align-items:center;padding:.5rem;background:#eaf1ee;border-radius:10px}
.ra .ra-bar select{width:auto;min-width:9rem}
.ra-guide{border:1px solid #d5e1dc;border-radius:10px;background:#f4f8f5;padding:.65rem .85rem;margin:0 0 1rem}
.ra-guide summary{cursor:pointer;font-weight:700}
.ra-guide p{margin:.5rem 0 0}
.ra-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.ra .answer{display:flex;flex-direction:column;overflow:hidden;border:1px solid #d5e1dc;border-radius:9px;padding:.55rem;gap:.35rem;background:#fff}
.ra .answer:has(:checked){border-color:#197b6f;background:#f0f8f4}
.ra .answer .off{width:100%;height:clamp(64px,9vw,105px);object-fit:cover}
.ra-option-controls{margin-top:auto;display:flex;flex-wrap:wrap;gap:.3rem}
.ra-option-controls label{display:inline-flex;align-items:center;gap:.25rem;font-size:.88em;cursor:pointer}
.ra-option-controls input{margin:0}
.ra-report{border:1px solid #b9cbc2;border-top:5px solid #124f49;border-radius:9px;padding:1.1rem;margin:.5rem 0;background:#fff}
.ra-report header{border-bottom:1px solid #b9cbc2;margin-bottom:.8rem}
.ra-report header p{margin:.25rem 0}
.ra-report footer{margin-top:1rem;padding:.5rem 0;border-top:1px solid #b9cbc2;font-size:.9em;text-align:center}
@media(max-width:700px){.ra-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{
 body:has(.ra-report) *{visibility:hidden}
 body:has(.ra-report) .ra-report,body:has(.ra-report) .ra-report *{visibility:visible}
 body:has(.ra-report) .ra-report{position:absolute;inset:0;width:100%;margin:0;break-inside:avoid;print-color-adjust:exact}
}

.ra-role{border:1px solid #d5e1dc;border-radius:8px;padding:.65rem .8rem;margin:.55rem 0;break-inside:avoid}
.ra-role h3{margin:0 0 .3rem}
.ra-role dl,.ra-role dd{margin:0}
.ra-role dl>div{display:grid;grid-template-columns:minmax(7rem,1fr) 4fr;gap:.45rem;padding:.15rem 0}
.ra-role dt{font-weight:700}
@media print{
 body:has(.ra-belbin) .ra-report{position:relative;inset:auto;break-inside:auto}
 body:has(.ra-belbin) .ra-screen>button,body:has(.ra-belbin) .ra-bar{display:none}
 .ra-role{font-size:10pt;line-height:1.35}
}

.ra-disc-count{display:block;direction:ltr;height:8px;margin:.25rem auto;background:#e8edf3;border-radius:4px;overflow:hidden;max-width:8rem}
.ra-disc-count i{display:block;height:100%;background:#087e79}
.ra-disc-practice details{padding:.45rem .65rem;border:1px solid #d5e1dc;border-radius:7px;margin:.5rem 0}
.ra-disc-practice summary{cursor:pointer;font-weight:700}
.ra-disc-practice .ra-role h4,.ra-disc-practice .ra-role p{margin:.25rem 0}
@media print{
 body:has(.ra-disc-practice) .ra-report{position:relative;inset:auto;break-inside:auto}
 body:has(.ra-disc-practice) .ra-screen>button,body:has(.ra-disc-practice) .ra-bar{display:none}
 .ra-disc-practice details{break-inside:avoid}
}

.ra-neo-meter{height:7px;border-radius:4px;overflow:hidden;background:#e8edf3;direction:ltr;margin:.35rem 0}
.ra-neo-meter i{height:100%;display:block;background:#087e79}
.ra-neo .ra-role p{margin:.25rem 0}
@media print{
 body:has(.ra-neo) .ra-report{position:relative;inset:auto;break-inside:auto}
 body:has(.ra-neo) .ra-screen>button,body:has(.ra-neo) .ra-bar{display:none}
}
