/* WinPhoto ID (/id and /id/<document>): the top of a document page, the guide, the result, the guided camera and the rules. */
.id-promise { max-width: 680px; }
.id-svg, .id-cta svg, .id-tips svg, .id-fix-icon svg {
    fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;
}

/* The top: three steps, the two actions, the offer and the sample photo. */
.id-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px 32px; align-items: start; margin: 20px 0 0; }
.id-steps { list-style: none; display: grid; gap: 8px; margin: 0; padding: 0; }
.id-steps li { display: flex; align-items: flex-start; gap: 10px; font-size: 15px; line-height: 1.4; color: var(--ink); }
.id-step-n {
    flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--ink); color: var(--wall);
    font-size: 12px; font-weight: 600; line-height: 22px; text-align: center;
}
.id-cta { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; }
.id-cta .btn { gap: 10px; min-height: 52px; padding: 13px 22px; border-radius: 8px; font-size: 16px; font-weight: 600; }
.id-cta svg { width: 20px; height: 20px; }
.id-take, .id-choose-only { background: var(--red); border-color: var(--red); color: var(--wall); }
.id-take:hover, .id-choose-only:hover { background: var(--red-dim); border-color: var(--red-dim); }
.id-choose:not(.id-choose-only) { background: var(--wall); border-color: var(--rule-2); color: var(--ink); }
.id-choose:not(.id-choose-only):hover { background: var(--frame); border-color: var(--frame); color: var(--wall); }
.id-cta .btn:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
/* A computer has a file at hand more often than a camera: there, choosing comes first. */
@media (hover: hover) and (pointer: fine) {
    .id-choose:not(.id-choose-only) { order: -1; background: var(--red); border-color: var(--red); color: var(--wall); }
    .id-choose:not(.id-choose-only):hover { background: var(--red-dim); border-color: var(--red-dim); }
    .id-take { background: var(--wall); border-color: var(--rule-2); color: var(--ink); }
    .id-take:hover { background: var(--frame); border-color: var(--frame); color: var(--wall); }
}
.id-offer { margin: 14px 0 0; max-width: 48ch; font-size: 14.5px; line-height: 1.5; color: var(--ink-2); }
.id-sample { width: 150px; margin: 4px 0 0; }
.id-sample svg { display: block; width: 100%; height: auto; border-radius: 2px; box-shadow: 0 1px 2px rgba(15, 14, 13, 0.08), 0 10px 26px rgba(15, 14, 13, 0.12); }
.id-sample figcaption { margin: 8px 0 0; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.06em; line-height: 1.4; color: var(--ink-4); }

/* Before you take it. */
.id-before { margin: 28px 0 0; padding: 18px 20px; border: 1px solid var(--rule-2); border-radius: 10px; background: var(--wall); }
.id-before-title { margin: 0 0 12px; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); }
.id-tips { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 12px 24px; margin: 0; padding: 0; }
.id-tips li { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; line-height: 1.45; color: var(--ink-2); }
.id-tips svg { flex: none; width: 22px; height: 22px; color: var(--red); }

