/* Compact, aligned rhythm across the existing product surfaces. */
.shell{width:min(1320px,calc(100% - 3rem));max-width:1320px}.section{padding-block:2.25rem}.section.shell.narrow{max-width:720px;margin-inline:auto}.content-card{padding:1.35rem}.social-heading{padding-block:2rem 1.25rem}.social-heading h1{font-size:clamp(2rem,3.3vw,3.1rem)}.social-layout{gap:1.5rem;grid-template-columns:minmax(0,1fr) 280px}.community-aside .content-card{padding:1.25rem}.place-title-row{padding-block:.75rem 1.25rem}.place-intro{padding-top:1.2rem}.place-gallery{padding-bottom:.5rem}.gallery-photo,.gallery-clip{height:320px;flex-basis:min(560px,70vw)}.place-layout{gap:2rem;padding-top:1.25rem}.place-section{padding-block:1.7rem}.place-section h2{margin-bottom:1rem}.creator-panel{padding:1rem}.place-section-nav{padding-block:.8rem}.visit-card{padding:1.3rem}.visit-card h2{font-size:1.8rem}.review-form{padding:1.15rem}.review-overview{padding:1.1rem;gap:1.3rem}.profile-hero{padding:1.8rem;margin-top:1.25rem;gap:1.4rem}.profile-hero h1{font-size:clamp(2rem,3vw,2.7rem)}.profile-stats{gap:1rem;margin:.8rem 0}.social-empty{padding:2.1rem 1.4rem}.empty-state{padding:1.6rem!important}.feed-card{margin-bottom:1.2rem}.feed-card>header{padding:1rem}.feed-body{padding:1.1rem}.feed-body h2{font-size:1.4rem}.feed-media{max-height:410px}.people-grid{gap:1rem}.form-grid,.filter-grid{gap:1rem;align-items:start}.form-grid>label,.filter-grid>label{min-width:0;display:flex;flex-direction:column;gap:.4rem;margin:0}.field-label{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;min-height:1.4rem;font-size:.88rem;font-weight:650;line-height:1.4}.field-requirement{font-size:.67rem!important;font-weight:400!important;color:#687180;white-space:nowrap}.field-label>small{font-weight:400;color:#687180}main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),main select{height:44px;min-height:44px;line-height:1.3;width:100%}main textarea{width:100%;padding:.7rem .85rem;font-size:.94rem}main .form-grid>label.check{flex-direction:row;align-items:center;align-self:center;min-height:44px}main .form-grid>button{align-self:end;margin-top:1.8rem;height:44px}.filter-grid>button{align-self:end;height:44px}.field-error{display:block;color:#a72d2b;font-size:.76rem;line-height:1.4;font-weight:400;margin-top:.15rem}.field-error[hidden]{display:none!important}main [aria-invalid=true]{border-color:#b93c38!important;box-shadow:0 0 0 2px #b93c3810}main .editor-form>label{display:flex;flex-direction:column;gap:.4rem}.editor-steps{margin-block:1.25rem}.contribute-heading{margin-bottom:1.2rem}.contribute-heading h1{font-size:clamp(2rem,3.3vw,3rem)}.guided-editor{max-width:100%;padding:1.5rem;border:1px solid #dde3e9;border-radius:20px;background:#fff}.guided-editor fieldset{padding:1rem;margin-block:1rem}.guided-editor section>label{display:flex;flex-direction:column;gap:.4rem;margin-block:.85rem}.guided-editor .map{height:350px}.editor-navigation{padding-top:1rem;border-top:1px solid #e1e5e9;margin-top:1rem}.local-account-panel{max-width:1100px;margin:auto}.local-account-panel>div{padding:2rem}.local-account-panel form label{margin:.8rem 0}.local-account-panel>img{min-height:0;max-height:640px}.workspace-tabs{margin:1.3rem 0;padding:.75rem 0}.table-scroll{margin:1rem 0}.table-scroll th,.table-scroll td{padding:.8rem 1rem}.stats-grid{margin:1.25rem 0;gap:.8rem}.stats-grid article{padding:1rem}.stats-grid strong{font-size:1.9rem}.site-footer{padding-top:2.5rem}.journey-links{padding-block:.55rem;border-bottom:1px solid #edf0f2}.geo-hero{padding-block:2.5rem}.geo-hero h1{font-size:clamp(2.2rem,4vw,3.6rem)}.explore-section{padding-top:1.4rem}.explore-workspace{gap:1.2rem}.region-directory{padding:1rem}.region-directory h2{font-size:1.25rem}.region-map-panel .map{height:410px}.region-directory #region-list{max-height:340px;overflow:auto}.share-dialog{max-width:470px;padding:1.65rem}.share-dialog h2{font-size:1.75rem;margin:.5rem 0}.share-dialog>p{font-size:.9rem;line-height:1.5}.share-dialog .field-hint{font-size:.76rem;color:#667384}.share-networks{grid-template-columns:repeat(2,1fr);gap:.65rem}.share-networks button{display:flex;align-items:center;justify-content:flex-start;gap:.7rem;min-height:62px;padding:.75rem;background:#fff;border:1px solid #d6dee7;text-align:left}.share-networks button strong{height:32px;width:32px;display:grid;place-items:center;background:#f4f1eb;border-radius:9px;font-size:1.25rem}.share-networks button[data-platform=facebook] strong{background:#e9f1ff;color:#1765c0}.share-networks button[data-platform=instagram] strong{background:#fcecef;color:#bd365f}.share-networks button[data-platform=tiktok] strong{background:#17263d;color:white}.share-networks button:hover{background:#faf6ef;border-color:#b67b4c}.share-media-label{font-size:.85rem}.share-media-label select{margin-top:.5rem;width:100%;padding:.7rem;border:1px solid #c7d0da;border-radius:10px;background:white}.share-dialog #share-help{padding:.85rem;border-radius:10px;background:#f5f6f8;color:#4f5d70;min-height:64px}.share-dialog #share-download{font-size:.82rem}.btn{border-radius:10px;line-height:1.2;white-space:normal}.photo-previews{gap:.75rem}.visit-facts{gap:.8rem}.visit-facts>div{padding:1rem}.place-top-actions .btn{min-width:110px}.section-heading{gap:1rem}.section-heading h2{margin:0}
@media(min-width:1450px){.people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.location-grid{gap:1.15rem}}
@media(max-width:1000px){.social-layout{grid-template-columns:minmax(0,1fr) 245px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.shell{width:calc(100% - 2rem)}.section{padding-block:1.5rem}.social-heading{padding-block:1.5rem 1rem}.social-heading h1{font-size:2.15rem}.social-layout,.form-grid,.filter-grid,.people-grid{grid-template-columns:1fr}.place-layout{gap:1rem}.place-section{padding-block:1.4rem}.gallery-photo,.gallery-clip{height:260px;flex-basis:85vw}.profile-hero{padding:1.2rem;gap:1rem}.profile-hero h1{font-size:2rem}.guided-editor{padding:1rem;border-radius:16px}.guided-editor fieldset{padding:.8rem}.guided-editor .map,.region-map-panel .map{height:300px}.local-account-panel>div{padding:1.3rem}.local-account-panel>img{max-height:180px}.form-grid>button{margin-top:.25rem!important;width:100%}.share-dialog{padding:1.25rem}.share-networks button{font-size:.85rem;gap:.5rem}.place-title-row{gap:.75rem}.place-intro h1{font-size:2.1rem}.feed-media{max-height:320px}.notice-global{margin:.75rem 1rem}.site-footer{padding-top:1.5rem}.visit-card h2{font-size:1.7rem}}

/* LetsGo share hotfix */
.share-networks button[data-platform=whatsapp] strong{
    background:#eaf8ef;
    color:#18864b;
}
.share-networks button[data-platform=native]{
    grid-column:1/-1;
}
@media(max-width:420px){
    .share-networks{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .share-networks button{
        min-width:0;
    }
}

/* Instagram Story sharing guidance */
.instagram-story-guide {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid currentColor;
    border-radius: 14px;
}

.instagram-story-guide[hidden] {
    display: none;
}

.instagram-story-guide strong {
    display: block;
    margin-bottom: .5rem;
}

.instagram-story-guide ol {
    margin: .5rem 0 1rem;
    padding-left: 1.25rem;
}

.instagram-story-guide li {
    margin: .35rem 0;
}

.instagram-story-guide p {
    margin: .5rem 0 .25rem;
}

.instagram-story-guide code {
    display: block;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

/* Explicit photo/video sharing */
.share-media-picker {
    margin: 1rem 0;
}

.share-media-picker > strong {
    display: block;
    margin-bottom: .65rem;
}

.share-media-tabs {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin-bottom: .75rem;
}

.share-media-tabs .share-kind {
    flex: 1 1 140px;
}

.share-media-label {
    display: block;
}

.share-media-label select {
    width: 100%;
    margin-top: .4rem;
}

#share-media-status {
    margin-top: .45rem;
}

/* Instagram Story / Reel / Post / Message traffic guidance */
.instagram-destination-notes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin: .8rem 0 1rem;
}

.instagram-destination-notes > div {
    padding: .75rem;
    border: 1px solid currentColor;
    border-radius: 12px;
}

.instagram-destination-notes strong {
    display: block;
    margin-bottom: .3rem;
}

.instagram-destination-notes span {
    display: block;
    font-size: .9rem;
    line-height: 1.4;
}

@media (max-width: 560px) {
    .instagram-destination-notes {
        grid-template-columns: 1fr;
    }
}

/* Social share branding */
.share-brand-toggle {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    margin-top: .75rem;
    padding: .8rem;
    border: 1px solid currentColor;
    border-radius: 12px;
    cursor: pointer;
}

.share-brand-toggle input {
    margin-top: .2rem;
    flex: 0 0 auto;
}

.share-brand-toggle span {
    display: grid;
    gap: .2rem;
}

.share-brand-toggle strong {
    font-size: .95rem;
}

.share-brand-toggle small {
    opacity: .78;
    line-height: 1.4;
}

/* HF8.5 - destination-card sharing */
.instagram-story-guide {
    overflow: hidden;
}

.instagram-story-guide code {
    display: block;
    margin-top: .5rem;
    padding: .8rem;
    border-radius: 12px;
    font-size: .9rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.share-brand-toggle {
    border-width: 2px;
}

@media (max-width: 560px) {
    .instagram-story-guide {
        padding: .9rem;
    }
}

/* HF8.6 Instagram real Link-sticker workflow */
.instagram-share-actions {
    display: grid;
    gap: .75rem;
    margin: 1rem 0;
}

.instagram-share-choice {
    display: grid;
    gap: .25rem;
    width: 100%;
    min-height: 78px;
    padding: .9rem 1rem;
    border: 2px solid currentColor;
    border-radius: 14px;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
    font: inherit;
    touch-action: manipulation;
}

.instagram-share-choice strong {
    font-size: 1rem;
    margin: 0;
}

.instagram-share-choice span {
    font-size: .88rem;
    line-height: 1.45;
    opacity: .78;
}

.instagram-story-choice {
    border-width: 3px;
}

.instagram-copy-link {
    min-height: 54px;
    margin-top: .75rem;
    font-weight: 800;
}

@media (max-width: 560px) {
    .instagram-share-choice {
        min-height: 86px;
        padding: 1rem;
    }

    .instagram-copy-link {
        min-height: 58px;
        font-size: 1rem;
    }
}

/* HF8.6.1 dedicated Instagram destination screen */
.instagram-panel-header {
    display: grid;
    gap: .7rem;
    margin-bottom: .65rem;
}

.instagram-panel-header > strong {
    font-size: 1.2rem;
    line-height: 1.3;
}

.instagram-back-button {
    width: fit-content;
    min-height: 44px;
    padding-inline: .8rem;
}

#instagram-share-guide:not([hidden]) {
    display: block;
}

#instagram-share-guide .instagram-share-actions {
    margin-top: 1rem;
}

#instagram-share-guide .instagram-share-choice {
    cursor: pointer;
}

