.pilot-review { margin: 2rem 0; padding: clamp(1rem, 3vw, 2rem); border: 1px solid #bdd5e8; border-radius: 1.25rem; background: linear-gradient(145deg, #f6fbff, #fff); color: var(--ink, #1d2939); }
.pilot-review__header { display: flex; gap: 1.5rem; align-items: start; justify-content: space-between; }
.pilot-review__header h2, .pilot-review__card h3 { color: var(--navy-950, #101d33); }
.pilot-review__header h2 { margin: .15rem 0 .5rem; }
.pilot-review__header p { max-width: 42rem; }
.pilot-review__eyebrow, .pilot-review__count { margin: 0; color: var(--blue-700, #245c9d); font-size: .8rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.pilot-review__summary { min-width: 15rem; padding: 1rem; border-radius: .85rem; background: var(--navy-950, #101d33); color: #fff; }
.pilot-review__summary strong, .pilot-review__summary span, .pilot-review__summary small { display: block; }
.pilot-review__summary span { margin-top: .35rem; font-size: .9rem; }
.pilot-review__summary small { margin-top: .6rem; color: #dbeaff; }
.pilot-review__storage, .pilot-review__status, .pilot-review__atelier { margin: 1rem 0; font-size: .94rem; }
.pilot-review__storage { color: var(--muted, #5d6978); }
.pilot-review__status { min-height: 1.5rem; font-weight: 650; }
.pilot-review__cards { margin: 0; padding: 0; list-style: none; }
.pilot-review__card { padding: clamp(1rem, 3vw, 1.5rem); border: 1px solid var(--line, #d8e0e8); border-radius: 1rem; background: #fff; box-shadow: 0 .4rem 1.2rem rgb(16 29 51 / .06); }
.pilot-review__card h3 { margin: .45rem 0 .8rem; font-size: clamp(1.1rem, 2vw, 1.35rem); }
.pilot-review__source { display: inline-block; margin-bottom: 1rem; font-weight: 700; }
.pilot-review__answer { border: 1px solid #b9d6c9; border-radius: .75rem; background: #f3fbf6; }
.pilot-review__answer summary { padding: .85rem 1rem; cursor: pointer; font-weight: 800; }
.pilot-review__answer > div { padding: 0 1rem 1rem; }
.pilot-review__answer p { margin: 0; }
.pilot-review__ratings { margin: 1rem 0 0; padding: 0; border: 0; }
.pilot-review__ratings legend { margin-bottom: .6rem; font-weight: 700; }
.pilot-review__ratings > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; }
.pilot-review__ratings button { min-height: 4.4rem; padding: .6rem; border: 1px solid #9cbfd7; border-radius: .7rem; background: #fff; color: var(--navy-950, #101d33); cursor: pointer; }
.pilot-review__ratings button strong, .pilot-review__ratings button span { display: block; }
.pilot-review__ratings button span { margin-top: .25rem; color: var(--muted, #5d6978); font-size: .78rem; }
.pilot-review__ratings button:hover:not(:disabled), .pilot-review__ratings button:focus-visible { border-color: var(--blue-700, #245c9d); outline: 3px solid rgb(36 92 157 / .22); outline-offset: 2px; }
.pilot-review__ratings button:disabled { cursor: not-allowed; opacity: .55; }
.pilot-review__due { margin: 1rem 0 0; color: var(--muted, #5d6978); font-weight: 700; }
.pilot-review__complete { padding: 1.2rem; border: 1px solid #b9d6c9; border-radius: .85rem; background: #f3fbf6; }
.pilot-review__complete p { margin-bottom: 0; }
.pilot-review__atelier a, .pilot-review__source { color: var(--blue-700, #245c9d); }
@media (max-width: 44rem) { .pilot-review__header { display: block; } .pilot-review__summary { margin-top: 1rem; min-width: 0; } .pilot-review__ratings > div { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (forced-colors: active) { .pilot-review, .pilot-review__card, .pilot-review__summary, .pilot-review__answer, .pilot-review__ratings button { border: 1px solid CanvasText; background: Canvas; color: CanvasText; } .pilot-review__summary small, .pilot-review__ratings button span { color: CanvasText; } }