/* The panel: a drop zone on a computer, then the result. */
.id-panel { margin-top: 20px; }
.id-drop { margin-top: 0; }
.id-panel:not(.is-empty) .id-drop, .id-panel:not(.is-empty) .id-load-note { display: none; }
.id-work { scroll-margin-top: 16px; }
.id-work:focus { outline: none; }
.id-welcome { margin: 0 0 12px; font-weight: 600; }
.id-result { display: grid; grid-template-columns: minmax(0, 360px) minmax(0, 1fr); gap: 24px 36px; align-items: start; }
.id-stage { margin: 0; }
.id-stage canvas {
    display: block; max-width: 100%; height: auto; margin: 0 auto; border-radius: 2px; background: #FFFFFF;
    box-shadow: 0 1px 2px rgba(15, 14, 13, 0.08), 0 10px 28px rgba(15, 14, 13, 0.12);
}
.id-stage-cap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 14px; margin: 12px 0 0; }
.id-legend { font-size: 12.5px; line-height: 1.45; color: var(--ink-4); }
.id-switch { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; font-size: 14.5px; color: var(--ink); cursor: pointer; }
.id-switch input, .id-confirm input { flex: none; width: 19px; height: 19px; margin: 0; accent-color: var(--red); }
.id-photo-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; }
.id-photo-actions .btn, .id-fix-actions .btn, .id-saves .btn-sm { min-height: 42px; border-radius: 8px; }
.id-small { margin: 8px 0 0; font-size: 13px; line-height: 1.5; color: var(--ink-4); }
.id-no-replace { margin-top: 14px; }
.id-background { margin: 14px 0 0; padding: 10px 14px 12px; border: 1px solid var(--rule-2); border-radius: 8px; background: var(--wall); }
.id-edits .id-switch + .id-small { margin-top: 2px; }
.id-edits .id-switch:not(:first-child) { margin-top: 12px; }
.id-replace-note { color: var(--ink-2); font-weight: 600; }
.id-compare { display: block; margin-top: 12px; touch-action: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.id-compare[aria-pressed="true"] { background: var(--ink); color: var(--paper, #fff); }
.id-compare[hidden] { display: none; }
.id-adjust { display: flex; flex-direction: column; gap: 6px; padding: 0 0 8px; }

details.id-more { margin: 16px 0 0; border-top: 1px solid var(--rule-2); }
details.id-more > summary {
    display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 4px 0;
    list-style: none; font-size: 15px; font-weight: 600; color: var(--ink); cursor: pointer;
}
details.id-more > summary::-webkit-details-marker { display: none; }
details.id-more > summary::after { content: "+"; font-size: 22px; font-weight: 400; line-height: 1; color: var(--ink-4); }
details.id-more[open] > summary::after { content: "\2212"; }
details.id-more > summary:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; }
.id-more .tl-checks { margin-top: 0; }

/* The status: ready, or how many things to fix, each on its own card. */
.id-state { display: flex; align-items: flex-start; gap: 14px; padding: 18px 20px; border: 1px solid var(--rule-2); border-radius: 12px; background: var(--wall); }
.id-state-icon { position: relative; flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--ink-5); }
.id-state.is-pass { border-color: rgba(88, 110, 78, 0.4); background: var(--positive-wash); }
.id-state.is-pass .id-state-icon { background: var(--positive); }
.id-state.is-pass .id-state-icon::after {
    content: ""; position: absolute; left: 14px; top: 9px; width: 9px; height: 17px;
    border: solid var(--wall); border-width: 0 3px 3px 0; transform: rotate(45deg);
}
.id-state.is-fix { border-color: var(--red-line); background: var(--red-wash); }
.id-state.is-fix .id-state-icon { background: var(--red); }
.id-state.is-fix .id-state-icon::after {
    content: "!"; position: absolute; inset: 0; font-size: 22px; font-weight: 700; line-height: 40px; text-align: center; color: var(--wall);
}
.id-state.is-new .id-state-icon { animation: id-pop 0.55s var(--ease-premium); }
@keyframes id-pop { 0% { transform: scale(0.4); opacity: 0; } 60% { transform: scale(1.12); opacity: 1; } 100% { transform: scale(1); } }
.id-verdict { margin: 0; font-size: 23px; font-weight: 600; line-height: 1.2; letter-spacing: -0.016em; color: var(--ink); }
.id-state-sub { margin: 5px 0 0; font-size: 14.5px; line-height: 1.5; color: var(--ink-2); }
.id-go-buy { margin: 14px 0 0; min-height: 50px; padding: 0 14px; border-radius: 8px; font-size: 16px; font-weight: 600; white-space: nowrap; }
.id-go-buy[hidden] { display: none; }
.id-saves + .id-confirm { margin-top: 22px; }
.id-buy { scroll-margin-top: 12px; }
.id-fixes { list-style: none; display: grid; gap: 10px; margin: 12px 0 0; padding: 0; }
.id-fixes:empty { display: none; }
.id-fix { display: flex; align-items: flex-start; gap: 14px; padding: 14px 16px; border: 1px solid var(--rule-2); border-radius: 12px; background: var(--wall); }
.id-fix-icon { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: var(--red-wash); color: var(--red); }
.id-fix-icon svg { width: 22px; height: 22px; }
.id-fix-title { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.35; color: var(--ink); }
.id-fix-how { margin: 4px 0 0; font-size: 14.5px; line-height: 1.5; color: var(--ink-2); }
.id-fix-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; }