@media (max-width: 560px) {
    #instagram-share-guide {
        scroll-margin-top: 12px;
    }

    .instagram-panel-header > strong {
        font-size: 1.15rem;
    }

    .instagram-back-button {
        min-height: 48px;
    }
}

/* HF8.7.3 PROFESSIONAL SHARE SELECTION UI */

.share-dialog {
    --share-ink: #17263d;
    --share-muted: #677386;
    --share-border: #d9e1e9;
    --share-border-strong: #c7d1dc;
    --share-surface: #ffffff;
    --share-surface-soft: #f7f9fb;
    --share-accent: #b46f3c;
    --share-accent-soft: #fff7f0;
    --share-accent-ring: rgba(180, 111, 60, .15);
    --share-shadow:
        0 8px 24px rgba(23, 38, 61, .08),
        0 2px 6px rgba(23, 38, 61, .04);
}

/*
 * Consistent selection cards:
 * - media Photo / Video
 * - sharing destinations
 * - Instagram Story / Post / Message
 */
.share-dialog .share-kind,
.share-dialog .share-networks button,
.share-dialog .instagram-share-choice {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--share-border);
    border-radius: 16px;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98),
            rgba(248,250,252,.98)
        );
    color: var(--share-ink);
    box-shadow: var(--share-shadow);
    opacity: 1;
    transform: translateY(0) scale(1);
    transition:
        opacity .18s ease,
        transform .18s ease,
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease,
        filter .18s ease;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

