/* Public form protection */
.form-honeypot
{
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    pointer-events: none;
}
.form-verification
{
    min-width: 0;
    max-width: 100%;
}

/* Content sharing */
.content-share
{
    min-width: 0;
    margin-block: 18px;
}
.product-summary .content-share
{
    margin-bottom: 0;
}
.content-share > .share-toggle
{
    display: inline-flex;
    min-height: 40px;
    padding: 9px 15px;
    list-style: none;
    cursor: pointer;
}
.share-toggle::-webkit-details-marker
{
    display: none;
}
.share-panel
{
    display: grid;
    gap: 14px;
    margin-top: 12px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--surface);
}
.share-networks
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
    gap: 8px;
}
.share-networks > a, .share-networks > button
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    font-size: 12px;
}
.share-networks > a:hover, .share-networks > button:hover
{
    background: var(--sage);
    border-color: var(--green);
}
.share-networks .icon
{
    flex-shrink: 0;
}
.share-copy-row
{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.share-copy-row > label
{
    flex: 1 1 160px;
    min-width: 0;
}
.share-copy-row input
{
    width: 100%;
    min-width: 0;
    height: 44px;
    margin: 0;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--canvas);
    font-size: 12px;
}
.share-copy-row .button
{
    min-height: 44px;
    padding: 10px 12px;
    font-size: 12px;
}
.share-panel .share-note, .share-panel .share-status
{
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
}
.share-panel .text-link
{
    justify-self: start;
    text-align: left;
}
.content-share [hidden]
{
    display: none;
}

/* Static navigation */
.store-nav
{
    position: relative;
    overflow: visible;
    gap: 22px;
}
.category-links
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    flex: 1;
    min-width: 0;
    overflow-x: auto;
}
.category-links > a, .category-links > span
{
    flex-shrink: 0;
}
.category-links .vertical-rule
{
    display: block;
}
.static-nav
{
    display: flex;
    align-items: center;
    gap: 23px;
    padding-left: 22px;
    border-left: 1px solid var(--line);
    flex-shrink: 0;
}
.corporate-dropdown
{
    position: relative;
}
.corporate-toggle
{
    display: flex;
    align-items: center;
    gap: 6px;
    padding-block: 16px;
    font-size: inherit;
}
.corporate-toggle .icon, .blog-nav-link .icon, .home-nav-link .icon
{
    width: 15px;
    height: 15px;
}
.corporate-toggle[aria-expanded='true'] .icon
{
    transform: rotate(180deg);
}
.corporate-menu
{
    position: absolute;
    z-index: 50;
    right: 0;
    top: calc(100% - 2px);
    width: 265px;
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: 0 0 12px 12px;
    background: var(--surface);
    box-shadow: 0 16px 35px #14261a1f;
    white-space: normal;
}
.corporate-menu .eyebrow
{
    display: block;
    margin-bottom: 12px;
}
.store-nav .corporate-menu a
{
    display: flex;
    justify-content: space-between;
    padding-block: 11px;
    border-bottom: 1px solid var(--line);
    font-size: 12px;
}
.corporate-menu a:last-child
{
    border-bottom: 0;
}
.corporate-menu .icon
{
    width: 14px;
    flex-shrink: 0;
    color: var(--muted);
}

/* ETBIS registration */
.etbis-registration
{
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr) 32px;
    align-items: center;
    gap: 16px;
    width: 100%;
    max-width: 100%;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--sage);
    color: var(--ink);
    text-align: start;
}
.etbis-registration:hover
{
    border-color: var(--muted);
}
.etbis-logo
{
    width: 100px;
    height: 48px;
    padding: 8px;
    border-radius: 6px;
    background: #fff;
    object-fit: contain;
}
.etbis-copy
{
    min-width: 0;
    overflow-wrap: anywhere;
}
.etbis-copy strong, .etbis-copy small
{
    display: block;
    line-height: 1.5;
}
.etbis-copy strong
{
    font-size: 13px;
    font-weight: 600;
}
.etbis-copy small
{
    margin-top: 3px;
    color: var(--muted);
    font-size: 11px;
}
.etbis-arrow
{
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: var(--surface);
}
.etbis-arrow .icon
{
    width: 14px;
    height: 14px;
}
.etbis-registration:hover .etbis-arrow
{
    background: var(--green);
    color: #fff;
}
.footer-meta
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--line);
}
.footer-meta-copy
{
    display: grid;
    gap: 8px;
    color: var(--muted);
    font-size: 11px;
}
.footer-meta .footer-date
{
    margin: 0;
}
.footer-meta .etbis-registration
{
    width: auto;
    max-width: 430px;
    padding: 4px 0 4px 24px;
    border: 0;
    border-left: 1px solid var(--line);
    border-radius: 0;
    background: transparent;
}
.footer-meta .etbis-copy strong
{
    font-size: 12px;
}
.corporate-registration
{
    margin-top: 24px;
}
.contact-corporate .etbis-registration
{
    margin-top: 24px;
    padding: 20px 0 0;
    border: 0;
    border-top: 1px solid var(--line);
    border-radius: 0;
    background: transparent;
}
@media (max-width: 700px)
{
    .footer-meta
    {
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
    }
    .footer-meta .etbis-registration
    {
        order: -1;
        width: 100%;
        max-width: none;
        padding: 0 0 18px;
        border-left: 0;
        border-bottom: 1px solid var(--line);
    }
}
@media (max-width: 420px)
{
    .etbis-registration
    {
        grid-template-columns: 80px minmax(0, 1fr) 28px;
        gap: 12px;
        padding: 14px;
    }
    .etbis-logo
    {
        width: 80px;
        height: 40px;
        padding: 6px;
    }
    .etbis-copy strong
    {
        font-size: 12px;
    }
    .etbis-arrow
    {
        width: 28px;
        height: 28px;
    }
}

