.xhs-positioning-page{--xhs-red:#ff2442;--xhs-red-deep:#e81535;--xhs-pink:#fff2f4;--xhs-ink:#171820;--xhs-muted:#767984;--xhs-line:#ececf0;gap:22px}
.xhs-positioning-hero{position:relative;min-height:330px;overflow:hidden;display:flex;align-items:center;padding:46px 52px;border:1px solid #f2dfe3;border-radius:26px;background:#fff6f7 url('./assets/positioning-hero-v2.png') center/cover no-repeat;box-shadow:0 18px 55px rgba(36,28,31,.08)}
.xhs-positioning-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,251,251,.96) 35%,rgba(255,247,248,.5) 52%,rgba(255,255,255,0) 70%);pointer-events:none}
.xhs-hero-copy{position:relative;z-index:1;max-width:620px}
.xhs-hero-copy .eyebrow{color:var(--xhs-red);background:#ffe8ec}
.xhs-hero-copy h2{display:grid;gap:4px;margin:18px 0 16px;color:var(--xhs-ink);font-size:clamp(36px,3.1vw,50px);font-weight:800;line-height:1.14;letter-spacing:-1.8px}
.xhs-hero-copy h2>span{display:block}.xhs-title-accent{position:relative;display:inline-block;margin-left:.12em;color:var(--xhs-red);white-space:nowrap}.xhs-title-accent:after{content:"";position:absolute;z-index:-1;right:-.06em;bottom:.04em;left:-.06em;height:.25em;border-radius:999px;background:rgba(255,36,66,.1)}
.xhs-hero-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.xhs-hero-points span{padding:7px 12px;border:1px solid rgba(255,36,66,.15);border-radius:999px;background:rgba(255,255,255,.75);color:#8e4b57;font-size:12px;backdrop-filter:blur(8px)}
.xhs-positioning-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr);gap:22px;align-items:start}
.xhs-positioning-form{padding:30px;background:#fff}.xhs-positioning-form .section-title{margin-bottom:8px}.xhs-positioning-form .section-title .eyebrow{margin-bottom:10px}.xhs-positioning-form .section-title h2{margin:0 0 7px;font-size:25px}.form-time{padding:7px 11px;border-radius:999px;background:#f7f7f8;color:#777b84;font-size:12px}
.xhs-field{padding:25px 0;border-color:var(--xhs-line)}
.xhs-field .positioning-field-head>span{color:var(--xhs-red)}
.xhs-field .positioning-field-head label{color:#22232a}.xhs-field .positioning-field-head label em{background:#fff0f2;color:var(--xhs-red)}
.xhs-field .positioning-field-head p{color:#858892;font-weight:400}
.xhs-field textarea{min-height:104px;border-color:#e2e3e7;background:#fafafa;color:#25262d;font-size:14px}
.xhs-field textarea.example-value{color:#9699a2}
.xhs-field textarea:focus{border-color:var(--xhs-red);background:#fff;box-shadow:0 0 0 4px rgba(255,36,66,.075)}
.position-example{display:none;margin:9px 2px 0;color:#9a9ca5;font-size:12px;line-height:1.55}.position-example.show{display:block;animation:example-in .2s ease}
@keyframes example-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.xhs-form-actions{gap:12px}.xhs-form-actions .button.primary{min-width:220px;box-shadow:0 10px 22px rgba(255,36,66,.2)}
.xhs-positioning-aside{display:grid;gap:18px;position:sticky;top:22px}.xhs-positioning-aside>.panel{padding:24px}.xhs-positioning-aside h3{margin:12px 0 20px;font-size:20px}
.xhs-standard-list{display:grid;gap:8px}.xhs-standard-list div{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;background:#fafafa}.xhs-standard-list b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ffecef;color:var(--xhs-red);font-size:13px}.xhs-standard-list span{color:#5d6069;font-size:13px}
.xhs-truth-card{display:flex;gap:14px;border-color:#f3d9de!important;background:linear-gradient(145deg,#fff,#fff5f6)!important}.xhs-truth-card>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:13px;background:#ffe9ed;color:var(--xhs-red)}.xhs-truth-card svg{width:21px}.xhs-truth-card b{color:#33343b}.xhs-truth-card p{margin:7px 0 0;color:#777a84;font-size:13px;line-height:1.65}
.positioning-report{padding:0!important;overflow:hidden;background:#fff;scroll-margin-top:24px}
.report-heading{padding:34px 36px 26px;border-bottom:1px solid #f0f0f2;text-align:center;background:linear-gradient(180deg,#fff8f9 0%,#fff 100%)}
.report-heading>span{display:inline-block;margin-bottom:8px;color:var(--xhs-red);font-size:12px;font-weight:700;letter-spacing:.12em}.report-heading h2{margin:0;color:#181920;font-size:clamp(28px,3vw,40px);letter-spacing:-1.4px}.report-heading p{max-width:780px;margin:10px auto 0;color:#777a84;font-size:13px;line-height:1.65}
.report-primary{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:28px;align-items:center;margin:28px 30px 0;padding:30px 32px;border:1px solid #f1dce0;border-radius:20px;background:linear-gradient(135deg,#fff5f7 0%,#fff 58%,#fff1f3 100%)}
.report-kicker{display:block;margin-bottom:10px;color:var(--xhs-red);font-size:12px;font-weight:700}.report-track-title{display:flex;align-items:center;gap:12px}.report-track-title h3{margin:0;color:#171820;font-size:32px;letter-spacing:-1px}.report-track-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--xhs-red);color:#fff;box-shadow:0 10px 22px rgba(255,36,66,.18)}.report-track-icon svg{width:24px;height:24px}.report-primary-copy>p{max-width:900px;margin:16px 0 18px;color:#4e515a;font-size:16px;line-height:1.75}.report-tags{display:flex;flex-wrap:wrap;gap:8px}.report-tags span{padding:6px 10px;border:1px solid #f2dfe2;border-radius:999px;background:#fff;color:#82535b;font-size:11px}
.report-score{display:grid;place-items:center;width:126px;height:126px;border:9px solid #ffe1e6;border-top-color:var(--xhs-red);border-radius:50%;background:#fff;box-shadow:0 12px 30px rgba(255,36,66,.08)}.report-score strong{color:var(--xhs-red);font-size:36px;line-height:1}.report-score span{color:#4a4d55;font-size:12px;font-weight:700}.report-score small{color:#9a9ca3;font-size:10px}
.report-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 30px 0}.report-card{padding:23px;border:1px solid #e9e9ed;border-radius:17px;background:#fff}.report-card-title{display:flex;gap:12px;align-items:center;margin-bottom:14px}.report-card-title>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:12px;background:#fff0f2;color:var(--xhs-red)}.report-card-title svg{width:21px}.report-card-title div{display:grid;gap:3px}.report-card-title b{color:#22232a;font-size:15px}.report-card-title small,.report-section-title small{color:#9699a2;font-size:11px}.report-card>p{margin:0;color:#555861;line-height:1.7}.report-card h4{margin:0 0 9px;color:#292a31;font-size:16px}.report-card ul{margin:10px 0 0;padding-left:18px;color:#656872;font-size:13px;line-height:1.8}.report-subline{display:flex;gap:10px;margin-top:14px;padding-top:13px;border-top:1px dashed #e6e6ea;font-size:12px}.report-subline b{flex:0 0 auto;color:#33343b}.report-subline span{color:#777a83}
.report-score-card{margin:16px 30px 0}.report-section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.report-section-title>div{display:grid;gap:5px}.report-section-title b{font-size:18px;color:#22232a}.report-score-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:28px}.positioning-report .position-score-row{grid-template-columns:128px minmax(80px,1fr) 48px}.positioning-report .position-score-row>div{background:#f0f0f2}.positioning-report .position-score-row i{background:linear-gradient(90deg,#ff2442,#ff8092)}.report-evidence{display:grid;gap:8px}.report-evidence blockquote{margin:0;padding:12px 14px;border-left:3px solid var(--xhs-red);border-radius:0 10px 10px 0;background:#fff7f8;color:#686b74;font-size:12px;line-height:1.6}
.report-section{margin:28px 30px 0;padding-top:26px;border-top:1px solid #eeeeF1}.report-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.report-pillars article{display:flex;gap:13px;padding:19px;border:1px solid #e9e9ed;border-radius:15px;background:#fff}.report-pillars article>span{color:var(--xhs-red);font:700 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.report-pillars b{color:#2b2c33;font-size:14px}.report-pillars p{margin:7px 0 0;color:#747781;font-size:12px;line-height:1.65}
.report-muted-box,.report-warning,.report-question,.report-next{margin-top:13px;padding:12px 13px;border-radius:10px;font-size:12px;line-height:1.6}.report-muted-box{background:#f7f7f8;color:#747780}.report-warning{background:#fff7eb;color:#a56617}.report-question{background:#fff0f2;color:#a93b4d}.report-next{background:rgba(255,255,255,.72)}.report-next p{margin:5px 0 0}.report-attention{border-color:#f0dfbf;background:#fffaf2}.report-ready{border-color:#dfeadf;background:#f8fbf8}
.report-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.report-topics div{display:flex;gap:12px;align-items:flex-start;padding:14px 15px;border-radius:12px;background:#f8f8f9}.report-topics span{color:var(--xhs-red);font:700 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.report-topics p{margin:0;color:#565962;font-size:13px;line-height:1.55}
.report-confirm{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;gap:13px;align-items:center;margin:26px 30px 0;padding:17px 18px;border:1px dashed #f3a4b0;border-radius:14px;background:#fff7f8}.report-confirm b{font-size:14px}.report-confirm p{margin:4px 0 0;color:#858791;font-size:12px}.report-confirm select{min-height:44px;padding:0 12px;border:1px solid #ead7db;border-radius:10px;background:#fff}.report-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px;padding:20px 30px;border-top:1px solid #ededf0;background:#fafafa}.report-actions .button.primary{min-width:180px}
.positioning-admin-hero{background:linear-gradient(135deg,#ff2442,#f04b62)!important}.positioning-admin-hero>div:last-child b{color:#fff!important}.positioning-version-item.active{border-color:#f5a8b3!important;background:#fff1f3!important}.positioning-version-item em{background:#ff2442!important}.locked-contracts{border-color:#f1d9dd!important;background:#fff8f9!important}.locked-contracts svg{color:#ff2442!important}.provider-status-grid .credential-icon{color:#ff2442}.positioning-admin-page .position-score-row i{background:linear-gradient(90deg,#ff2442,#ff8595)}
@media(max-width:1100px){.xhs-positioning-layout,.report-score-layout{grid-template-columns:1fr}.xhs-positioning-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.xhs-positioning-hero{min-height:300px;background-position:58% center}.xhs-positioning-hero:after{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,250,251,.92) 48%,rgba(255,255,255,.08) 85%)}.xhs-hero-copy h2{font-size:clamp(36px,4.4vw,46px)}}
@media(max-width:760px){.xhs-positioning-hero{min-height:410px;align-items:flex-start;padding:28px 22px;background-position:66% center}.xhs-positioning-hero:after{background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,249,250,.94) 52%,rgba(255,255,255,.18) 100%)}.xhs-hero-copy h2{gap:3px;margin:16px 0 13px;font-size:clamp(29px,8.5vw,36px);line-height:1.16;letter-spacing:-1.1px}.xhs-hero-copy p{max-width:94%;font-size:14px;line-height:1.7}.xhs-hero-points{gap:6px;margin-top:19px}.xhs-positioning-aside,.report-two-column,.report-pillars,.report-topics{grid-template-columns:1fr}.xhs-positioning-form{padding:21px}.xhs-form-actions{display:grid!important;grid-template-columns:1fr}.xhs-form-actions .button{width:100%;min-width:0}.report-heading{padding:28px 20px 22px}.report-primary{grid-template-columns:1fr;margin:20px 16px 0;padding:23px}.report-score{width:108px;height:108px}.report-track-title h3{font-size:27px}.report-two-column,.report-score-card,.report-section{margin-left:16px;margin-right:16px}.report-score-card{padding:19px}.report-confirm{grid-template-columns:1fr;margin:22px 16px 0}.report-confirm select,.report-confirm .button{width:100%}.report-actions{display:grid;grid-template-columns:1fr;padding:18px 16px}.report-actions .button{width:100%}.positioning-report .position-score-row{grid-template-columns:112px minmax(60px,1fr) 42px}}

/* Positioning action layout: compact fields keep both columns naturally balanced. */
.xhs-positioning-layout{align-items:start}
.xhs-positioning-aside{grid-template-rows:auto auto auto;align-self:start}
.xhs-field{padding:18px 0}
.xhs-field .positioning-field-head>div{display:flex;flex:1;align-items:baseline;flex-wrap:wrap;column-gap:10px;row-gap:4px}
.xhs-field .positioning-field-head label{white-space:nowrap}
.xhs-field .positioning-field-head p{flex:1 1 260px;margin:0}
.xhs-field textarea{min-height:64px;height:64px}
.xhs-positioning-actions{border-color:#f1dce0!important;background:linear-gradient(145deg,#fff9fa,#fff)!important}
.xhs-positioning-actions h3{margin-bottom:8px}
.xhs-positioning-actions>p{margin:0;color:#777a84;font-size:13px;line-height:1.65}
.xhs-action-buttons{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}
.xhs-action-buttons .button{width:100%;min-height:46px}
.xhs-action-buttons .button.primary{box-shadow:0 10px 22px rgba(255,36,66,.2)}
@media(max-width:1100px){.xhs-positioning-aside{grid-template-rows:auto;align-self:auto}.xhs-positioning-actions{grid-column:1/-1}}

/* Positioning report heading alignment. */
.report-heading{text-align:left}
.report-heading p{margin:10px 0 0}

/* Positioning hero v3: compact desktop height with an in-product work scene. */
.xhs-positioning-hero{min-height:220px;padding:24px 48px;background-image:url('./assets/positioning-hero-v3.png');background-position:center 43%}
.xhs-hero-copy h2{margin:10px 0;font-size:clamp(30px,2.6vw,39px);line-height:1.1;letter-spacing:-1.35px}
.xhs-hero-copy p{font-size:13px;line-height:1.55}
.xhs-hero-points{margin-top:14px}
@media(max-width:1100px){.xhs-positioning-hero{min-height:220px;padding:24px 36px;background-position:center 43%}}
@media(max-width:760px){.xhs-positioning-hero{min-height:340px;padding:28px 22px;background-position:64% center}.xhs-hero-copy h2{font-size:clamp(29px,8.5vw,36px)}}
/* Positioning hero v4: proportional workspace image in the compact banner. */
.xhs-positioning-hero{background-color:#fff6f7;background-image:url('./assets/positioning-hero-v3-workspace.png');background-size:auto 100%;background-repeat:no-repeat;background-position:right center}