.article-nudity-reveal { margin: 1rem auto; width: min(100% - 2rem, 1400px); }
.article-nudity-reveal summary {
    background: #1261bb; color: #fff; border: 0; border-radius: .4rem;
    padding: .85rem 1.2rem; font: inherit; cursor: pointer;
    width: fit-content; min-height: 44px;
}
.article-nudity-reveal summary span { margin-left: .75rem; font-weight: 700; }
.article-nudity-reveal summary:hover { background: #08498f; }
.article-nudity-reveal summary:focus-visible { outline: 3px solid #1261bb; outline-offset: 4px; }
.article-nudity-reveal p { margin-top: .75rem; }
.article-nudity-reveal:not([open]) + .article-content img,
.article-nudity-reveal:not([open]) + .article-content canvas,
.article-nudity-reveal:not([open]) + .article-content .article-featured-product { visibility: hidden; }
.article-nudity-reveal:not([open]) + .article-content .article-artwork { display: none; }
/* // Keep native disclosure controls above the stretched article link, including before Blazor starts. */
.nudity-card-media {
    position: relative;
    z-index: 2;
    isolation: isolate;
    aspect-ratio: 1.16;
    border-bottom: 1px solid #dbddcf;
    background: radial-gradient(ellipse at 50% 25%, #f3f1e8, #e4e1d6);
    color: #455536;
}
.nudity-card-toggle {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 24px;
    text-align: center;
    list-style: none;
    cursor: pointer;
    touch-action: manipulation;
}
.nudity-card-toggle::-webkit-details-marker { display: none; }
.nudity-card-warning { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.nudity-card-icon { margin-bottom: 2px; }
.nudity-card-heading { font-size: 16px; font-weight: 600; line-height: 1.4; }
.nudity-card-description { color: #626b56; font-size: 13px; line-height: 1.5; }
.nudity-card-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 20px;
    border: 1px solid #455536;
    border-radius: 999px;
    background: #455536;
    color: #fffdf8;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}
.nudity-card-toggle:hover .nudity-card-action { background: #334129; border-color: #334129; }
.nudity-card-toggle:focus-visible { outline: 3px solid #455536; outline-offset: -5px; border-radius: 8px; }
.nudity-card-hide, .nudity-card-media[open] .nudity-card-show, .nudity-card-media[open] .nudity-card-warning { display: none; }
.nudity-card-media[open] .nudity-card-hide { display: inline; }
.nudity-card-media[open] .nudity-card-toggle { inset: 10px 10px auto auto; padding: 0; }
.nudity-card-media[open] .nudity-card-action { background: #fffdf8; color: #455536; box-shadow: 0 2px 8px #28251626; }
.nudity-card-media[open] .nudity-card-toggle:hover .nudity-card-action { background: #f0f2e9; }
.gallery-card .nudity-card-artwork { position: absolute; inset: 0; height: 100%; aspect-ratio: auto; border: 0; }
.gallery-card .nudity-card-artwork img { width: 100%; height: 100%; max-height: 100%; object-fit: contain; }
.gallery-card .nudity-card-artwork:hover img { transform: none; }
.nudity-card-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