/* Photo / Video cards */
.share-dialog .share-media-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
    margin-top: .75rem;
}

.share-dialog .share-kind {
    min-height: 60px;
    padding: .8rem 1rem;
    justify-content: center;
    font-weight: 750;
    line-height: 1.25;
}

/* Main share network cards */
.share-dialog .share-networks {
    gap: .7rem;
}

.share-dialog .share-networks button {
    min-height: 66px;
    padding: .8rem .9rem;
    font-weight: 700;
}

.share-dialog .share-networks button strong {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

/* Instagram destination cards */
.share-dialog .instagram-share-actions {
    gap: .75rem;
}

.share-dialog .instagram-share-choice {
    min-height: 88px;
    padding: 1rem 1.05rem;
    text-align: left;
    border-width: 1px;
}

.share-dialog .instagram-share-choice strong {
    color: var(--share-ink);
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -.01em;
}

.share-dialog .instagram-share-choice span {
    margin-top: .18rem;
    color: var(--share-muted);
    opacity: 1;
    font-size: .86rem;
    line-height: 1.45;
}

/*
 * Hover only on devices that really have hover.
 * Avoid sticky hover states on iPhone.
 */
@media (hover: hover) and (pointer: fine) {
    .share-dialog .share-kind:hover,
    .share-dialog .share-networks button:hover,
    .share-dialog .instagram-share-choice:hover {
        opacity: 1;
        border-color: var(--share-border-strong);
        background: #fff;
        transform: translateY(-2px);
        box-shadow:
            0 12px 28px rgba(23, 38, 61, .11),
            0 3px 8px rgba(23, 38, 61, .05);
    }
}

/* Keyboard accessibility */
.share-dialog .share-kind:focus-visible,
.share-dialog .share-networks button:focus-visible,
.share-dialog .instagram-share-choice:focus-visible {
    outline: 3px solid rgba(31, 111, 235, .25);
    outline-offset: 3px;
}

/*
 * SELECTED
 *
 * The selected card is intentionally much clearer than hover:
 * colored border + soft background + ring + check badge.
 */
.share-dialog .share-kind.is-selected,
.share-dialog .share-networks button.is-selected,
.share-dialog .instagram-share-choice.is-selected {
    z-index: 2;
    opacity: 1;
    filter: none;
    border-width: 2px;
    border-color: var(--share-accent);
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            var(--share-accent-soft) 100%
        );
    color: var(--share-ink);
    transform: translateY(-1px);
    box-shadow:
        0 0 0 4px var(--share-accent-ring),
        0 12px 28px rgba(23, 38, 61, .12);
}

