/* Result presentation only. Counts and completion actions use the existing list state. */
main#main-content>.preparation-results { animation: none; }
html:has(.preparation-results) { scroll-padding-top: 0; }
.mobile-result-actions { display: none; }
.result-context-details { margin: 16px 0; }
.result-context-details>summary { cursor: pointer; min-height: 44px; padding-block: 10px; font-size: 13px; font-weight: 500; color: #525f61; }
.result-context-details .traffic-context { margin-block: 10px; }
.result-category-nav { margin: 0 0 24px; }
.result-group, .result-group-header h2 { scroll-margin-top: calc(var(--am-header-height, 77px) + 24px); }
@media (max-width: 760px) {
  body:has(.mobile-result-actions) { padding-bottom: calc(var(--wf-mobile-nav-height, 84px) + 96px); }
  .preparation-results { --am-result-nav-height: var(--am-measured-result-nav-height, 86px); }
  .preparation-results>.page-heading { padding-block: 25px 18px; }
  .preparation-results>.page-heading h1 { font-size: 28px; margin-bottom: 8px; }
  .preparation-results>.page-heading p { font-size: 13px; line-height: 1.8; }
  .preparation-results .result-overview { padding: 18px; margin-bottom: 15px; }
  .preparation-results .result-overview>.flex-row { gap: 8px; }
  .preparation-results .result-overview>.flex-row>div { min-width: 0; flex: 1; }
  .preparation-results .result-overview>.flex-row h2 { font-size: 20px; line-height: 1.5; overflow-wrap: anywhere; }
  .preparation-results .result-overview>.flex-row .tag { font-size: 10px; }
  .preparation-results .result-overview>.flex-row p { margin-bottom: 0; font-size: 12px; }
  .preparation-results .result-overview>.flex-row>.icon { width: 28px; height: 28px; color: #869092; }
  .preparation-results .result-context-details { margin-block: 8px; }
  .preparation-results .result-context-details>summary { font-size: 12px; min-height: 44px; line-height: 1.7; }
  .preparation-results .result-context-details .notice,
  .preparation-results .result-context-details .traffic-general { padding: 13px; font-size: 13px; line-height: 1.85; }
  .preparation-results .result-disclaimer { font-size: 12px; line-height: 1.8; margin: 6px 0 0; color: #606b6d; }
  .preparation-results .result-overview>.notice { margin-block: 12px; font-size: 13px; line-height: 1.85; }
  .preparation-results .result-category-nav {
    position: sticky;
    top: var(--am-header-height, 77px);
    z-index: 20;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    padding: 8px 0;
    min-height: 86px;
    margin: 0 0 16px;
    border: 0;
    border-radius: 0;
    background: #f5f6f8;
  }
  .preparation-results .result-category-nav .stat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
    min-height: 70px;
    padding: 8px 5px;
    text-align: center;
    border: 1px solid var(--group-line);
    border-radius: 12px;
    background: var(--group-bg);
    color: var(--group-ink);
  }
  .preparation-results .result-category-nav .stat>.icon { display: none; }
  .preparation-results .result-category-nav .stat strong { font-size: 21px; line-height: 1.2; font-weight: 600; }
  .preparation-results .result-category-nav .stat span { margin: 0; font-size: 10px; line-height: 1.6; font-weight: 500; }
  .preparation-results .result-category-nav .stat:hover { border-color: var(--group-ink); }
  .preparation-results .result-group,
  .preparation-results .result-group-header h2 { scroll-margin-top: calc(var(--am-header-height, 77px) + var(--am-result-nav-height) + 24px); }
  .preparation-results .result-group { margin-bottom: 20px; border-radius: 17px; }
  .preparation-results .result-group-header { padding: 18px 15px; gap: 10px; flex-wrap: wrap; }
  .preparation-results .group-symbol { width: 32px; height: 32px; border-radius: 10px; }
  .preparation-results .group-symbol>.icon { width: 19px; height: 19px; }
  .preparation-results .result-group-header>div { flex-basis: calc(100% - 44px); }
  .preparation-results .result-group-header h2 { font-size: 20px; line-height: 1.5; margin: 0 0 7px; font-weight: 600; }
  .preparation-results .result-group-header p { font-size: 13px; line-height: 1.8; }
  .preparation-results .group-count { display: flex; align-items: center; gap: 5px; font-size: 12px; margin-left: 42px; padding: 4px 10px; min-width: 0; border: 1px solid var(--group-line); border-radius: 999px; background: #fff; }
  .preparation-results .group-count small { font-size: 11px; margin: 0; }
  .preparation-results .result-group-items { padding: 0 15px; }
  .preparation-results .result-group .result-item { display: block; position: relative; padding: 23px 0; }
  .preparation-results .result-group .result-item>.result-icon { display: none; }
  .preparation-results .result-group .result-copy { display: block; overflow-wrap: anywhere; }
  .preparation-results .result-group .result-copy h3 { font-size: 17px; line-height: 1.6; margin: 0 0 11px; font-weight: 600; }
  .preparation-results .result-group .result-copy p { font-size: 14px; line-height: 1.9; margin-bottom: 15px; color: #596567; }
  .preparation-results .result-copy .preparation-context { font-size: 10px; margin-bottom: 9px; }
  .preparation-results .result-copy .toolbar-wrap { display: grid; grid-template-columns: minmax(0, 1fr); gap: 9px; margin-top: 16px; }
  .preparation-results .result-group .result-copy .toolbar-wrap>.text-link,
  .preparation-results .result-copy>.preparation-official-action { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 46px; padding: 10px 13px; border: 1px solid #dce1e2; border-radius: 11px; font-size: 13px; line-height: 1.7; background: #fff; }
  .preparation-results .result-copy .item-toggle { display: flex; justify-content: center; width: 100%; min-height: 48px; padding: 12px; margin: 0; font-size: 13px; line-height: 1.7; border-color: #adb8b9; background: #f7f8f9; }
  .preparation-results .result-copy .item-toggle[aria-pressed=true] { background: #eaf6f0; color: #126855; border-color: #91bea7; }
  .preparation-results .item-completed-label { font-size: 12px; line-height: 1.8; margin-block: 10px; }
  .preparation-results .result-group-empty { font-size: 14px; line-height: 1.85; padding-block: 21px; }
  .preparation-results .result-notes { padding: 20px 18px; }
  .preparation-results .result-notes>.small { font-size: 13px; line-height: 1.85; }
  .preparation-results .result-notes .traffic-comparison p { font-size: 13px; line-height: 1.85; }
  .preparation-results .result-notes .result-actions [data-action=download-list],
  .preparation-results .result-sidebar [data-action=save-result] { display: none; }
  .preparation-results .result-sidebar { gap: 0; }
  .preparation-results .mobile-result-actions {
    position: fixed;
    inset: auto 0 var(--wf-mobile-nav-height, 84px);
    z-index: 39;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 12px max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));
    min-height: 76px;
    background: #fff;
    border-top: 1px solid #dce1e2;
    box-shadow: 0 -4px 16px #1f232308;
  }
  .preparation-results .mobile-result-actions .btn { min-width: 0; min-height: 48px; padding: 11px 10px; font-size: 12px; line-height: 1.6; white-space: normal; }
  .preparation-results .mobile-result-actions .btn .icon { width: 17px; height: 17px; }
  .result-saved-status { display: flex; justify-content: center; align-items: center; gap: 7px; color: #126855; font-size: 12px; min-height: 48px; }
  .result-saved-status>.icon { width: 19px; height: 19px; }
}
@media (max-width: 350px) {
  .preparation-results .result-group .result-copy h3 { font-size: 16px; }
  .preparation-results .result-group .result-copy p { font-size: 13px; }
  .preparation-results .result-category-nav .stat span { font-size: 10px; }
  .preparation-results .result-category-nav .stat { padding-inline: 3px; }
}
@media print {
  .result-context-details { display: block; }
  .result-context-details::details-content { content-visibility: visible; }
  .result-context-details>summary { display: none; }
  .mobile-result-actions, .result-category-nav { display: none !important; }
  .result-group, .result-group-header h2 { scroll-margin-top: 0; }
}