/* The opt-in Detail check, with an active pass, once the photo passes. */
.id-detail { margin: 16px 0 0; padding: 18px 20px; border: 1px solid var(--rule-2); border-radius: 12px; background: var(--wall); box-shadow: var(--card-shadow); }
.id-detail[hidden] { display: none; }
.id-detail-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; }
.id-detail-title { margin: 0; font-size: 18px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); }
.id-detail-tag { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--positive); }
.id-detail-what { margin: 8px 0 0; font-size: 14.5px; line-height: 1.5; color: var(--ink-2); }
.id-detail-consent { display: flex; align-items: flex-start; gap: 12px; margin: 12px 0 0; padding: 10px 12px; border-radius: 8px; background: var(--paper, rgba(15, 14, 13, 0.03)); font-size: 14px; line-height: 1.5; color: var(--ink); cursor: pointer; }
.id-detail-consent input { flex: none; width: 19px; height: 19px; margin: 1px 0 0; accent-color: var(--red); }
.id-detail-consent a { color: inherit; text-decoration: underline; }
#id-detail-run { width: 100%; min-height: 50px; margin: 12px 0 0; border-radius: 8px; font-size: 16px; font-weight: 600; }
#id-detail-run[disabled] { opacity: 0.45; cursor: not-allowed; }
.id-detail.is-busy #id-detail-run { cursor: progress; }
.id-detail-status { margin: 10px 0 0; font-size: 14px; line-height: 1.5; color: var(--ink-2); }
.id-detail-status:empty { display: none; }
.id-detail.is-busy .id-detail-status::before {
    content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 8px; vertical-align: -1px;
    border: 2px solid var(--rule-2); border-top-color: var(--red); border-radius: 50%; animation: id-spin 0.8s linear infinite;
}
@keyframes id-spin { to { transform: rotate(360deg); } }
.id-detail-results { margin: 14px 0 0; padding: 14px 0 0; border-top: 1px solid var(--rule-2); }
.id-detail-verdict { margin: 0; font-size: 17px; font-weight: 600; color: var(--ink); }
.id-detail-verdict.is-pass { color: var(--positive); }
.id-detail-good { margin: 8px 0 0; padding: 8px 12px; border-radius: 8px; background: var(--positive-wash); font-size: 14.5px; line-height: 1.5; color: var(--ink); }
.id-detail-fixes { margin-top: 10px; }
.id-detail-unsure { list-style: none; display: grid; gap: 6px; margin: 10px 0 0; padding: 0; }
.id-detail-unsure li { padding: 8px 12px; border-left: 2px solid var(--rule-2); font-size: 14px; line-height: 1.5; color: var(--ink-2); }
.id-confirm-warn { margin: -2px 0 4px 31px; padding: 6px 10px; border-radius: 6px; background: var(--red-wash); font-size: 13.5px; line-height: 1.45; color: var(--red); }

/* Confirm, then download or buy. */
.id-finish { margin: 22px 0 0; }
.id-confirm { display: flex; flex-direction: column; gap: 4px; min-width: 0; margin: 0; padding: 14px 16px 12px; border: 1px solid var(--rule-2); border-radius: 12px; background: var(--wall); }
.id-confirm legend { float: left; width: 100%; margin: 0; padding: 0; font-size: 16px; font-weight: 600; color: var(--ink); }
.id-confirm .id-small { clear: both; margin: 2px 0 6px; }
.id-confirm label { display: flex; align-items: flex-start; gap: 12px; padding: 7px 0; font-size: 15px; line-height: 1.45; color: var(--ink); cursor: pointer; }
.id-confirm label input { margin-top: 1px; }
.id-buy { margin: 14px 0 0; padding: 20px; border: 1px solid var(--rule-2); border-radius: 12px; background: var(--wall); box-shadow: var(--card-shadow); transition: border-color 0.3s var(--ease-out); }
.id-buy.is-on { border-color: rgba(88, 110, 78, 0.55); }
.id-buy-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.id-buy-title { margin: 0; font-size: 18px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); }
.id-price { font-size: 24px; font-weight: 600; letter-spacing: -0.02em; color: var(--ink); }
.id-gets { list-style: none; display: grid; gap: 6px; margin: 12px 0 0; padding: 0; }
.id-gets li { position: relative; padding-left: 24px; font-size: 14.5px; line-height: 1.45; color: var(--ink-2); }
.id-gets li::before {
    content: ""; position: absolute; left: 4px; top: 3px; width: 6px; height: 11px;
    border: solid var(--positive); border-width: 0 2px 2px 0; transform: rotate(45deg);
}
.id-buy-why { margin: 12px 0 0; font-size: 14px; line-height: 1.5; color: var(--ink-2); }
.id-buy-why:empty { display: none; }
.id-buy .shop-form { margin-top: 10px; }
.id-buy .shop-actions .btn { width: 100%; min-height: 54px; border-radius: 8px; font-size: 16.5px; font-weight: 600; }
.id-buy .btn[disabled], .id-saves .btn[disabled] { opacity: 0.45; cursor: not-allowed; }
.id-saves { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 14px 0 0; }
.id-saves .id-small { margin: 0; flex: 1 1 200px; }
.id-saves-main .btn { flex: 1 1 240px; min-height: 54px; border-radius: 8px; font-size: 16px; font-weight: 600; }

