/* Posting actions remain readable at narrow widths and browser zoom. */
:is(:is(#postAdForm,#postRequestForm), #postRequestForm) .wizard-nav-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: stretch;
}
:is(:is(#postAdForm,#postRequestForm), #postRequestForm) .wizard-nav-row .btn {
    min-width: 0;
    height: auto;
    min-height: 44px;
    white-space: normal;
    overflow: visible;
    text-align: center;
    line-height: 1.35;
}
:is(:is(#postAdForm,#postRequestForm), #postRequestForm) .form-row > .form-group { min-width: 0; }
:is(:is(#postAdForm,#postRequestForm), #postRequestForm) :is(input, select, textarea) { max-width: 100%; }
#wizardSteps, #requestWizardSteps { scroll-margin-top: 120px; }
@media (max-width: 600px) {
    :is(:is(#postAdForm,#postRequestForm), #postRequestForm) .wizard-nav-row .btn {
        flex: 1 1 calc(50% - 12px);
    }
    :is(:is(#postAdForm,#postRequestForm), #postRequestForm) .wizard-nav-row .btn[type="submit"]:last-child {
        flex-basis: 100%;
    }
}
.posting-page-content { box-sizing:border-box; width:100%; min-width:0; padding:16px 24px 32px; }
@media(max-width:600px) { .posting-page-content { padding:12px 16px 24px; } }

/* Posting reference: compact cards, four visible steps and three portable photos. */
.posting-page-content { max-width:860px; padding:20px; }
.posting-page-content > h1 { margin-bottom:6px; font-size:24px; }
:is(#postAdForm,#postRequestForm) .wizard-step { padding:16px; border:1px solid var(--border); border-radius:14px; background:var(--surface); }
:is(#postAdForm,#postRequestForm) .wizard-step-heading { margin-bottom:16px; padding-bottom:0; border:0; }
:is(#postAdForm,#postRequestForm) .posting-category-cards { display:grid; grid-template-columns:1fr; gap:8px; margin:0 0 14px; }
:is(#postAdForm,#postRequestForm) .posting-category-cards .role-option { position:relative; display:flex; align-items:center; gap:12px; min-height:62px; padding:10px 12px; text-align:left; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); color:var(--text-primary); }
:is(#postAdForm,#postRequestForm) .posting-category-cards input { position:absolute; opacity:0; width:1px; height:1px; }
:is(#postAdForm,#postRequestForm) .posting-category-cards .role-option:has(input:checked) { border-color:var(--primary); background:var(--surface-2); }
:is(#postAdForm,#postRequestForm) .posting-category-cards .role-option:has(input:focus-visible) { outline:2px solid var(--primary); outline-offset:2px; }
.posting-category-copy { flex:1; min-width:0; }
.posting-category-copy strong { display:block; font-size:14px; font-weight:600; }
.posting-category-copy small { display:block; font-size:12px; color:var(--text-secondary); line-height:1.4; margin-top:2px; }
.posting-category-check { width:17px; height:17px; border:1px solid var(--text-secondary); border-radius:50%; flex:none; }
.role-option:has(input:checked) .posting-category-check { border-color:var(--primary); background:var(--primary); box-shadow:inset 0 0 0 3px var(--surface-2); }
:is(#postAdForm,#postRequestForm) .posting-category-row { display:block; margin:0; }
:is(#postAdForm,#postRequestForm) .photo-source-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
:is(#postAdForm,#postRequestForm) .photo-source-action { min-height:46px; padding:9px; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--border); border-radius:9px; }
:is(#postAdForm,#postRequestForm) .photo-source-action svg { width:20px; height:20px; flex:none; }
:is(#postAdForm,#postRequestForm) .photo-source-action strong { font-size:13px; font-weight:500; }
:is(#postAdForm,#postRequestForm) .photo-source-action small { display:none; }
:is(#postAdForm,#postRequestForm) .ad-photo-previews { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
:is(#postAdForm,#postRequestForm) .ad-photo-item { min-width:0; }
:is(#postAdForm,#postRequestForm) .ad-photo-preview { display:block; padding:0; width:100%; max-width:none; border:1px solid var(--border); overflow:hidden; border-radius:9px; }
:is(#postAdForm,#postRequestForm) .ad-photo-preview img { width:100%; height:auto; aspect-ratio:1.1; object-fit:cover; border-radius:0; opacity:1; visibility:visible; }
:is(#postAdForm,#postRequestForm) .ad-photo-preview span { font-size:10px; min-height:26px; line-height:1.2; padding:3px; font-weight:500; }
:is(#postAdForm,#postRequestForm) .ad-photo-remove { top:1px; right:1px; width:28px; height:28px; min-height:28px; padding:0; font-size:19px; background:var(--surface); }
:is(#postAdForm,#postRequestForm) .ad-photo-remove::before { content:''; position:absolute; inset:-8px; }
.posting-page-content .wizard-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; margin:12px 0 18px; overflow:visible; }
.posting-page-content .wizard-step-line { display:none; }
.posting-page-content .wizard-step-dot { display:flex; flex-direction:column; gap:6px; align-items:center; text-align:center; font-size:11px; white-space:normal; line-height:1.3; }
.posting-page-content .wizard-step-dot span { width:24px; height:24px; }
@media(max-width:700px) {
 .posting-page-content { padding:12px 0 24px; }
 .posting-page-content > h1, .posting-intro { display:none; }
 :is(#postAdForm,#postRequestForm) .wizard-step { padding:12px; }
 :is(#postAdForm,#postRequestForm) .form-row { gap:10px; }
 :is(#postAdForm,#postRequestForm) .form-group { margin-bottom:14px; }
 :is(#postAdForm,#postRequestForm) .wizard-step-heading h2 { font-size:20px; }
 :is(#postAdForm,#postRequestForm) .wizard-step-heading p, :is(#postAdForm,#postRequestForm) .form-hint { font-size:12px; line-height:1.45; }
 :is(#postAdForm,#postRequestForm) .photo-source-panel { padding:0; border:0; background:transparent; }
}

:is(#postAdForm,#postRequestForm) .posting-category-cards { display:grid !important; }
:is(#postAdForm,#postRequestForm) .posting-category-cards .role-option, :is(#postAdForm,#postRequestForm) .photo-source-action { text-transform:none; letter-spacing:normal; }
:is(#postAdForm,#postRequestForm) .ad-photo-remove { display:grid; place-items:center; color:var(--text-primary); z-index:2; }
:is(#postAdForm,#postRequestForm) .ad-photo-preview span { font-size:11px; }

:is(#postAdForm,#postRequestForm) :is(.wizard-step-heading h2, #postAdPhotos legend) { font-family:inherit; font-weight:600; }

.buyer-request-progress .wizard-step-dot b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--border);font-size:12px}.buyer-request-progress .wizard-step-dot.active b{background:var(--primary);color:var(--surface)}
/* Approved placement previews: static diagrams, not loading placeholders. */
.promotion-explainer{margin:16px 0 20px;min-width:0}.promotion-explainer h4{font-family:inherit;font-weight:600;font-size:15px;line-height:1.4;margin:0 0 6px;color:var(--text-primary)}.promotion-explainer p{font-size:13px;line-height:1.55;color:var(--text-secondary);margin:0}.promotion-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.promotion-preview-option{min-width:0;border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--surface)}.promotion-mini{position:relative;border:1px solid var(--border);border-radius:9px;overflow:hidden;margin-bottom:12px;background:var(--surface-2);height:174px;pointer-events:none}.promotion-mini-header{display:flex;justify-content:space-between;align-items:center;background:#075e66;color:#fff;padding:9px 12px;font-size:12px;font-weight:700}.promotion-mini-searchbar{height:12px;margin:8px 12px;border-radius:5px;background:var(--surface);border:1px solid var(--border)}.promotion-mini-result{display:flex;align-items:center;gap:8px;margin:6px 10px;padding:6px;border:1px solid var(--border);border-radius:6px;height:28px;position:relative}.promotion-mini i{display:block;background:color-mix(in srgb,var(--text-secondary) 18%,var(--surface));border-radius:4px}.promotion-mini-result i{width:38px;height:24px;flex:none}.promotion-mini-result>span{flex:1}.promotion-mini b{display:block;height:5px;margin:4px 0;border-radius:3px;background:color-mix(in srgb,var(--text-secondary) 25%,var(--surface))}.promotion-mini b:last-child{width:60%}.promotion-mini .is-highlighted{border:1px solid var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface))}.promotion-mini em{position:absolute;right:4px;top:0;font-size:25px;font-style:normal;line-height:1;color:var(--primary)}.promotion-mini-home>small{display:block;font-size:10px;font-weight:600;padding:9px 10px 4px;color:var(--text-primary)}.promotion-mini-carousel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:4px 10px}.promotion-mini-carousel>div{position:relative;border:1px solid var(--border);padding:5px;border-radius:6px;background:var(--surface)}.promotion-mini-carousel i{height:42px}.promotion-mini-carousel em{right:0;top:-14px}.promotion-mini-dots{text-align:center;font-size:8px;letter-spacing:3px;color:var(--primary);margin-top:8px}.promotion-preview-note{font-size:12px!important}.promotion-preview-outcome{display:flex;gap:10px;align-items:center;padding:12px;border-radius:10px;background:var(--surface-2);margin-top:12px;color:var(--primary)}.promotion-preview-outcome svg{flex:none}.promotion-preview-outcome strong{display:block;font-size:13px;color:var(--text-primary)}.promotion-preview-outcome small{display:block;font-size:12px;color:var(--text-secondary);margin-top:3px}.posting-promotion .promotion-duration-options{grid-template-columns:repeat(2,minmax(0,1fr))}.promotion-duration-options .role-option{min-width:0;white-space:normal}.promotion-duration-options .role-title{overflow-wrap:anywhere}@media(max-width:480px){.promotion-preview-grid{grid-template-columns:minmax(0,1fr)}.promotion-preview-option{display:grid;grid-template-columns:minmax(100px,40%) minmax(0,1fr);gap:4px 12px;align-items:start}.promotion-preview-option .promotion-mini{grid-row:span 2;width:100%;margin:0;height:164px}.promotion-preview-option h4{align-self:end;font-size:14px}.promotion-preview-option p{font-size:12px}}@media(max-width:350px){.promotion-preview-option{display:block}.promotion-preview-option .promotion-mini{margin-bottom:10px;height:174px}}

/* App-only compact choices preserve the original select values and validation. */
:root[data-app-shell="android"] .app-choice-original{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;padding:0!important;border:0!important;overflow:hidden!important;pointer-events:none!important}
:root[data-app-shell="android"] .app-posting-choices{display:grid;grid-template-columns:repeat(var(--choice-count,3),minmax(0,1fr));gap:6px;min-width:0}
:root[data-app-shell="android"] .app-posting-choices[hidden]{display:none!important}
:root[data-app-shell="android"] .app-posting-choices label{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:44px;padding:7px 5px;margin:0;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);font:500 12px/1.35 var(--font-body,Inter,system-ui,sans-serif);cursor:pointer;box-sizing:border-box}
:root[data-app-shell="android"] .app-posting-choices input{width:14px;height:14px;min-width:14px;margin:0;accent-color:var(--primary)}
:root[data-app-shell="android"] .app-posting-choices span{min-width:0;overflow-wrap:anywhere}
:root[data-app-shell="android"] .app-posting-choices label:has(:checked){border-color:var(--primary);color:var(--primary)}
:root[data-app-shell="android"] .app-posting-choices label:has(:focus-visible){outline:2px solid var(--primary);outline-offset:2px}
:root[data-app-shell="android"] .app-posting-choices[aria-disabled=true]{opacity:.5}
:root[data-app-shell="android"] .app-posting-choices[aria-invalid=true]{outline:1px solid var(--danger)}
:root[data-app-shell="android"] #postAdForm .posting-category-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
:root[data-app-shell="android"] #postAdForm .posting-category-cards .role-option{min-width:0;min-height:60px;flex-direction:column;justify-content:center;text-align:center;gap:4px;padding:8px 4px}
:root[data-app-shell="android"] #postAdForm .posting-category-copy strong{font-size:12px}
:root[data-app-shell="android"] #postAdForm .posting-category-copy small,:root[data-app-shell="android"] #postAdForm .posting-category-check{display:none}
:root[data-app-shell="android"] #postAdForm .wizard-step-heading p{display:none}
:root[data-app-shell="android"] #postAdForm .wizard-step-heading{margin-bottom:12px}
@media(prefers-reduced-motion:no-preference){html[data-app-shell="android"].app-entry-rise .posting-page-content{animation:app-entry-up .18s ease-out both}}
:root[data-app-shell="android"] #title+.form-hint{display:none}
:root[data-app-shell="android"] #postAdForm .wizard-step[data-step="0"]>.wizard-step-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
:root[data-app-shell="android"] .app-posting-choices label,:root[data-app-shell="android"] .app-posting-choices label span{text-transform:none!important;letter-spacing:normal!important}