/* Newsletter and footer */
.newsletter-inner
{
    gap: 55px;
}
.newsletter .newsletter-form
{
    width: 46%;
    max-width: 540px;
    flex-shrink: 0;
}
.newsletter-form > label:first-child
{
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
}
.newsletter .newsletter-field
{
    align-items: center;
    gap: 12px;
    padding: 7px 7px 7px 16px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--surface);
    box-shadow: 0 4px 15px #172c2108;
}
.newsletter-field > .icon
{
    flex-shrink: 0;
    color: var(--muted);
}
.newsletter-field:focus-within
{
    outline: 2px solid var(--green);
    outline-offset: 3px;
}
.newsletter .newsletter-field input
{
    flex: 1;
    min-width: 0;
    width: 0;
    padding: 12px 0;
    outline: none;
    box-shadow: none;
    color: var(--ink);
}
.newsletter .newsletter-field button
{
    padding: 13px 16px;
    min-height: 45px;
    flex-shrink: 0;
    font-size: 12px;
}
.newsletter-consent
{
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 15px;
    color: var(--muted);
    font-size: 10px;
    line-height: 1.7;
}
.newsletter-consent input
{
    flex-shrink: 0;
    margin-top: 3px;
}
.newsletter-consent a
{
    text-decoration: underline;
    text-underline-offset: 3px;
}
.newsletter .newsletter-member
{
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--surface);
}
.newsletter-account
{
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}
.newsletter-account-icon
{
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 12px;
    background: var(--sage);
}
.newsletter-account > div
{
    min-width: 0;
}
.newsletter-account span:not(.newsletter-account-icon)
{
    display: block;
    margin-bottom: 4px;
    color: var(--muted);
    font-size: 11px;
}
.newsletter-account strong
{
    display: block;
    color: var(--ink);
    font-size: 14px;
    font-weight: 600;
    overflow-wrap: anywhere;
}
.newsletter-member .newsletter-consent
{
    gap: 10px;
    margin-top: 12px;
    font-size: 12px;
}
.newsletter-member .newsletter-consent input
{
    appearance: none;
    display: grid;
    place-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    border: 1px solid var(--muted);
    border-radius: 5px;
    background: var(--surface);
    cursor: pointer;
}
.newsletter-member .newsletter-consent input:checked
{
    background: var(--green);
    border-color: var(--green);
}
.newsletter-member .newsletter-consent input:checked::after
{
    content: '';
    width: 9px;
    height: 5px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translateY(-1px) rotate(-45deg);
}
.newsletter-member-actions
{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-top: 20px;
}
.newsletter-member-actions .newsletter-availability
{
    flex: 1 1 180px;
    margin: 0;
}
.newsletter-member-actions .button
{
    flex-shrink: 0;
}
.newsletter-subscribed .newsletter-account
{
    margin-bottom: 12px;
}
.newsletter-subscribed > p
{
    color: var(--muted);
    margin: 0;
    font-size: 13px;
}
.newsletter-subscription-links
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 24px;
    margin-top: 20px;
    font-size: 12px;
}
.newsletter .newsletter-unsubscribe-form
{
    width: auto;
    margin: 0;
}
.footer-assurances
{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    padding-block: 32px;
    border-bottom: 1px solid var(--line);
}
.footer-assurances > div
{
    display: flex;
    align-items: center;
    gap: 13px;
}
.footer-assurances .icon
{
    color: var(--green);
    width: 25px;
    height: 25px;
    flex-shrink: 0;
}
.footer-assurances strong, .footer-assurances small
{
    display: block;
}
.footer-assurances strong
{
    font-size: 12px;
    font-weight: 600;
}
.footer-assurances small
{
    margin-top: 5px;
    color: var(--muted);
    font-size: 10px;
}
.footer-directory
{
    display: grid;
    grid-template-columns: 1.6fr repeat(4, 1fr);
    gap: 35px;
    padding-block: 45px;
}
.footer-directory h3, .footer-label
{
    display: block;
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 600;
}
.footer-directory > div > a:not(.brand), .footer-directory > div > button
{
    display: block;
    margin-bottom: 11px;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.6;
}
.footer-directory a:hover, .footer-directory button:hover
{
    color: var(--green);
}
.footer-brand p
{
    max-width: 240px;
    margin-block: 18px 24px;
    font-size: 12px;
}
.footer-brand > small
{
    color: var(--muted);
    font-size: 10px;
}
.footer-label
{
    margin-bottom: 12px;
}
.social-links
{
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 22px;
}
.social-links button, .social-links a
{
    display: grid;
    place-items: center;
    width: 37px;
    height: 37px;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: var(--surface);
}
.footer-contact .icon
{
    width: 15px;
    vertical-align: middle;
    margin-right: 4px;
}
.marketplace-strip
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 28px;
    margin-bottom: 30px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--sage);
}
.marketplace-strip h3
{
    margin: 9px 0 5px;
    font-size: 19px;
}
.marketplace-strip p
{
    font-size: 10px;
}
.marketplace-links
{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    min-width: 0;
}
.marketplace-button
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 20px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--surface);
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.5px;
    max-width: 100%;
    overflow-wrap: anywhere;
}
.marketplace-button .icon
{
    width: 14px;
    color: var(--muted);
}
.marketplace-button.trendyol span, .marketplace-button.hepsiburada span
{
    color: #bd4b0c;
}
[data-theme='dark'] .marketplace-button.trendyol span, [data-theme='dark'] .marketplace-button.hepsiburada span
{
    color: #f6ab72;
}