/* Professional check badge */
.share-dialog .share-kind.is-selected::after,
.share-dialog .share-networks button.is-selected::after,
.share-dialog .instagram-share-choice.is-selected::after {
    content: "✓";
    position: absolute;
    top: 8px;
    right: 8px;
    width: 23px;
    height: 23px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: var(--share-accent);
    color: #fff;
    font-size: .73rem;
    font-weight: 900;
    line-height: 1;
    box-shadow:
        0 3px 8px rgba(23, 38, 61, .16);
}

/*
 * UNSELECTED AFTER A CHOICE WAS MADE
 *
 * Still clickable/readable, but clearly secondary.
 */
.share-dialog .share-kind.is-dimmed,
.share-dialog .share-networks button.is-dimmed,
.share-dialog .instagram-share-choice.is-dimmed {
    opacity: .46;
    filter: saturate(.68);
    box-shadow: none;
    transform: scale(.985);
    background: var(--share-surface-soft);
}

@media (hover: hover) and (pointer: fine) {
    .share-dialog .share-kind.is-dimmed:hover,
    .share-dialog .share-networks button.is-dimmed:hover,
    .share-dialog .instagram-share-choice.is-dimmed:hover {
        opacity: .82;
        filter: saturate(.9);
        transform: translateY(-1px) scale(1);
        border-color: var(--share-border-strong);
    }
}

