/* Case notes and photographic workbooks for sellers. */
.reader-case,
.fieldbook {
    margin-block: clamp(42px, 6vw, 88px);
}
.reader-case {
    display: grid;
    grid-template-columns: minmax(240px, 0.76fr) minmax(0, 1.55fr);
    gap: clamp(24px, 4vw, 64px);
    padding-block-start: 24px;
    border-block-start: 2px solid var(--action);
    align-items: start;
}
.reader-case h2,
.fieldbook h2 {
    font: 500 clamp(1.8rem, 3.4vw, 3rem)/1.08 var(--heading);
    letter-spacing: -0.035em;
    text-wrap: balance;
    margin: 0 0 18px;
}
.brand-hitta24 .reader-case h2,
.brand-hitta24 .fieldbook h2 {
    font-weight: 680;
}
.reader-case-lead p {
    font-size: 1.02rem;
    line-height: 1.65;
    margin: 0;
}
.case-table-scroll {
    overflow-x: auto;
    scrollbar-width: thin;
}
.case-table-scroll:focus-visible,
.fieldbook summary:focus-visible {
    outline: 2px solid var(--action);
    outline-offset: 3px;
}
.reader-case table {
    border-collapse: collapse;
    width: 100%;
    font-size: .93rem;
    text-align: start;
    line-height: 1.5;
}
.cell-label { display: none; }
.reader-case caption {
    text-align: left;
    font-weight: 660;
    padding: 0 0 12px;
}
.reader-case thead { background: var(--action); color: #fff; }
.reader-case td,
.reader-case th { padding: 12px 14px; vertical-align: top; text-align: left; }
.reader-case tbody tr { border-block-end: 1px solid var(--line); }
.reader-case tbody tr:nth-child(even) { background: var(--paper); }
.reader-case tbody th { font-weight: 620; }
.case-note,
.case-source { margin: .75rem 0 0; color: var(--muted); font-size: .84rem; line-height: 1.55; }
.case-source a,
.read-time a { text-decoration: underline; text-underline-offset: 3px; }
.fieldbook { border-block-start: 1px solid var(--line); padding-block-start: 28px; }
.fieldbook h2 { max-width: 24em; margin-bottom: 26px; }
.fieldbook-spread,
.fieldbook-sheets { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }
.fieldbook-sheets { grid-template-columns: repeat(3, minmax(0, 1fr)); padding-block: 22px; }
.fieldbook-photo { margin: 0; min-width: 0; }
.fieldbook-photo img {
    width: 100%;
    height: auto;
    aspect-ratio: 1.75;
    object-fit: cover;
    display: block;
    background: var(--paper);
}
.fieldbook-chart img { object-fit: contain; }
.fieldbook-portrait img { aspect-ratio: 1.24; object-position: center 57%; }
.fieldbook-photo figcaption { font-size: .94rem; line-height: 1.55; margin-top: 10px; max-width: 64ch; }
.fieldbook-more { border-block: 1px solid var(--line); margin-top: 24px; }
.fieldbook-more summary { cursor: pointer; color: var(--action); padding-block: 14px; font-weight: 650; }
@media (max-width: 840px) {
    .reader-case { grid-template-columns: minmax(0, 1fr); }
    .fieldbook-sheets { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .reader-case td, .reader-case th { padding: 9px 7px; overflow-wrap: break-word; }
    .reader-case table { font-size: .85rem; }
    .case-figures, .case-figures tbody { display: block; }
    .case-figures caption { display: block; padding-bottom: 12px; }
    .case-figures thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .case-figures tbody tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding-bottom: 6px; }
    .case-figures tbody th { grid-column: 1 / -1; background: var(--action); color: #fff; padding: 8px 10px; }
    .case-figures .cell-label { display: block; color: var(--muted); font-size: .74rem; font-weight: 600; margin-bottom: 4px; }
    .case-figures td { font-variant-numeric: tabular-nums; }
    .fieldbook-spread, .fieldbook-sheets { grid-template-columns: minmax(0, 1fr); gap: 22px; }
    .fieldbook-portrait img { aspect-ratio: 1.1; }
}
@media print { .fieldbook, .case-source { break-inside: auto; } .fieldbook { display: none; } .reader-case { display: block; } }

.comparison-tool tfoot th, .comparison-tool tfoot td { padding: 12px; background: var(--soft); }
.comparison-tool output { color: var(--ink); font-weight: 700; font-variant-numeric: tabular-nums; }
@media print {
    .page-compare main > :not(.section-tight),
    .page-compare main > .section-tight:not(:has(.comparison-tool)),
    .page-compare .comparison-tool button,
    .page-compare .closing-cta { display: none; }
}

.case-photos-link { display: inline-block; margin-top: .8rem; }