/* The Export Papers: components for the four-part export guide series.
   Loaded only by the four series posts and the blog index, so no other page changes. */

.issuehead .verified { font-family: 'Source Serif 4', serif; font-weight: 600; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--estate); margin: 10px 0 0; }
.issuehead .verified .dotp { color: var(--kungumam); }

/* The answer box under the opening paragraph */
.inshort { background: var(--ivory); border: 1px solid var(--hairline); border-left: 3px solid var(--estate); border-radius: 12px; padding: 18px 22px 14px; margin: 0 0 2.2em; }
.issue .prose .inshort .label { display: block; margin: 0 0 6px; }
.inshort ul { margin: 0; padding-left: 1.15em; }
.inshort li { font-size: 16.5px; line-height: 1.55; color: var(--ink-soft); margin: .35em 0; }

/* Data tables: scroll inside their own card on narrow screens */
.datatable { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 1.6em 0 2em; background: var(--ivory); border: 1px solid var(--hairline); border-radius: 12px; }
.datatable:focus-visible { outline: 2px solid var(--estate); outline-offset: 2px; }
.datatable table { border-collapse: collapse; width: 100%; min-width: 540px; font-family: 'Source Serif 4', serif; font-size: 14.5px; line-height: 1.45; font-variant-numeric: tabular-nums lining-nums; }
.datatable caption { caption-side: top; text-align: left; font-family: 'Source Serif 4', serif; font-weight: 600; font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--brass); padding: 14px 16px 6px; }
.datatable th { text-align: left; vertical-align: bottom; font-weight: 600; font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-mute); padding: 10px 16px; border-bottom: 1px solid var(--ink); }
.datatable td { vertical-align: top; padding: 11px 16px; border-bottom: 1px solid var(--hairline); color: var(--ink-soft); }
.datatable tr:last-child td { border-bottom: none; }
.datatable td:first-child { font-weight: 600; color: var(--ink); }
.datatable tbody th { text-align: left; vertical-align: top; text-transform: none; letter-spacing: 0; font-size: 14.5px; font-weight: 600; color: var(--ink); padding: 11px 16px; border-bottom: 1px solid var(--hairline); }
.datatable tbody tr:last-child th { border-bottom: none; }

/* Plain lists inside the prose read at the prose's own size */
.issue .prose > ul:not([class]), .issue .prose > ol:not([class]) { margin: 0 0 1.35em; padding-left: 1.2em; font-size: 17px; line-height: 1.6; color: var(--ink-soft); }
.issue .prose > ul:not([class]) li, .issue .prose > ol:not([class]) li { margin: .45em 0; }
.issue .prose > ul:not([class]) b { color: var(--ink); font-weight: 600; }

/* Numbered procedures */
.proc { counter-reset: proc; list-style: none; margin: 1.2em 0 1.9em; padding: 0; }
.proc > li { counter-increment: proc; position: relative; padding: 0 0 0 46px; margin: 0 0 1em; font-size: 17px; line-height: 1.6; color: var(--ink-soft); }
.proc > li::before { content: counter(proc); position: absolute; left: 0; top: 0; width: 30px; height: 30px; border: 1px solid var(--brass); border-radius: 50%; display: grid; place-items: center; font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: 17px; line-height: 1; color: var(--estate); }
.proc b { color: var(--ink); font-weight: 600; }

/* Checklists a buyer can copy */
.checklist { list-style: none; margin: 1.2em 0 1.9em; padding: 16px 22px; background: var(--ivory); border: 1px solid var(--hairline); border-radius: 12px; }
.checklist li { position: relative; padding-left: 30px; margin: .55em 0; font-size: 16.5px; line-height: 1.55; color: var(--ink-soft); }
.checklist li::before { content: ""; position: absolute; left: 2px; top: .32em; width: 13px; height: 13px; border: 1.5px solid var(--estate); border-radius: 3px; }

/* Time-sensitive notes */
.dated { margin: 2em 0; padding: 18px 22px; border: 1px dashed var(--brass); border-radius: 12px; background: var(--paper); }
.issue .prose .dated .label { display: block; margin: 0 0 8px; color: var(--arakku); }
.dated ul { margin: 0; padding-left: 1.15em; }
.dated li { font-size: 15.5px; line-height: 1.55; color: var(--ink-soft); margin: .35em 0; }

/* Questions answered */
.faq { margin-top: 2.8em; padding-top: 1.2em; border-top: 1px solid var(--hairline); }
.faq h3 { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: 22px; line-height: 1.25; color: var(--ink); margin: 1.4em 0 .4em; }

/* Sources list inside the existing sources box */
.sources ul { margin: 10px 0 0; padding-left: 1.1em; }
.sources li { font-size: 13.5px; line-height: 1.5; color: var(--ink-mute); margin: .35em 0; }

/* Three sibling cards at the foot of each post */
.issuefoot .more.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 900px) { .issuefoot .more.three { grid-template-columns: 1fr; } }

/* The series band on the blog index */
.series-head { text-align: center; max-width: 46em; margin: 6px auto 26px; }
.series-head h2 { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: clamp(26px, 3.4vw, 36px); line-height: 1.15; margin: 10px 0 8px; text-wrap: balance; }
.series-head .sub { color: var(--ink-mute); font-size: 16px; margin: 0 auto; }
.ledger.series { margin-bottom: 70px; }

@media (max-width: 640px) {
  .proc > li { padding-left: 40px; }
  .datatable table { font-size: 13.5px; }
  .inshort, .checklist, .dated { padding-left: 16px; padding-right: 16px; }
}