/* Disabled is distinct from merely unselected */
.share-dialog .share-kind:disabled,
.share-dialog .share-networks button:disabled,
.share-dialog .instagram-share-choice:disabled {
    opacity: .34 !important;
    filter: grayscale(.35);
    cursor: not-allowed;
    box-shadow: none !important;
    transform: none !important;
}

/* Photo selected */
.share-dialog
.share-kind[data-share-kind="photo"].is-selected {
    --share-accent: #227a68;
    --share-accent-soft: #f0fbf8;
    --share-accent-ring: rgba(34, 122, 104, .14);
}

/* Video selected */
.share-dialog
.share-kind[data-share-kind="video"].is-selected {
    --share-accent: #6656c7;
    --share-accent-soft: #f5f3ff;
    --share-accent-ring: rgba(102, 86, 199, .14);
}

/* Facebook */
.share-dialog
.share-networks
button[data-platform="facebook"].is-selected {
    --share-accent: #1877f2;
    --share-accent-soft: #f1f7ff;
    --share-accent-ring: rgba(24, 119, 242, .14);
}

/* Instagram */
.share-dialog
.share-networks
button[data-platform="instagram-menu"].is-selected,
.share-dialog
.share-networks
button[data-platform="instagram"].is-selected {
    --share-accent: #c13584;
    --share-accent-soft: #fff4fa;
    --share-accent-ring: rgba(193, 53, 132, .14);
}

/* TikTok */
.share-dialog
.share-networks
button[data-platform="tiktok"].is-selected {
    --share-accent: #17263d;
    --share-accent-soft: #f3f5f7;
    --share-accent-ring: rgba(23, 38, 61, .13);
}

/* WhatsApp */
.share-dialog
.share-networks
button[data-platform="whatsapp"].is-selected {
    --share-accent: #148c55;
    --share-accent-soft: #effbf5;
    --share-accent-ring: rgba(20, 140, 85, .14);
}

/* More apps */
.share-dialog
.share-networks
button[data-platform="native"].is-selected {
    --share-accent: #b46f3c;
    --share-accent-soft: #fff7f0;
    --share-accent-ring: rgba(180, 111, 60, .14);
}

/* Instagram Story */
.share-dialog
#instagram-story-share.is-selected {
    --share-accent: #833ab4;
    --share-accent-soft: #faf4ff;
    --share-accent-ring: rgba(131, 58, 180, .15);
}

/* Instagram Post / Reel */
.share-dialog
#instagram-post-share.is-selected {
    --share-accent: #e1306c;
    --share-accent-soft: #fff4f7;
    --share-accent-ring: rgba(225, 48, 108, .14);
}

/* Instagram Private Message */
.share-dialog
#instagram-message-share.is-selected {
    --share-accent: #405de6;
    --share-accent-soft: #f3f5ff;
    --share-accent-ring: rgba(64, 93, 230, .14);
}

/*
 * Branding option becomes a proper selectable card too.
 */
.share-dialog .share-brand-toggle {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    margin-top: .85rem;
    padding: .9rem 1rem;
    border: 1px solid var(--share-border);
    border-radius: 16px;
    background: var(--share-surface-soft);
    color: var(--share-ink);
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(23, 38, 61, .05);
    transition:
        opacity .18s ease,
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}

.share-dialog .share-brand-toggle input {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-top: .1rem;
    accent-color: #b46f3c;
}

.share-dialog .share-brand-toggle span {
    display: grid;
    gap: .18rem;
}

