/* Three public guide tools only; loaded through their shared AssetMapper entry. */
body[data-public-presentation] .guide-category-list {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
}

body[data-public-presentation] .guide-category {
    display: grid;
    grid-column: auto;
    align-items: start;
}

body[data-public-presentation] .guide-category-heading {
    grid-template-columns: auto minmax(0, 1fr) minmax(180px, 240px);
}

body[data-public-presentation] .guide-topic-grid,
body[data-public-presentation] .guide-topic-grid.is-wide {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
}

body[data-public-presentation] .guide-topic-card {
    height: auto;
    grid-column: auto;
}

body[data-public-presentation] .guide-category:has(> .guide-topic-grid > :only-child) {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    align-items: center;
}

body[data-public-presentation] .guide-category:has(> .guide-topic-grid > :only-child) .guide-category-heading {
    grid-template-columns: auto minmax(0, 1fr);
}

body[data-public-presentation] .guide-category:has(> .guide-topic-grid > :only-child) .guide-category-thumbnail {
    grid-column: 2;
    width: min(180px, 100%);
}

body[data-public-presentation] .guide-invitation-models {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
}

body[data-public-presentation] .guide-invitation-models [data-invitation-model] {
    grid-template-columns: 40px minmax(0, 1fr);
    grid-template-rows: subgrid;
    grid-row: span 4;
    min-height: 0;
    column-gap: var(--space-4);
}

.guide-invitation-models .landing-feature-icon {
    grid-column: 1;
    grid-row: 1;
    width: 40px;
    height: 40px;
    padding: var(--space-3);
}

.guide-invitation-models h3 { grid-column: 2; grid-row: 1; }
.guide-invitation-models [data-guide-copy-text] { grid-row: 2; white-space: pre-wrap; }
.guide-invitation-models [data-guide-copy] { grid-column: 1 / -1; grid-row: 3; }
.guide-invitation-models .guide-copy-status { grid-row: 4; }

.guide-checklist-tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-4);
    margin-block: var(--space-6);
}

.guide-checklist-tools [data-guide-progress] {
    flex-basis: 100%;
    color: var(--color-text-strong);
    font-weight: 700;
}

.guide-checklist [data-guide-storage-status] { font-size: var(--font-size-body-small); }
.guide-checklist [data-guide-reset] { font-size: var(--font-size-body-small); text-decoration: underline; }

body[data-public-presentation] .guide-checklist fieldset {
    min-width: 0;
    margin-block: var(--space-7);
    padding: var(--space-4) var(--space-6);
    border-radius: var(--radius-card);
    background: var(--color-surface);
    box-shadow: var(--shadow-chip);
}

.guide-checklist legend {
    max-width: 100%;
    padding-inline: var(--space-3);
    color: var(--color-text-strong);
    font-family: var(--font-title);
    font-size: var(--font-size-title-small);
}

body[data-public-presentation] .guide-checklist-item {
    align-items: center;
    min-height: var(--control-min-size);
    padding: var(--space-3);
    margin-block: var(--space-2);
    border-radius: var(--radius-control);
    line-height: 1.6;
}

.guide-checklist-item:hover,
.guide-checklist-item:has(:focus-visible) { background: var(--color-primary-soft); }
.guide-checklist-item:has(:checked) { background: var(--color-bg-soft); }

body[data-public-presentation] .guide-checklist-item input {
    appearance: auto;
    accent-color: var(--color-link);
    width: 22px;
    height: 22px;
    margin: 0;
}

.guide-checklist-item input:focus-visible {
    outline: 3px solid var(--color-link);
    outline-offset: 4px;
}

.guide-checklist-item input:checked + span { color: var(--color-text-strong); text-decoration-thickness: 1px; }

@media (max-width: 1000px) {
    body[data-public-presentation] .guide-category-thumbnail,
    body[data-public-presentation] .guide-category-thumbnail-group { grid-column: 3; }
}

@media (max-width: 800px) {
    body[data-public-presentation] .guide-category:has(> .guide-topic-grid > :only-child) { grid-template-columns: minmax(0, 1fr); }
    body[data-public-presentation] .guide-category:has(> .guide-topic-grid > :only-child) .guide-category-heading { grid-template-columns: auto minmax(0, 1fr) 160px; }
    body[data-public-presentation] .guide-category:has(> .guide-topic-grid > :only-child) .guide-category-thumbnail { grid-column: 3; }
}

@media (max-width: 600px) {
    body[data-public-presentation] .guide-category-heading,
    body[data-public-presentation] .guide-category:has(> .guide-topic-grid > :only-child) .guide-category-heading { grid-template-columns: auto minmax(0, 1fr); }
    body[data-public-presentation] .guide-category-thumbnail,
    body[data-public-presentation] .guide-category-thumbnail-group,
    body[data-public-presentation] .guide-category:has(> .guide-topic-grid > :only-child) .guide-category-thumbnail { grid-column: 1 / -1; width: min(240px, 100%); }
    body[data-public-presentation] .guide-checklist fieldset { padding-inline: var(--space-3); }
}

/* The pair of thumbnails keeps its own two columns at every viewport width. */
body[data-public-presentation] .guide-category-thumbnail-group > .guide-category-thumbnail {
    grid-column: auto;
    width: 100%;
}

@media print {
    .guide-checklist-tools,
    .guide-checklist [data-guide-storage-status] { display: none !important; }
    body[data-public-presentation] .guide-checklist fieldset {
        padding: .5rem;
        margin-block: .75rem;
        border-radius: 0;
        background: white;
        box-shadow: none;
    }
    body[data-public-presentation] .guide-checklist-item {
        min-height: 0;
        margin-block: .4rem;
        padding: 0;
        background: white;
        color: black;
    }
    .guide-checklist legend { font-size: 1rem; }
}