.id-notes { margin: 28px 0 0; }
.id-why, .id-caution { max-width: 680px; margin-top: 16px; }
.id-why p { margin: 0; }
.id-why p + p { margin-top: 8px; }

/* The rules at a glance, then every rule and source. */
.id-glance {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1px; margin: 16px 0 0;
    border: 1px solid var(--rule); border-radius: 12px; background: var(--rule); overflow: hidden;
}
.id-glance > div { padding: 12px 16px; background: var(--wall); }
.id-glance dt { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-4); }
.id-glance dd { margin: 5px 0 0; font-size: 15px; line-height: 1.45; color: var(--ink); }
.id-all-rules { margin-top: 20px; }
.id-facts > div { grid-template-columns: 10.5em minmax(0, 1fr); }
.id-facts dd { font-family: inherit; }
.id-source { margin: 18px 0 0; }
.id-quote { margin: 8px 0 0; padding: 2px 0 2px 14px; border-left: 2px solid var(--rule-2); font-size: 14px; line-height: 1.6; color: var(--ink-2); }

/* The guided camera, full screen. */
html.id-cam-open, html.id-cam-open body { overflow: hidden; }
.id-cam { position: fixed; inset: 0; z-index: 1000; display: flex; flex-direction: column; background: #0F0E0D; color: #F5F4F0; }
.id-cam-top { display: flex; align-items: center; gap: 12px; padding: max(10px, env(safe-area-inset-top)) 14px 10px; }
.id-cam-title { flex: 1; margin: 0; font-size: 16px; font-weight: 600; }
.id-cam-auto { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 14px; cursor: pointer; }
.id-cam-auto input { width: 18px; height: 18px; margin: 0; accent-color: #7FB069; }
.id-cam-close, .id-cam-switch {
    min-height: 44px; padding: 10px 16px; border: 0; border-radius: 999px; background: rgba(245, 244, 240, 0.14);
    font: inherit; font-size: 14px; color: inherit; cursor: pointer;
}
.id-cam-close:focus-visible, .id-cam-switch:focus-visible, .id-cam-shutter:focus-visible { outline: 2px solid #F5F4F0; outline-offset: 3px; }
.id-cam-stage { position: relative; flex: 1; min-height: 0; overflow: hidden; }
.id-cam-stage video, .id-cam-stage canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.id-cam-stage video { object-fit: cover; background: #000; }
.id-cam-stage video.is-mirror { transform: scaleX(-1); }
.id-cam-count {
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 96px; font-weight: 700;
    line-height: 1; color: rgba(245, 244, 240, 0.95); text-shadow: 0 2px 24px rgba(0, 0, 0, 0.55); pointer-events: none;
}
.id-cam-bottom { padding: 12px 16px max(14px, env(safe-area-inset-bottom)); text-align: center; }
.id-cam-tip { min-height: 1.4em; margin: 0; font-size: 18px; font-weight: 600; line-height: 1.35; }
.id-cam.is-ready .id-cam-tip { color: #B9DDA6; }
.id-cam-checks { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; min-height: 24px; margin: 10px 0 0; padding: 0; }
.id-cam-checks li { padding: 3px 10px; border-radius: 999px; background: rgba(245, 244, 240, 0.12); font-size: 12.5px; line-height: 1.5; }
.id-cam-checks li.is-ok { background: rgba(127, 176, 105, 0.28); color: #D7EECB; }
.id-cam-checks li.is-ok::before { content: "\2713  "; }
.id-cam-checks li.is-off { background: rgba(165, 62, 44, 0.45); }
.id-cam-bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; margin: 12px 0 0; }
.id-cam-side:last-child { justify-self: end; }
.id-cam-shutter {
    width: 74px; height: 74px; border: 4px solid #F5F4F0; border-radius: 50%; background: #F5F4F0;
    box-shadow: inset 0 0 0 4px #0F0E0D; cursor: pointer; transition: transform 0.12s var(--ease-out);
}
.id-cam-shutter:active { transform: scale(0.94); }
.id-cam.is-ready .id-cam-shutter { border-color: #7FB069; }
.id-cam-note { margin: 10px 0 0; font-size: 12px; color: rgba(245, 244, 240, 0.62); }
.id-cam.is-flash::after { content: ""; position: absolute; inset: 0; background: #FFFFFF; animation: id-flash 0.3s ease-out forwards; pointer-events: none; }
@keyframes id-flash { from { opacity: 0.85; } to { opacity: 0; } }

@media (max-width: 760px) {
    .id-result { grid-template-columns: minmax(0, 1fr); gap: 0; }
    /* On one column the verdict and its fixes come straight after the photo. */
    .id-result-photo, .id-result-side { display: contents; }
    .id-stage { order: 1; }
    .id-state { order: 2; margin-top: 18px; }
    .id-fixes { order: 3; }
    .id-photo-actions { order: 4; }
    .id-no-replace, .id-background { order: 5; }
    #id-adjust-box { order: 6; }
    #id-measure { order: 7; }
    .id-detail { order: 8; }
    .id-finish { order: 9; }
    .id-stage canvas { width: auto !important; max-width: 100%; max-height: 62vh; }
}
@media (max-width: 640px) {
    .tl-head:has(.id-hero) .tl-lede { font-size: 16px; line-height: 1.5; }
    .tl-head:has(.id-hero) .tl-title { margin-bottom: 10px; }
    .id-hero { grid-template-columns: minmax(0, 1fr) 76px; gap: 14px 16px; margin-top: 14px; }
    .id-hero-main { display: contents; }
    .id-steps { grid-column: 1; grid-row: 1; gap: 6px; }
    .id-steps li { font-size: 14.5px; }
    .id-sample { grid-column: 2; grid-row: 1; width: 76px; margin: 0; }
    .id-sample figcaption { display: none; }
    .id-cta { grid-column: 1 / -1; margin: 0; }
    .id-cta .btn { flex: 1 1 100%; }
    .id-offer { grid-column: 1 / -1; margin: 0; font-size: 14px; }
    .id-before { padding: 16px; }
    .id-tips li { font-size: 14.5px; }
    .id-facts > div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
    .id-buy { padding: 16px; }
    .tl-checks { font-size: 13px; }
    .tl-checks tbody th { white-space: normal; }
}
@media (pointer: coarse) {
    .id-drop { display: none; }
    .id-panel.is-empty { padding: 0; background: none; }
}
@media (prefers-reduced-motion: reduce) {
    .id-state.is-new .id-state-icon, .id-cam.is-flash::after, .id-detail.is-busy .id-detail-status::before { animation: none; }
    .id-buy, .id-cam-shutter { transition: none; }
}

/* The application kit (_id_kit.html) */
.id-kit-portal { margin: 16px 0 0; }
.id-kit-go { display: inline-flex; align-items: center; min-height: 48px; max-width: 100%; overflow-wrap: anywhere; text-align: left; }
.id-kit-go:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.id-kit-fee { margin: 18px 0 0; padding: 12px 14px; border: 1px solid var(--rule-2); border-radius: 8px; background: var(--wall); font-size: 15px; line-height: 1.5; color: var(--ink-2); }
.id-kit-fee strong { color: var(--ink); }
.id-kit-notes { margin: 10px 0 0; padding-left: 18px; font-size: 14px; line-height: 1.5; color: var(--ink-2); }
.id-kit-notes li + li { margin-top: 4px; }
.id-kit-src, .id-kit-src a { color: var(--ink-4); }
.id-kit-warn { margin: 16px 0 0; }
.id-kit-plain { margin: 10px 0 0; font-size: 15px; font-weight: 600; line-height: 1.45; color: var(--ink); }
.id-kit-h3 { margin: 24px 0 8px; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); }
.id-kit-check { margin: 0; padding: 0; list-style: none; }
.id-kit-check label { display: flex; align-items: flex-start; gap: 10px; min-height: 40px; padding: 6px 0; font-size: 15px; line-height: 1.45; color: var(--ink-2); cursor: pointer; }
.id-kit-check input { flex: none; width: 18px; height: 18px; margin: 2px 0 0; }
.id-kit-check input:checked + span { color: var(--ink-4); text-decoration: line-through; }
.id-kit-steps { margin: 0; padding-left: 22px; font-size: 15px; line-height: 1.5; color: var(--ink-2); }
.id-kit-steps li + li { margin-top: 6px; }
.id-kit-time { margin: 16px 0 0; font-size: 14.5px; line-height: 1.5; color: var(--ink-2); }
.id-kit-time strong { color: var(--ink); }
@media (max-width: 640px) {
    .id-kit-go { width: 100%; justify-content: center; text-align: center; }
}

.id-kit-photo { margin: 1rem 0 0; padding: .75rem 1rem; border-left: 3px solid var(--red, #A53E2C); background: var(--wall-2, #EDEBE5); }

/* A country's documents in one table (id_country.html): tl-checks, which stacks each row on a phone. */
.id-hub-table tbody th { min-width: 8.5em; white-space: normal; }
.id-hub-table td { overflow-wrap: anywhere; }
@media (max-width: 640px) {
    .id-hub-table td:empty { display: none; }
}