.ci-guide{margin:24px 0;padding:clamp(18px,3vw,28px);border:1px solid rgba(255,199,44,.48);border-radius:14px;background:linear-gradient(135deg,#062238 0%,#0b3851 100%);color:#fff;box-shadow:0 12px 30px rgba(2,16,27,.16)}
.ci-guide *{box-sizing:border-box}.ci-guide__heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}.ci-guide__eyebrow{margin:0 0 5px;color:#ffc72c;font-size:.75rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.ci-guide h3{margin:0;font:700 clamp(1.45rem,3vw,2rem)/1.08 Georgia,Newsreader,serif}.ci-guide__intro{max-width:720px;margin:9px 0 0;color:rgba(255,255,255,.8);line-height:1.55}.ci-guide__trust{max-width:250px;margin:0;padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#d9edf4;font-size:.76rem;font-weight:800;text-align:center}.ci-guide__prompts{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 14px}.ci-guide button,.ci-guide a{cursor:pointer}.ci-guide__prompt{min-height:44px;padding:9px 13px;border:1px solid rgba(255,255,255,.33);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font:800 .86rem/1.2 inherit;transition:background .2s ease,border-color .2s ease}.ci-guide__prompt:hover,.ci-guide__prompt[aria-pressed=true]{border-color:#ffc72c;background:rgba(255,199,44,.16)}.ci-guide__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.ci-guide__form label{display:block}.ci-guide__form input{width:100%;min-height:48px;padding:11px 14px;border:2px solid transparent;border-radius:8px;background:#fff;color:#071726;font:inherit}.ci-guide__form input:focus{outline:3px solid #ffc72c;outline-offset:2px}.ci-guide__submit{min-height:48px;padding:11px 18px;border:2px solid #ffc72c;border-radius:8px;background:#ffc72c;color:#071726;font:900 .92rem/1.1 inherit}.ci-guide__status{min-height:1.4em;margin:10px 0 0;color:#d9edf4;font-size:.86rem}.ci-guide__results{display:grid;gap:12px;margin-top:16px}.ci-guide__card{padding:16px;border-left:4px solid #18b7aa;border-radius:8px;background:#fff;color:#102231}.ci-guide__card--lead{border-left-color:#ffc72c}.ci-guide__card-type{margin:0 0 4px;color:#08706f;font-size:.72rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.ci-guide__card h4{margin:0 0 7px;font:700 1.15rem/1.2 Georgia,Newsreader,serif}.ci-guide__card p{margin:0 0 8px;color:#405465;line-height:1.48}.ci-guide__actions{display:flex;flex-wrap:wrap;gap:8px}.ci-guide__action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:2px solid #0b6270;border-radius:7px;color:#0b5260;font-weight:900;text-decoration:none;background:#fff}.ci-guide__action--primary{border-color:#0b6270;background:#0b6270;color:#fff}.ci-guide__audio{width:min(100%,360px);height:44px}.ci-guide__feedback{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.18)}.ci-guide__feedback span{color:#d9edf4;font-size:.84rem;font-weight:800}.ci-guide__feedback button{min-height:40px;padding:7px 12px;border:1px solid rgba(255,255,255,.32);border-radius:7px;background:transparent;color:#fff;font-weight:800}.ci-guide__feedback button:hover,.ci-guide__feedback button[aria-pressed=true]{border-color:#ffc72c;color:#ffc72c}.ci-guide__note{margin:14px 0 0;color:rgba(255,255,255,.7);font-size:.78rem;line-height:1.45}.ci-guide__empty{padding:14px;border:1px dashed rgba(255,255,255,.32);border-radius:8px;color:#d9edf4}.ci-guide--music{max-width:1120px;margin:0 auto 34px}.ci-guide--music .ci-guide__card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px}.ci-guide__art{width:72px;height:72px;border-radius:7px;object-fit:cover}.ci-guide__card-body{min-width:0}.ci-guide__hidden-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:700px){.ci-guide__heading{grid-template-columns:1fr}.ci-guide__trust{max-width:none;text-align:left}.ci-guide__form{grid-template-columns:1fr}.ci-guide__submit{width:100%}.ci-guide--music .ci-guide__card{grid-template-columns:58px minmax(0,1fr)}.ci-guide__art{width:58px;height:58px}.ci-guide__actions{display:grid;grid-template-columns:1fr}.ci-guide__action{width:100%}}
@media(prefers-reduced-motion:reduce){.ci-guide__prompt{transition:none}}