/* Corporate pages and editorial layouts */
.corporate-heading
{
    margin-bottom: 40px;
}
.corporate-heading h1
{
    margin: 0 0 14px;
    font-size: clamp(30px, 4vw, 46px);
    letter-spacing: -.045em;
}
.corporate-layout
{
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 55px;
}
.corporate-sidebar
{
    align-self: start;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--surface);
}
.corporate-sidebar a
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 14px 12px;
    border-radius: 6px;
    font-size: 12px;
    color: var(--muted);
}
.corporate-sidebar a:not([aria-current]):hover
{
    background: var(--sage);
    color: var(--ink);
}
.corporate-sidebar a[aria-current='page']
{
    background: var(--green);
    color: #fff;
    font-weight: 600;
    box-shadow: inset 3px 0 0 #bdd5ad;
}
.corporate-sidebar .icon
{
    width: 12px;
    flex-shrink: 0;
}
.corporate-content, .article-main
{
    min-width: 0;
}
.about-story
{
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 35px;
}
.contact-corporate
{
    margin-top: 28px;
}
.contact-corporate h2
{
    margin: 10px 0 24px;
    font-size: clamp(20px, 2.2vw, 28px);
    line-height: 1.35;
    overflow-wrap: anywhere;
}
.contact-corporate dl
{
    display: grid;
    gap: 18px;
    margin: 0;
}
.contact-corporate dl > div
{
    display: grid;
    grid-template-columns: minmax(130px, 0.4fr) minmax(0, 1fr);
    gap: 16px;
}
.contact-corporate dt
{
    color: var(--muted);
}
.contact-corporate dd
{
    margin: 0;
    overflow-wrap: anywhere;
    white-space: pre-line;
}
.contact-corporate dd a
{
    text-decoration: underline;
    text-underline-offset: 4px;
}
@media (max-width: 600px)
{
    .contact-corporate dl > div
    {
        grid-template-columns: minmax(0, 1fr);
        gap: 5px;
    }
}
.contact-intro
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    padding: 36px;
    border-radius: 16px;
    background: var(--sage);
}
.contact-intro h2, .help-intro h2
{
    margin: 14px 0;
    font-size: clamp(25px, 2.5vw, 34px);
    letter-spacing: -.04em;
}
.contact-intro p
{
    max-width: 530px;
    font-size: 13px;
    line-height: 1.8;
}
.contact-emblem
{
    display: grid;
    place-items: center;
    width: 90px;
    height: 90px;
    flex-shrink: 0;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: var(--surface);
    transform: rotate(-12deg);
}
.contact-emblem .icon
{
    width: 38px;
    height: 38px;
}
.contact-channels
{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 22px;
}
.contact-channel
{
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--surface);
    text-align: left;
    overflow-wrap: anywhere;
    transition: border-color .18s;
}
.contact-channel:hover:not(:disabled)
{
    border-color: var(--green);
}
.contact-channel:disabled
{
    cursor: not-allowed;
    color: var(--muted);
}
.contact-channel-icon
{
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
    border-radius: 12px;
    background: var(--sage);
}
.contact-channel strong
{
    font-size: 15px;
}
.contact-channel small
{
    margin-block: 10px 24px;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.6;
}
.contact-channel-action
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    margin-top: auto;
    font-size: 11px;
    font-weight: 500;
}
.contact-channel-action .icon
{
    width: 16px;
    flex-shrink: 0;
}
.contact-presence
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 36px;
    margin-block: 40px;
}
.contact-presence > :only-child
{
    grid-column: 1 / -1;
}
.contact-presence h2
{
    font-size: 22px;
    letter-spacing: -.035em;
}
.contact-presence header p
{
    margin-top: 10px;
    max-width: 340px;
    font-size: 13px;
    line-height: 1.7;
}
.contact-social
{
    min-width: 0;
    padding: 28px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface);
}
.contact-social-links
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    gap: 20px 10px;
    margin-top: 24px;
}
.contact-social-links a
{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 10px 4px;
    border-radius: 12px;
    text-align: center;
}
.contact-social-symbol
{
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--sage);
    color: var(--ink);
    transition: background-color .18s, color .18s;
}
.contact-social-symbol .icon
{
    width: 23px;
    height: 23px;
}
.contact-social-name
{
    max-width: 100%;
    font-size: 12px;
    font-weight: 500;
    overflow-wrap: anywhere;
}
.contact-stores
{
    min-width: 0;
    padding: 28px;
    border-radius: 16px;
    background: var(--sage);
}
.contact-store-links
{
    display: grid;
    margin-top: 20px;
}
.contact-store-links a
{
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    min-height: 76px;
    padding-block: 18px;
    border-radius: 4px;
}
.contact-store-links a + a
{
    border-top: 1px solid var(--line);
}
.contact-store-symbol, .contact-store-arrow
{
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--surface);
    color: var(--ink);
}
.contact-store-copy
{
    display: grid;
    flex: 1;
    min-width: 0;
    gap: 4px;
    overflow-wrap: anywhere;
}
.contact-store-copy strong
{
    font-size: 15px;
    font-weight: 600;
}
.contact-store-copy small
{
    color: var(--muted);
    font-size: 11px;
}
.contact-store-arrow
{
    width: 30px;
    height: 30px;
    background: transparent;
    transition: background-color .18s, color .18s;
}
.contact-store-arrow .icon
{
    width: 18px;
    height: 18px;
}
.contact-social-links a:is(:hover, :focus-visible) .contact-social-symbol,
.contact-store-links a:is(:hover, :focus-visible) .contact-store-arrow
{
    background: var(--green);
    color: #fff;
}
@media (max-width: 1100px)
{
    .contact-presence
    {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
        margin-block: 30px;
    }
    .contact-social-links
    {
        grid-template-columns: repeat(auto-fit, minmax(85px, 110px));
        justify-content: start;
    }
}
@media (max-width: 600px)
{
    .contact-social, .contact-stores
    {
        padding: 24px 20px;
    }
    .contact-social-links
    {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px 6px;
    }
}
.contact-availability
{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-block: 20px 35px;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.8;
}
.contact-availability strong
{
    margin-right: 10px;
    color: var(--ink);
    font-weight: 500;
}
.contact-availability > .icon
{
    flex-shrink: 0;
}
.contact-form, .comment-form, .reply-form
{
    display: grid;
    gap: 22px;
}
.contact-form
{
    margin-top: 20px;
    padding: 32px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--surface);
}
.contact-form > header
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--line);
}
.contact-form h2
{
    margin: 12px 0 0;
}
.contact-form > header p
{
    max-width: 260px;
    font-size: 12px;
}
.contact-fields, .comment-fields
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
.contact-form > label, .comment-form > label
{
    margin-bottom: 0;
}
.form-actions
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.form-actions > p, .form-actions > small
{
    max-width: 420px;
    font-size: 11px;
    line-height: 1.8;
}
.form-actions > button
{
    flex-shrink: 0;
}
.policy-intro
{
    margin-bottom: 30px;
}
.policy-intro p
{
    margin-block: 14px;
}
.help-intro
{
    padding: 32px;
    border-radius: 16px;
    background: var(--sage);
}
.help-intro p
{
    font-size: 13px;
}
.faq-search
{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 25px;
    padding: 4px 16px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--surface);
}
.faq-search > .icon
{
    flex-shrink: 0;
    color: var(--muted);
}
.faq-search input
{
    width: 100%;
    min-width: 0;
    padding: 13px 0;
    border: 0;
    background: transparent;
    font-size: 13px;
}
.faq-search:focus-within
{
    outline: 2px solid var(--green);
    outline-offset: 2px;
}
.faq-search input:focus-visible
{
    outline: 0;
}
.faq-categories
{
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 26px;
}
.faq-categories button
{
    padding: 11px 16px;
    border: 1px solid var(--line);
    border-radius: 24px;
    color: var(--muted);
    font-size: 11px;
}
.faq-categories button[aria-pressed='false']:hover
{
    background: var(--sage);
    color: var(--ink);
}
.faq-categories button[aria-pressed='true']
{
    border-color: var(--green);
    background: var(--green);
    color: #fff;
}
.faq-count
{
    margin-block: 22px 14px;
    font-size: 11px;
}
.corporate-faq
{
    display: grid;
    gap: 12px;
}
.corporate-faq details
{
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--surface);
}
.corporate-faq details[open]
{
    border-color: var(--green);
}
.corporate-faq summary
{
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 23px;
    list-style: none;
    border-radius: 12px;
}
.corporate-faq summary::-webkit-details-marker
{
    display: none;
}
.corporate-faq summary:hover
{
    background: var(--sage);
}
.faq-number
{
    color: var(--muted);
    font-size: 13px;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
}
.faq-question
{
    flex: 1;
}
.faq-question small
{
    display: block;
    margin-bottom: 7px;
    color: var(--muted);
    font-size: 10px;
    font-weight: 400;
}
.faq-question strong
{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}
.faq-toggle
{
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--sage);
}
.faq-toggle > .icon
{
    width: 16px;
    height: 16px;
}
details[open] .faq-toggle
{
    background: var(--green);
    color: #fff;
    transform: rotate(45deg);
}
.faq-answer
{
    padding: 0 73px 25px 60px;
}
.faq-answer p
{
    margin: 0;
    padding-top: 18px;
    border-top: 1px solid var(--line);
    font-size: 13px;
    line-height: 1.9;
}
.faq-empty
{
    padding: 35px;
    border: 1px dashed var(--line);
    border-radius: 12px;
    text-align: center;
}
.faq-empty h3
{
    margin-block: 14px;
}
.faq-empty p
{
    font-size: 12px;
}
.faq-empty button
{
    margin-top: 20px;
}
.help-banner
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 35px;
    padding: 28px;
    border-radius: 12px;
    background: var(--sage);
}
.help-banner p
{
    margin-top: 7px;
}
.about-story
{
    align-items: center;
    margin-bottom: 35px;
}
.about-story h2
{
    margin: 15px 0;
    font-family: Georgia, serif;
    font-size: 35px;
    font-weight: 400;
}
.about-story p
{
    margin-bottom: 15px;
}
.about-story > img
{
    width: 100%;
    height: 370px;
    object-fit: cover;
    border-radius: 12px;
}
.values-grid, .brands-grid
{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}
.values-grid h3
{
    margin: 15px 0 10px;
}
.values-grid p
{
    font-size: 12px;
}
.brand-card
{
    padding: 20px;
    text-align: center;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 12px;
}
.brand-card img
{
    width: 100%;
    height: 175px;
    object-fit: contain;
    border-radius: 8px;
    background: #f6f6f2;
}
.brand-card h3
{
    margin-block: 20px 12px;
    font-size: 16px;
}
.brand-card > span
{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    color: var(--muted);
}
.sitemap-grid
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}
.sitemap-grid h2
{
    margin-bottom: 20px;
}
.sitemap-grid a
{
    display: block;
    padding-block: 8px;
    color: var(--muted);
    font-size: 13px;
}
.policy-list
{
    display: grid;
    gap: 20px;
}
.policy-list section
{
    scroll-margin-top: 20px;
}
.policy-list p
{
    margin-top: 12px;
}
.policy-card
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 28px;
    border: 1px solid var(--line);
    border-left: 4px solid var(--green);
    border-radius: 16px;
    background: linear-gradient(115deg, var(--surface) 65%, var(--sage));
}
.policy-card-copy
{
    min-width: 0;
    overflow-wrap: anywhere;
}
.policy-card h2
{
    margin: 0;
    font-size: 22px;
    line-height: 1.35;
}
.policy-card p
{
    margin: 12px 0 18px;
    font-size: 14px;
    line-height: 1.7;
    color: var(--muted);
}
.policy-card small
{
    display: block;
    margin-top: 18px;
    color: var(--muted);
    font-size: 12px;
}
.policy-card-actions
{
    display: flex;
    flex-shrink: 0;
    gap: 10px;
}
.policy-text-link
{
    display: inline;
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
    color: var(--green);
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}
.policy-modal-open
{
    overflow: hidden;
}
.dialog.policy-dialog
{
    width: 760px;
    padding: 0;
    max-height: min(88vh, 88dvh);
    background: var(--surface);
    overflow: hidden;
}
.policy-dialog[open]
{
    display: flex;
    flex-direction: column;
}
.policy-dialog-header, .policy-dialog-footer
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
    padding: 20px 24px;
}
.policy-dialog-header
{
    border-bottom: 1px solid var(--line);
}
.policy-dialog-header > div
{
    min-width: 0;
    overflow-wrap: anywhere;
}
.policy-dialog-header h2
{
    margin: 8px 0 0;
    line-height: 1.3;
}
.policy-dialog-scroll
{
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 24px;
    min-height: 0;
}
.policy-dialog [data-policy-status]:empty
{
    display: none;
}
.policy-dialog-footer
{
    justify-content: flex-end;
    border-top: 1px solid var(--line);
}
.policy-document
{
    font-size: 14px;
    line-height: 1.8;
    overflow-wrap: anywhere;
}
.policy-document p, .policy-document ul, .policy-document ol, .policy-document blockquote
{
    margin: 0 0 18px;
    font-size: inherit;
}
.policy-document ul, .policy-document ol
{
    padding-left: 24px;
}
.policy-document h2, .policy-document h3, .policy-document h4
{
    margin: 24px 0 12px;
    line-height: 1.4;
}
.policy-document img
{
    max-width: 100%;
    height: auto;
}
.policy-pdf
{
    display: block;
    width: 100%;
    height: 60vh;
    height: 60dvh;
    border: 0;
    background: white;
}
.policy-dialog-pdf .policy-dialog-scroll
{
    padding: 0;
}
.policy-document a
{
    text-decoration: underline;
}
@media (max-width: 1100px)
{
    .policy-card
    {
        align-items: stretch;
        flex-direction: column;
    }
}
@media (max-width: 600px)
{
    .policy-card
    {
        padding: 22px;
    }
    .policy-card-actions
    {
        flex-wrap: wrap;
    }
    .policy-card-actions .button
    {
        flex: 1;
    }
    .dialog.policy-dialog
    {
        max-width: calc(100% - 24px);
        max-height: 90dvh;
        padding: 0;
    }
    .policy-dialog-header, .policy-dialog-footer, .policy-dialog-scroll
    {
        padding: 18px;
    }
}
.editorial-hero
{
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    background: var(--sage);
    border-radius: 14px;
    overflow: hidden;
}
.editorial-hero > div
{
    align-self: center;
    padding: 50px;
}
.editorial-hero h1
{
    margin: 0 0 22px;
    font-family: Georgia, serif;
    font-size: clamp(32px, 3.6vw, 50px);
    font-weight: 400;
    letter-spacing: -.05em;
    line-height: 1.15;
}
.editorial-hero h1 em
{
    color: var(--green);
}
[data-theme='dark'] .editorial-hero h1 em
{
    color: #b4c59e;
}
.editorial-hero p
{
    max-width: 420px;
    margin-bottom: 22px;
}
.editorial-hero > img
{
    width: 100%;
    height: 100%;
    min-height: 390px;
    object-fit: cover;
}
/* Journal discovery */
.blog-page .editorial-hero > div
{
    padding: 32px 40px;
}
.blog-page .editorial-hero h1
{
    font-size: clamp(30px, 3vw, 42px);
    margin-bottom: 16px;
}
.blog-page .editorial-hero > img
{
    min-height: 280px;
    max-height: 320px;
}
.blog-browser
{
    margin-top: 40px;
    scroll-margin-top: 24px;
}
.blog-browser > .section-heading
{
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 22px;
}
.blog-browser > .section-heading h2
{
    margin: 0;
}
.blog-browser [data-blog-status]
{
    font-size: 12px;
}
.blog-controls
{
    margin-bottom: 24px;
}
.blog-toolbar
{
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 22px;
}
.blog-toolbar .compact-search
{
    flex: 1;
    min-width: 0;
    padding: 4px 10px 4px 14px;
    background: var(--surface);
}
.blog-toolbar input
{
    border: 0;
    background: transparent;
}
.blog-toolbar .icon-button
{
    flex-shrink: 0;
}
.blog-toolbar .sort-label
{
    flex-shrink: 0;
}
.blog-category-filters
{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
}
.blog-category-filters button
{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    border: 1px solid var(--line);
    border-radius: 22px;
    font-size: 12px;
    color: var(--ink);
}
.blog-category-filters button span
{
    opacity: .65;
    font-size: 10px;
}
.blog-category-filters button[aria-pressed='true']
{
    border-color: var(--green);
    background: var(--green);
    color: #fff;
}
.blog-tag-filters
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}
.blog-tag-filters > span
{
    margin-right: 4px;
    font-size: 11px;
    color: var(--muted);
}
.blog-tag-filter
{
    position: relative;
    margin: 0;
}
.blog-tag-filter span, .blog-tag
{
    display: inline-block;
    padding: 6px 9px;
    border-radius: 5px;
    font-size: 10px;
    color: var(--muted);
    line-height: 1.5;
}
.blog-tag-filter span
{
    border: 1px solid var(--line);
}
.blog-tag-filter input:checked + span
{
    color: var(--ink);
    border-color: var(--green);
    background: var(--sage);
}
.blog-tag-filter input:focus-visible + span
{
    outline: 2px solid var(--green);
    outline-offset: 3px;
}
.blog-tag:hover, .blog-tag:focus-visible, .blog-tag-filter:hover span
{
    background: var(--sage);
    color: var(--ink);
}
.blog-extra-filters
{
    border-bottom: 1px solid var(--line);
    padding-bottom: 14px;
}
.blog-extra-filters summary
{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    font-size: 12px;
}
.blog-extra-filters summary::after
{
    content: '+';
    margin-left: 8px;
}
.blog-extra-filters[open] summary::after
{
    content: '−';
}
.blog-extra-filters summary span
{
    border-radius: 50%;
    padding: 1px 6px;
    background: var(--sage);
}
.blog-filter-fields
{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 12px;
}
.blog-results-toolbar
{
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
}
.blog-results-toolbar .text-button
{
    flex-shrink: 0;
    padding-block: 8px;
    font-size: 11px;
}
.blog-card-meta, .blog-card-footer
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 10px;
    color: var(--muted);
}
.blog-category-link
{
    color: var(--ink);
    font-size: 11px;
}
.blog-category-link:hover
{
    text-decoration: underline;
    text-underline-offset: 3px;
}
.blog-card-tags, .article-topics
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}
.blog-card-tags .blog-tag
{
    padding: 4px 6px;
    background: var(--sage);
}
.article-topics
{
    margin-top: 30px;
    gap: 8px;
}
.article-topics .blog-category-link
{
    margin-right: 8px;
}
.article-topics .blog-tag
{
    border: 1px solid var(--line);
}
.article-card-stats
{
    display: flex;
    gap: 17px;
    margin: 20px 0;
    color: var(--muted);
    font-size: 11px;
}
.article-card-stats span
{
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.article-card-stats .icon
{
    width: 15px;
    height: 15px;
}
.article-card-stats b
{
    font-weight: 400;
}
.blog-card [data-card-status]
{
    display: block;
    color: var(--muted);
    font-size: 10px;
}
.article-page > .breadcrumb
{
    max-width: 1200px;
    margin-inline: auto;
}
.article-layout
{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 48px;
    max-width: 1200px;
    margin-inline: auto;
}
.article-heading h1
{
    margin: 0 0 20px;
    font-family: Georgia, serif;
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 400;
    line-height: 1.12;
    letter-spacing: -.04em;
}
.article-lead
{
    font-size: 16px;
}
.article-byline
{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-block: 24px;
    font-size: 12px;
}
.article-byline small
{
    display: block;
    margin-top: 5px;
    color: var(--muted);
}
.article-cover
{
    border-radius: 12px;
    overflow: hidden;
    text-align: center;
}
.article-cover img
{
    width: 100%;
    height: 360px;
    padding: 35px;
    object-fit: contain;
    mix-blend-mode: multiply;
}
.article-body section
{
    margin-top: 35px;
}
.article-body h2
{
    margin-bottom: 15px;
    font-size: 23px;
}
.article-body p
{
    line-height: 1.9;
    font-size: 15px;
}
.editor-note
{
    display: flex;
    align-items: start;
    gap: 15px;
    margin-top: 35px;
    padding: 24px;
    border-left: 3px solid var(--green);
    background: var(--sage);
    border-radius: 0 10px 10px 0;
}
.editor-note .icon
{
    flex-shrink: 0;
    margin-top: 4px;
}
.editor-note p
{
    font-size: 13px;
}
.article-aside
{
    display: grid;
    gap: 28px;
    align-self: start;
    min-width: 0;
}
.article-aside-heading
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    margin-bottom: 18px;
}
.article-aside-heading h2
{
    font-size: 22px;
    line-height: 1.35;
}
.article-aside-heading > a
{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--muted);
}
.article-aside-heading .icon
{
    width: 14px;
    height: 14px;
}
.article-reading-list
{
    display: grid;
    gap: 20px;
}
.reading-next
{
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--surface);
}
.reading-next:hover, .reading-next:focus-visible
{
    border-color: var(--green);
}
.reading-next .icon
{
    flex-shrink: 0;
    width: 18px;
    height: 18px;
}
.reading-next img
{
    width: 100%;
    height: 192px;
    flex-shrink: 0;
    object-fit: contain;
    padding: 12px;
    background: #f4f5f0;
}
.reading-next-copy
{
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 18px 20px;
}
.reading-next strong
{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
}
.reading-next small
{
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
}
.reading-next-meta
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 6px;
}
.article-discovery
{
    padding: 26px;
    border-radius: 14px;
    background: var(--sage);
}
.article-discovery h2
{
    margin: 12px 0;
    font-size: 25px;
    line-height: 1.3;
}
.article-discovery p
{
    font-size: 14px;
    line-height: 1.7;
}
.article-discovery .button
{
    width: 100%;
    margin-top: 20px;
}
.article-products
{
    max-width: 1200px;
    margin-inline: auto;
}
.article-products .product-grid
{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Shared blog and product discussion */
.engagement-strip
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    padding-block: 22px;
    border-block: 1px solid var(--line);
}
.engagement-strip > span, .engagement-strip > a, .engagement-strip > button
{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--muted);
}
.engagement-strip strong
{
    color: var(--ink);
    font-weight: 600;
}
.engagement-like[aria-pressed='true'], .comment-actions button[aria-pressed='true']
{
    color: #b86178;
}
.engagement-like[aria-pressed='true'] .icon, .comment-actions button[aria-pressed='true'] .icon
{
    fill: currentColor;
}
.preview-caption
{
    margin-top: 15px;
    color: var(--muted);
    font-size: 10px;
    line-height: 1.7;
}
.discussion-heading
{
    margin-top: 45px;
    flex-wrap: wrap;
}
.discussion-tools
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
}
.comment-sort select
{
    width: auto;
    margin-top: 0;
    min-height: 44px;
}
.discussion-layout
{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
}
.comment-list
{
    display: grid;
    gap: 20px;
}
.comment-card
{
    padding: 26px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--surface);
    overflow-wrap: anywhere;
}
.comment-card > header
{
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
}
.comment-card > header > .stars
{
    margin-left: auto;
    font-size: 13px;
    white-space: nowrap;
}
.comment-card small
{
    display: block;
    margin-top: 5px;
    color: var(--muted);
    font-size: 10px;
}
.comment-card > p
{
    margin-block: 20px;
    white-space: pre-wrap;
    font-size: 13px;
    line-height: 1.8;
}
.comment-actions
{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    color: var(--muted);
}
.comment-actions button
{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
}
.comment-actions .icon
{
    width: 14px;
    height: 14px;
}
.admin-reply
{
    margin-top: 22px;
    padding: 18px 22px;
    border-left: 2px solid var(--green);
    border-radius: 0 8px 8px 0;
    background: var(--sage);
}
.admin-reply strong
{
    font-size: 12px;
}
.admin-reply strong span
{
    display: inline-block;
    margin-left: 8px;
    color: var(--muted);
    font-size: 10px;
    font-weight: 400;
}
.admin-reply p
{
    margin-top: 10px;
    font-size: 12px;
    white-space: pre-wrap;
}
.comment-form
{
    scroll-margin-top: 24px;
}
.feedback-identity
{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-radius: 8px;
    background: var(--sage);
}
.feedback-guest-fields
{
    align-items: start;
}
.feedback-guest-fields label
{
    min-width: 0;
}
.feedback-guest-fields small
{
    display: block;
    margin-top: 6px;
    color: var(--muted);
    font-size: 11px;
}
[data-comment-form-status]:empty
{
    display: none;
}
.feedback-identity .avatar img
{
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}
.feedback-identity strong, .feedback-identity small
{
    display: block;
}
.feedback-identity strong
{
    font-size: 13px;
}
.feedback-identity small
{
    margin-top: 4px;
    font-size: 11px;
    color: var(--muted);
}
.article-card-stats button
{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: inherit;
}
[data-article-like][aria-pressed='true']
{
    color: var(--green);
}
[data-article-like][aria-pressed='true'] .icon
{
    fill: currentColor;
}
.comment-form header p
{
    margin-top: 10px;
    font-size: 12px;
}
.comment-form h3
{
    font-size: 22px;
}
.reply-form
{
    padding-top: 22px;
    margin-top: 22px;
    border-top: 1px solid var(--line);
}
.discussion-status
{
    margin-top: 18px;
    color: var(--green);
    font-size: 12px;
}
.review-score
{
    font-size: 16px;
    white-space: nowrap;
}