.share-dialog .share-brand-toggle strong {
    color: var(--share-ink);
    font-size: .92rem;
}

.share-dialog .share-brand-toggle small {
    color: var(--share-muted);
    font-size: .76rem;
    line-height: 1.42;
}

.share-dialog .share-brand-toggle.is-selected {
    border: 2px solid #b46f3c;
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fff7f0
        );
    box-shadow:
        0 0 0 4px rgba(180,111,60,.12),
        0 8px 22px rgba(23,38,61,.08);
}

.share-dialog .share-brand-toggle.is-off {
    opacity: .58;
    box-shadow: none;
}

/* Selected media dropdown gets a cleaner focus treatment */
.share-dialog #share-media {
    border: 1px solid var(--share-border-strong);
    border-radius: 12px;
    background: #fff;
    color: var(--share-ink);
    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}

.share-dialog #share-media:focus {
    outline: none;
    border-color: #b46f3c;
    box-shadow:
        0 0 0 4px rgba(180,111,60,.12);
}

/* Compact mobile layout */
@media (max-width: 560px) {
    .share-dialog .share-media-tabs {
        gap: .55rem;
    }

    .share-dialog .share-kind {
        min-height: 58px;
        padding: .75rem .65rem;
        font-size: .9rem;
    }

    .share-dialog .share-networks {
        gap: .55rem;
    }

    .share-dialog .share-networks button {
        min-height: 64px;
        padding: .72rem;
        font-size: .88rem;
    }

    .share-dialog .share-networks button strong {
        width: 34px;
        height: 34px;
    }

    .share-dialog .instagram-share-choice {
        min-height: 90px;
        padding: .9rem;
        padding-right: 2.5rem;
    }

    .share-dialog .share-brand-toggle {
        padding: .85rem;
    }
}

/* Respect accessibility preference */
@media (prefers-reduced-motion: reduce) {
    .share-dialog .share-kind,
    .share-dialog .share-networks button,
    .share-dialog .instagram-share-choice,
    .share-dialog .share-brand-toggle {
        transition: none;
    }
}

/* END HF8.7.3 PROFESSIONAL SHARE SELECTION UI */

/* HF8.7.5 CLEAR INSTAGRAM WORKFLOW */

.instagram-guide-header {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: .85rem;
}

.instagram-guide-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background:
        linear-gradient(
            135deg,
            #833ab4,
            #e1306c
        );
    color: #fff;
    font-size: 1.35rem;
    font-weight: 900;
    box-shadow:
        0 6px 16px rgba(131,58,180,.18);
}

.instagram-guide-header > div:last-child {
    display: grid;
    gap: .08rem;
}

.instagram-guide-header strong {
    color: #17263d;
    font-size: 1rem;
    font-weight: 850;
}

.instagram-guide-header span {
    color: #68768a;
    font-size: .78rem;
}


.instagram-important-note {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    margin: .8rem 0 1rem;
    padding: .9rem;
    border: 1px solid #dce3ec;
    border-radius: 15px;
    background:
        linear-gradient(
            145deg,
            #f9fafc,
            #f4f7fa
        );
}

.instagram-info-badge {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #25364d;
    color: #fff;
    font-size: .8rem;
    font-weight: 900;
}

.instagram-important-note > div {
    min-width: 0;
}

.instagram-important-note strong {
    display: block;
    margin-bottom: .18rem;
    color: #24364d;
    font-size: .86rem;
}

.instagram-important-note p {
    margin: 0 !important;
    color: #68768a;
    font-size: .76rem;
    line-height: 1.5;
}


.instagram-share-actions {
    display: grid;
    gap: .75rem;
}


.instagram-share-choice {
    position: relative;
    display: block;
    width: 100%;
    padding: 1rem;
    padding-right: 2.8rem;
    border-radius: 16px;
    text-align: left;
}


.instagram-choice-heading {
    display: flex !important;
    align-items: center;
    gap: .55rem;
    margin: 0 0 .65rem !important;
}

.instagram-choice-heading strong {
    margin: 0 !important;
    color: #17263d;
    font-size: 1rem !important;
    font-weight: 850;
}


.instagram-choice-number {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #edf1f5;
    color: #526277;
    font-size: .69rem;
    font-weight: 900;
}


