:root{--bs-primary:#236e5a;--bs-body-bg:#f3f5f1;--bs-body-color:#17201d}.portal-header{background:#173e36}.navbar-brand{font-weight:700;font-size:1.05rem}.navbar .nav-link{font-size:.88rem}.portal-account{font-size:.85rem;color:#66776f}.portal-intro{max-width:800px;margin:20px 0 30px}.portal-intro h1{font-size:clamp(1.9rem,4vw,3rem);margin:10px 0}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:#236e5a;font-weight:700}.card{border-color:#dfe5e1;border-radius:12px;box-shadow:0 4px 20px #173e3608}.btn-primary{background:#236e5a;border-color:#236e5a}.btn-primary:hover{background:#185542;border-color:#185542}.btn-outline-primary{color:#236e5a;border-color:#236e5a}.btn-outline-primary:hover{background:#236e5a;border-color:#236e5a}.portal-stat{background:#e3eee7;border-radius:10px;padding:18px;height:100%}.portal-stat strong{display:block;font-size:1.7rem}.portal-stat span{font-size:.85rem;color:#50695c}.portal-login{max-width:490px;margin:35px auto}.portal-footer{padding:35px 12px;color:#7d8a81;font-size:.8rem}.portal-progress{display:block;width:100%;height:24px;accent-color:#236e5a;margin:15px 0}.task-row{color:inherit;text-decoration:none}.task-row span,.task-row small{display:block;color:#6d7c72;margin-top:6px}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.option{display:flex;align-items:flex-start;gap:10px;border:1px solid #d8e1db;border-radius:9px;padding:12px;cursor:pointer}.option:has(input:checked){background:#eef8f1;border-color:#236e5a}.option input{margin-top:5px}.fragment-top{display:flex;justify-content:space-between;gap:15px}.fragment-index{font-size:.8rem;font-weight:700;text-transform:uppercase;color:#236e5a}.fragment-top h2{font-size:1.3rem;margin-top:8px}.segment-number{font-size:.9rem;color:#4c7161}.fragment-meta{display:flex;gap:15px;flex-wrap:wrap;color:#65756b;font-size:.85rem;margin:12px 0}.player{display:flex;align-items:center;gap:15px;background:#eaf1eb;border-radius:9px;padding:14px;margin:14px 0}.player audio{max-width:100%}.group-segment fieldset{margin-top:16px}.group-segment legend{font-size:1rem;font-weight:700}.table-responsive{max-width:100%;overflow:auto}.selection-row{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.selection-row label{flex:1;min-width:180px}.selection-row audio{max-width:100%;width:280px}.small-table td,.small-table th{overflow-wrap:anywhere}.group-submit{position:sticky;bottom:0;background:#f3f5f1ee;padding:15px 0}.annotation-order{border:1px solid #dfe5e1;background:white;padding:18px;border-radius:10px;margin:20px 0}.annotation-order-status{display:block;font-size:.85rem;color:#65756b}.annotation-order-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.annotation-order-actions button{border:1px solid #ccdacf;background:white;border-radius:7px;padding:8px 12px}.annotation-order-actions button[aria-pressed=true]{background:#236e5a;color:white}.annotation-order p{font-size:.85rem;color:#68776d;margin:10px 0 0}.audio-player{padding:15px;border-radius:9px;background:#f5f8f4;margin:20px 0}.audio-player audio{max-width:100%}@media(max-width:600px){.player{flex-wrap:wrap}.navbar-brand{font-size:.95rem}.portal-stat{padding:12px}.card-body{min-width:0}.selection-row audio{width:100%}}
