/* Presentation only. Preserve original navy/gold tokens and shared controller. */
body[data-answer-layout="tiles"] .hero-sect { min-height:0;padding:54px 0; }
body[data-answer-layout="tiles"] .hero-title { font-size:clamp(2rem,4vw,3.2rem); }
body[data-answer-layout="tiles"] .hero-lead { margin-bottom:24px; }
body[data-answer-layout="tiles"] .wizard-shell { max-width:1280px; }
body[data-answer-layout="tiles"] .question-card { padding:28px; }
body[data-answer-layout="tiles"] .question-title { font-size:clamp(1.15rem,2vw,1.6rem);margin-bottom:12px; }
body[data-answer-layout="tiles"] .answer-help { margin-bottom:20px; }
body[data-answer-layout="tiles"] .pillar-intro-box { padding:14px 18px;margin-bottom:18px; }
.tile-answer-options { gap:16px; }
.tile-grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px; }
.answer-tile { position:relative;min-width:0;aspect-ratio:1; }
.option-card.tile-select { height:100%;padding:10px 12px 48px;display:flex;flex-direction:column;align-items:stretch;gap:4px;overflow-wrap:anywhere;transition:background .2s,border-color .2s,box-shadow .2s; }
.option-card.tile-select:hover { transform:none;border-color:var(--gold); }
.tile-top { display:flex;align-items:center;gap:9px;color:var(--gold);min-height:28px; }
.tile-icon { display:flex;flex:0 0 28px;width:28px;height:28px; }
.tile-icon svg { width:100%;height:100%; }
.tile-level { font:500 .69rem var(--f-mono);white-space:nowrap; }
.tile-check { margin-left:auto;color:var(--gold);font-weight:700;visibility:hidden; }
.tile-select.selected .tile-check { visibility:visible; }
.tile-title { font:700 .82rem/1.25 var(--f-head);color:white;min-height:2.5em; }
.tile-excerpt { font:.75rem/1.42 var(--f-body);color:var(--mut-d); }
.excerpt-mobile,.excerpt-small { display:none; }
.tile-details { position:absolute;bottom:1px;left:1px;right:1px;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:rgba(224,190,86,.07);border:0;border-top:1px solid var(--line-d);border-radius:0 0 7px 7px;color:var(--gold);font-size:.77rem;font-weight:600;cursor:pointer; }
.tile-details:hover,.tile-details[aria-expanded="true"] { background:rgba(224,190,86,.17); }
.tile-details span { font-size:1.1rem; }
.tile-detail-panels { display:grid;gap:12px; }
.tile-detail-panels:has(.tile-detail-panel):not(:has(.tile-detail-panel:not([hidden]))) { display:none; }
.tile-detail-panel { background:rgba(18,59,101,.3);border:1px solid var(--line-d);border-left:3px solid var(--gold);padding:18px 20px;border-radius:var(--r);scroll-margin-top:90px; }
.tile-detail-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px; }
.tile-detail-heading h3 { font-size:.95rem;line-height:1.4; }
.tile-detail-close { min-height:44px;padding:0 10px;border:0;background:transparent;color:var(--gold);font-size:.8rem;cursor:pointer;white-space:nowrap; }
.tile-detail-panel p { margin:0;font-size:.9rem;color:var(--mut-d);overflow-wrap:anywhere; }
.tile-secondary { display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px; }
.tile-secondary .na-option { width:auto;min-height:44px;padding:10px 14px;gap:10px;align-items:center;font-size:.77rem;box-shadow:none; }
.tile-na-label { font:700 .75rem var(--f-mono);color:var(--gold); }
.tile-secondary .answer-clear { min-height:44px; }
.tile-selection-help { font-size:.75rem;color:var(--mut-d);margin:0; }
@media(min-width:1100px) and (max-width:1199px), (min-width:701px) and (max-width:799px) {
  .excerpt-desktop { display:none; }
  .excerpt-mobile { display:inline; }
  .tile-icon { flex-basis:24px;width:24px;height:24px; }
  .tile-top { min-height:24px;gap:6px; }
  .tile-title { font-size:.76rem; }
  .tile-excerpt { font-size:.72rem; }
}
@media(min-width:701px) and (max-width:1099px) {
  .tile-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .answer-tile { grid-column:span 2; }
  .answer-tile:nth-child(4) { grid-column:2 / span 2; }
  .answer-tile:nth-child(5) { grid-column:4 / span 2; }
}
@media(max-width:700px) {
  body[data-answer-layout="tiles"] .wizard-shell { padding-left:12px;padding-right:12px; }
  body[data-answer-layout="tiles"] .question-card { padding:14px 10px; }
  body[data-answer-layout="tiles"] .hero-sect { padding:34px 0; }
  body[data-answer-layout="tiles"] .pillar-intro-box { font-size:.78rem; }
  .tile-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
  .answer-tile:nth-child(5) { grid-column:1 / -1;width:calc((100% - 10px)/2);justify-self:center; }
  .option-card.tile-select { padding:10px 10px 47px;gap:5px; }
  .tile-top { gap:6px;min-height:24px; }
  .tile-icon { flex-basis:24px;width:24px;height:24px; }
  .tile-level { font-size:.62rem; }
  .tile-title { font-size:.77rem;min-height:2.5em; }
  .tile-excerpt { font-size:.72rem;line-height:1.35; }
  .excerpt-desktop { display:none; }
  .excerpt-mobile { display:inline; }
  .tile-details { padding:0 10px;font-size:.72rem; }
  .tile-detail-panel { padding:14px; }
  .tile-detail-heading { flex-wrap:wrap;gap:4px; }
  .tile-detail-close { padding-left:0; }
  .tile-secondary .na-option { width:100%; }
}
@media(max-width:360px) {
  .tile-grid { gap:8px; }
  .answer-tile:nth-child(5) { width:calc((100% - 8px)/2); }
  .option-card.tile-select { padding:4px 7px 45px;gap:2px; }
  .tile-icon { flex-basis:20px;width:20px;height:20px; }
  .tile-top { gap:4px;min-height:20px; }
  .tile-title { font-size:.69rem; }
  .tile-excerpt { font-size:.68rem; }
  .excerpt-mobile { display:none; }
  .excerpt-small { display:inline; }
  .tile-details { padding:0 8px; }
}