.instagram-choice-detail {
    display: block !important;
    margin-top: .5rem !important;
    color: #5f6e82 !important;
    font-size: .79rem !important;
    line-height: 1.48 !important;
    opacity: 1 !important;
}


.instagram-choice-detail.manual {
    padding-top: .5rem;
    border-top: 1px solid rgba(23,38,61,.08);
}


.instagram-auto-label,
.instagram-manual-label {
    display: block;
    margin-bottom: .14rem;
    font-size: .72rem;
    line-height: 1.3;
    font-weight: 850 !important;
}


.instagram-auto-label {
    color: #18704f;
}


.instagram-manual-label {
    color: #9a5d2a;
}


.instagram-action-note {
    display: inline-flex;
    width: fit-content;
    margin-top: .7rem;
    padding: .32rem .52rem;
    border-radius: 8px;
    background: rgba(23,38,61,.07);
    color: #56667b;
    font-size: .59rem;
    line-height: 1.25;
    font-style: normal;
    font-weight: 900;
    letter-spacing: .045em;
}


#instagram-story-share.is-selected
.instagram-choice-number {
    background: #efe5f7;
    color: #833ab4;
}

#instagram-post-share.is-selected
.instagram-choice-number {
    background: #fde6ef;
    color: #c82f69;
}

#instagram-message-share.is-selected
.instagram-choice-number {
    background: #e9edff;
    color: #405de6;
}


.instagram-fallback-tools {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e1e6ed;
}

.instagram-fallback-tools > strong {
    display: block;
    margin-bottom: .2rem;
    color: #27384e;
    font-size: .8rem;
}

.instagram-fallback-tools > p {
    margin: 0 0 .75rem !important;
    color: #758195;
    font-size: .72rem;
    line-height: 1.45;
}

.instagram-fallback-tools .btn + .btn {
    margin-top: .5rem;
}


.instagram-exact-link {
    margin-top: .85rem;
}

.instagram-exact-link > span {
    display: block;
    margin-bottom: .3rem;
    color: #7b8798;
    font-size: .67rem;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .045em;
}

.instagram-exact-link code {
    display: block;
    padding: .7rem;
    border: 1px solid #e1e6ed;
    border-radius: 10px;
    background: #f7f8fa;
    color: #45556a;
    font-size: .72rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
    word-break: break-word;
}


@media (max-width: 560px) {

    .instagram-important-note {
        padding: .8rem;
        gap: .6rem;
    }

    .instagram-share-choice {
        padding: .9rem;
        padding-right: 2.5rem;
    }

    .instagram-choice-detail {
        font-size: .77rem !important;
    }

    .instagram-action-note {
        font-size: .55rem;
        letter-spacing: .03em;
    }
}

/* END HF8.7.5 CLEAR INSTAGRAM WORKFLOW */

/* HF8.7.6 Social Creative + reliable Instagram caption */

.instagram-caption-preview-wrap {
    display: grid;
    gap: .35rem;
    margin-top: .75rem;
}

.instagram-caption-preview-wrap > span {
    color: #526176;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .045em;
}

#instagram-caption-preview {
    width: 100%;
    min-height: 112px;
    resize: vertical;
    padding: .75rem;
    border: 1px solid #d8e0e8;
    border-radius: 12px;
    background: #f8fafc;
    color: #26374d;
    font: 500 .78rem/1.5 system-ui, sans-serif;
}

#instagram-caption-preview:focus {
    outline: none;
    border-color: #b46f3c;
    box-shadow:
        0 0 0 3px rgba(180,111,60,.12);
}

.instagram-caption-preview-wrap small {
    color: #788598;
    font-size: .68rem;
    line-height: 1.4;
}

/* END HF8.7.6 */

/* HF8.7.7 reliable two-step Instagram workflow */

.instagram-share-choice.is-copy-ready,
#instagram-story-share[data-share-step="ready"],
#instagram-post-share[data-share-step="ready"] {
    border-color: rgba(24,112,79,.6);
    box-shadow:
        0 0 0 4px rgba(24,112,79,.09),
        0 10px 26px rgba(22,37,58,.08);
}

.instagram-share-choice.is-copy-ready
.instagram-action-note {
    background: rgba(24,112,79,.11);
    color: #18704f;
}

/* END HF8.7.7 */