/* Structural rules migrated from the previous UI. Visual styling lives in sunset-soft-ui.css. */
:root { --ink:#26364b; --text:#47576b; --muted:#667085; --line:rgba(64,81,113,.16); --blue:#365ac0; --plum:#734c76; --teal:#28777a; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:"Vazirmatn",sans-serif; line-height:2; }
button,input,select,textarea { font:inherit; }
header { position:sticky; z-index:10; top:12px; width:min(1040px,calc(100% - 28px)); min-height:68px; margin:12px auto; display:flex; align-items:center; justify-content:space-between; padding:8px 12px; }
header>a:first-child { display:flex; align-items:center; gap:10px; text-decoration:none; }
header img { width:44px; height:44px; }
header b,header small { display:block; }
header small { font-size:10px; }
.back { padding:8px 14px; font-size:12px; text-decoration:none; }
main { width:min(900px,calc(100% - 28px)); margin:70px auto 100px; }
.policy-hero { text-align:center; margin-bottom:35px; }
.policy-hero>span { font-size:11px; font-weight:800; }
.policy-hero h1 { margin:8px 0; font-size:clamp(34px,7vw,64px); line-height:1.6; }
.policy-hero p { max-width:640px; margin:auto; }
main>nav { display:flex; justify-content:center; flex-wrap:wrap; gap:7px; margin-bottom:22px; }
main>nav a { padding:7px 11px; font-size:11px; text-decoration:none; }
section { display:grid; grid-template-columns:60px minmax(0,1fr); gap:18px; padding:25px; margin-bottom:12px; }
section>b { font-size:20px; }
h2 { margin:0 0 5px; font-size:20px; }
section p { margin:0; }
.updated { text-align:center; font-size:11px; }
@media (max-width:560px) {
main { margin-top:42px; }
section { grid-template-columns:1fr; padding:19px; }
.policy-hero h1 { font-size:38px; }
.back { font-size:10px; padding:7px 9px; }
}
html { scroll-behavior:smooth; scroll-padding-top:82px; -webkit-text-size-adjust:100%; }
body { text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
button,a,[role="button"],summary { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
button,a,[role="button"],.nav-item,.category-button,.request-card,.social-card-pro { transition-property:transform,opacity,color,background-color,border-color,box-shadow,filter; transition-duration:180ms; transition-timing-function:cubic-bezier(.2,.75,.25,1); }
button:not(:disabled):active,[role="button"]:not([aria-disabled="true"]):active { transform:scale(.975); transition-duration:70ms; }
textarea { scroll-behavior:smooth; }
.content,#feed,.messages,.connections-list,.request-filters-scroll,.admin-notices-list { overscroll-behavior:contain; scroll-behavior:smooth; }
@media (prefers-reduced-motion:reduce) {
html,.content,#feed,.messages,.connections-list,.request-filters-scroll,.admin-notices-list { scroll-behavior:auto!important; }
*,*:before,*:after { transition-duration:.01ms!important; }
}
.feed-head-clean { display:grid!important; grid-template-columns:minmax(0,1fr) 154px!important; align-items:end!important; column-gap:20px!important; }
body[data-view] .feed-head-clean { padding:0 0 14px!important; }
.feed-head-tools { width:154px!important; min-width:154px!important; align-self:end!important; justify-self:start!important; }
.sort-control { width:100%!important; height:42px!important; display:grid!important; grid-template-columns:18px minmax(0,1fr)!important; align-items:center!important; gap:8px!important; padding:0 11px!important; overflow:hidden!important; }
.sort-control select { width:100%!important; min-width:0!important; height:40px!important; margin:0!important; padding:0!important; appearance:auto!important; font-weight:700!important; }
.sort-control select option { font-weight:600!important; }
.request-card .post-actions { direction:rtl!important; justify-content:flex-start!important; }
.request-card .response-count { order:1!important; flex:0 0 auto!important; margin:0!important; justify-content:flex-start!important; text-align:right!important; }
.request-card .action-cluster { order:2!important; margin-inline-start:auto!important; margin-inline-end:0!important; }
.request-card .save-button[aria-pressed="true"] svg { fill:currentColor; }
@media (max-width:620px) {
.feed-head-clean { grid-template-columns:minmax(0,1fr) 132px!important; column-gap:10px!important; }
.feed-head-tools { width:132px!important; min-width:132px!important; }
.sort-control { height:40px!important; padding-inline:9px!important; }
.request-card .response-count { flex-basis:100%!important; width:100%!important; }
}
body[data-view] #feed { gap:12px!important; }
.request-card { padding:0!important; overflow:hidden!important; }
.request-card .post-accent { height:3px!important; inset:0 0 auto!important; width:100%!important; opacity:.78!important; }
.request-card .request-context { min-height:34px!important; margin:0!important; padding:9px 18px 7px!important; }
.request-card .post-top { min-height:62px!important; padding:12px 18px!important; gap:9px!important; }
.request-card .avatar { width:40px!important; height:40px!important; min-width:40px!important; font-size:13px!important; }
.request-card .post-author strong { font-size:13px!important; line-height:1.55!important; }
.request-card .post-author span { font-size:10px!important; line-height:1.5!important; }
.request-card .post-type,
.request-card .location-pill,
.request-card .category-pill { min-height:28px!important; height:28px!important; padding:0 9px!important; font-size:10px!important; line-height:1!important; }
.request-card .post-type svg,
.request-card .location-pill svg,
.request-card .category-pill svg { width:14px!important; height:14px!important; }
.request-card .post-content { margin:0!important; padding:15px 18px 10px!important; }
.request-card .post-content h3 { margin:0!important; font-size:18px!important; line-height:1.75!important; }
.request-card .post-content p { max-width:none!important; margin:5px 0 0!important; font-size:12px!important; line-height:1.9!important; }
.request-card .post-meta { min-height:38px!important; margin:0!important; padding:4px 18px 10px!important; gap:7px!important; }
.request-card .post-image { width:calc(100% - 36px)!important; max-height:300px!important; margin:4px 18px 12px!important; }
.request-card .post-actions { min-height:62px!important; margin:0!important; padding:10px 18px!important; }
.request-card .offer-box { margin:4px 18px 14px!important; padding:14px!important; }
.request-card .offer-box p { margin:6px 0 10px!important; padding:0!important; line-height:1.9!important; }
.request-card .accepted-contact { margin-top:10px!important; padding:11px 12px!important; }
.request-card .response-count { min-height:34px!important; font-size:10px!important; font-weight:700!important; }
.request-card .offer-button:not(:disabled) { min-height:44px!important; padding:9px 17px!important; font-weight:800!important; }
.request-card .save-button,.request-card .report-button,.request-card .more-button { width:40px!important; height:40px!important; min-width:40px!important; }
@media (max-width:620px) {
.request-card .request-context { padding-inline:14px!important; }
.request-card .post-top { padding:11px 14px!important; }
.request-card .post-content { padding:13px 14px 9px!important; }
.request-card .post-meta { padding:3px 14px 9px!important; }
.request-card .post-actions { padding:10px 14px!important; }
.request-card .post-image { width:calc(100% - 28px)!important; margin-inline:14px!important; }
.request-card .offer-box { margin-inline:14px!important; }
.request-card .post-content h3 { font-size:16px!important; }
}
.my-post-modes { display:flex; gap:8px; margin-bottom:16px; flex-shrink:0; }
.my-post-modes button { min-height:42px; }
body:not(.image-uploads-enabled) [data-quick-image],body:not(.image-uploads-enabled) .image-field { display:none!important; }