/* Floating page controls */
.floating-actions
{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.scroll-top
{
    display: grid;
    place-items: center;
    width: 51px;
    height: 51px;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: var(--surface);
    color: var(--ink);
    box-shadow: 0 5px 20px #14261a20;
}
.scroll-top:hover
{
    border-color: var(--green);
    background: var(--sage);
}

@media (max-width: 1150px)
{
    .category-links
    {
        gap: 22px;
        justify-content: start;
    }
    .footer-directory
    {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .footer-brand
    {
        grid-column: 1 / -1;
    }
    .footer-brand p
    {
        max-width: 420px;
    }
    .corporate-layout
    {
        grid-template-columns: 185px minmax(0, 1fr);
        gap: 28px;
    }
    .article-layout
    {
        grid-template-columns: minmax(0, 1fr) 300px;
        gap: 32px;
    }
    .marketplace-strip
    {
        flex-wrap: wrap;
    }
    .about-story
    {
        grid-template-columns: 1fr;
    }
    .values-grid
    {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 850px)
{
    .store-nav
    {
        flex-wrap: wrap;
        gap: 0;
    }
    .category-links
    {
        flex-basis: 100%;
    }
    .static-nav
    {
        justify-content: flex-end;
        width: 100%;
        border-left: 0;
        border-top: 1px solid var(--line);
    }
    .corporate-menu
    {
        right: -65px;
    }
    .newsletter-inner
    {
        flex-direction: column;
        align-items: start;
        gap: 25px;
    }
    .newsletter .newsletter-form
    {
        width: 100%;
        max-width: none;
    }
    .corporate-layout, .article-layout
    {
        grid-template-columns: 1fr;
    }
    .corporate-sidebar
    {
        display: flex;
        overflow-x: auto;
    }
    .corporate-sidebar a
    {
        flex-shrink: 0;
    }
    .editorial-hero > div
    {
        padding: 30px;
    }
    .article-reading-list
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 600px)
{
    .blog-page .editorial-hero > div
    {
        padding: 26px;
    }
    .blog-page .editorial-hero > img
    {
        min-height: 0;
        height: 160px;
    }
    .blog-toolbar
    {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
    .blog-filter-fields
    {
        grid-template-columns: minmax(0, 1fr);
    }
    .blog-category-filters button
    {
        padding: 8px 12px;
        font-size: 11px;
    }
    .blog-results-toolbar
    {
        flex-wrap: wrap;
        margin-bottom: 16px;
    }
    .blog-results-toolbar .active-filters
    {
        margin-bottom: 0;
    }
    .article-reading-list
    {
        grid-template-columns: minmax(0, 1fr);
    }
    .article-products .product-grid
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .contact-intro, .help-intro, .contact-form
    {
        padding: 24px;
    }
    .contact-emblem
    {
        display: none;
    }
    .contact-channels, .contact-fields, .comment-fields
    {
        grid-template-columns: minmax(0, 1fr);
    }
    .contact-channel
    {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 6px 16px;
        padding: 20px;
    }
    .contact-channel-icon
    {
        grid-row: span 3;
        margin-bottom: 0;
    }
    .contact-channel small
    {
        margin: 0 0 6px;
    }
    .contact-channel-action
    {
        grid-column: 2;
    }
    .contact-form > header, .form-actions
    {
        flex-direction: column;
        align-items: start;
        gap: 16px;
    }
    .form-actions > button
    {
        width: 100%;
    }
    .corporate-faq summary
    {
        gap: 12px;
        padding: 18px 16px;
    }
    .faq-question strong
    {
        font-size: 13px;
    }
    .faq-answer
    {
        padding: 0 20px 22px;
    }
    .scroll-top
    {
        width: 48px;
        height: 48px;
    }
    .footer-assurances
    {
        grid-template-columns: 1fr 1fr;
        gap: 25px 15px;
    }
    .footer-assurances > div
    {
        align-items: start;
        gap: 9px;
    }
    .footer-assurances strong
    {
        font-size: 11px;
    }
    .footer-directory
    {
        grid-template-columns: 1fr 1fr;
        gap: 28px 18px;
        padding-block: 30px;
    }
    .marketplace-strip
    {
        padding: 22px;
    }
    .marketplace-links
    {
        flex-direction: column;
        width: 100%;
    }
    .newsletter .newsletter-field
    {
        flex-wrap: wrap;
        padding: 10px;
        gap: 5px 10px;
    }
    .newsletter .newsletter-member
    {
        padding: 20px;
    }
    .newsletter-member-actions .button
    {
        width: 100%;
    }
    .newsletter .newsletter-field button
    {
        width: 100%;
        margin-top: 3px;
    }
    .newsletter-field > .icon
    {
        margin-left: 6px;
    }
    .editorial-hero
    {
        grid-template-columns: 1fr;
    }
    .editorial-hero > div
    {
        padding: 30px 25px;
    }
    .editorial-hero > img
    {
        min-height: 0;
        height: 245px;
    }
    .brands-grid
    {
        grid-template-columns: 1fr 1fr;
        gap: 14px;
    }
    .brand-card
    {
        padding: 12px;
    }
    .brand-card img
    {
        height: 135px;
    }
    .brand-card h3
    {
        font-size: 13px;
    }
    .sitemap-grid
    {
        grid-template-columns: 1fr;
    }
    .help-banner
    {
        align-items: start;
        flex-direction: column;
    }
    .article-cover img
    {
        height: 280px;
    }
    .engagement-strip
    {
        gap: 20px;
    }
    .engagement-strip > span, .engagement-strip > a, .engagement-strip > button
    {
        font-size: 11px;
    }
    .comment-card
    {
        padding: 18px;
    }
    .comment-card > header
    {
        flex-wrap: wrap;
    }
    .discussion-heading h2
    {
        font-size: 22px;
    }
    .admin-reply
    {
        padding: 15px;
    }
    .admin-reply strong span
    {
        margin: 5px 0 0;
        display: block;
    }
}

/* Account security and deletion */
.account-security-notice
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 18px;
    margin-bottom: 24px;
}
.account-security-notice > div
{
    flex: 1 1 260px;
    min-width: 0;
    overflow-wrap: anywhere;
}
.account-security-notice h2
{
    font-size: 18px;
    margin: 0 0 8px;
}
.account-security-notice p
{
    margin: 0;
}
.deletion-wizard fieldset
{
    border: 0;
    padding: 0;
    margin: 12px 0 24px;
    min-width: 0;
}
.deletion-wizard fieldset[hidden], .deletion-actions [hidden]
{
    display: none;
}
.deletion-wizard legend
{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
}
.deletion-wizard fieldset > label
{
    display: grid;
    gap: 10px;
    margin-top: 18px;
}
.deletion-wizard .deletion-choice
{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 10px;
    cursor: pointer;
}
.deletion-choice input
{
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.deletion-wizard .auth-consent
{
    margin-top: 22px;
}
.deletion-steps
{
    list-style: none;
    display: flex;
    gap: 16px;
    padding: 0;
    margin: 0 0 32px;
}
.deletion-steps li
{
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    font-size: 13px;
    color: var(--muted);
}
.deletion-steps span
{
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border: 1px solid var(--line);
    border-radius: 50%;
}
.deletion-steps [aria-current="step"]
{
    color: var(--ink);
    font-weight: 600;
}
.deletion-steps [aria-current="step"] span
{
    background: var(--green);
    color: white;
}
@media (max-width: 600px)
{
    .deletion-steps
    {
        gap: 8px;
    }
    .deletion-steps li
    {
        flex-direction: column;
        text-align: center;
        font-size: 12px;
    }
    .deletion-actions
    {
        flex-wrap: wrap;
    }
}


.list-pagination
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-block: 28px;
}
.page-size-form, .page-links
{
    display: flex;
    align-items: center;
    gap: 6px;
}
.page-size-form select
{
    width: auto;
    min-width: 76px;
}
.page-links
{
    margin-left: auto;
    flex-wrap: wrap;
}
.page-links a, .page-links > span
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 6px;
    border-radius: 8px;
}
.page-links a:hover
{
    background: var(--sage);
}
.page-links [aria-current="page"]
{
    background: var(--green);
    color: #fff;
}
.article-byline .avatar
{
    overflow: hidden;
    flex-shrink: 0;
}
.article-byline .avatar img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.deletion-wizard
{
    width: 100%;
    max-width: none;
    padding: clamp(20px, 3vw, 36px);
}
.deletion-wizard .deletion-steps
{
    gap: 12px;
    padding-bottom: 24px;
    margin-bottom: 28px;
    border-bottom: 1px solid var(--line);
}
.deletion-wizard .deletion-steps li
{
    flex: 1;
    gap: 10px;
}
.deletion-wizard fieldset legend
{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
}
.deletion-choices
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}
.deletion-wizard label.deletion-choice
{
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 20px;
    min-height: 76px;
    border: 1px solid var(--line);
    border-radius: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: border-color .15s, background .15s;
}
.deletion-choice input[type="radio"]
{
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}
.deletion-choice-marker
{
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-radius: 50%;
    border: 1px solid var(--line);
    background: var(--surface);
}
.deletion-choice-marker svg
{
    width: 15px;
    height: 15px;
    opacity: 0;
}
.deletion-wizard label.deletion-choice:has(input:checked)
{
    border-color: var(--green);
    background: var(--sage);
}
.deletion-choice input:checked + .deletion-choice-marker
{
    border-color: var(--green);
    color: #fff;
    background: var(--green);
}
.deletion-choice input:checked + .deletion-choice-marker svg
{
    opacity: 1;
}
.deletion-choice:has(input:focus-visible)
{
    outline: 2px solid var(--green);
    outline-offset: 3px;
}
.deletion-wizard .deletion-actions
{
    border-top: 1px solid var(--line);
    padding-top: 24px;
    margin-top: 28px;
}
@media (max-width: 600px)
{
    .list-pagination
    {
        gap: 12px;
    }
    .page-links
    {
        width: 100%;
        margin: 0;
        justify-content: center;
    }
    .deletion-choices
    {
        grid-template-columns: 1fr;
    }
    .deletion-wizard .deletion-steps
    {
        flex-direction: row;
        font-size: 11px;
        align-items: flex-start;
    }
    .deletion-wizard .deletion-steps li
    {
        flex-direction: column;
        text-align: center;
    }
}