/* Рефератус — дополнения для публичных страниц: биржа, профиль, посадочные, FAQ, контакты.
   Только то, чего нет в style.css; базовые классы (.ocard, .filters, .steps …) — оттуда. */

/* ── биржа: чипы категорий и строка итогов ── */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.chips a.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:.85rem;transition:border-color .15s,color .15s}
.chips a.tag:hover{border-color:var(--brand-line);color:var(--brand)}
.chips a.tag.on{background:var(--brand);border-color:var(--brand);color:#fff}
.chips a.tag .n{color:var(--mut-2);font-size:.78rem}
.chips a.tag.on .n{color:rgba(255,255,255,.75)}
.market-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;color:var(--mut);font-size:.9rem}
.market-top .reset{display:inline-flex;align-items:center;gap:4px}
/* Ссылка на профиль заказчика внутри карточки должна быть кликабельна поверх «растянутой» ссылки заголовка. */
.ocard .o-meta a{position:relative;z-index:1;color:var(--ink-2)}
.ocard .o-meta a:hover{color:var(--brand)}
.ocard .o-title .cat-ic{color:var(--brand);display:inline-flex}
.ocard .o-title .t-plain{color:var(--ink)}
.filters .chk{align-self:center;padding-bottom:10px;white-space:nowrap}
.filters .f-btn{padding-bottom:0}
.msg .msg-body{flex:1}
.msg .msg-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}

/* ── публичный профиль ── */
.profile-head{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.profile-head .ph-body{flex:1;min-width:220px}
.profile-head h1{margin:0 0 4px;font-size:1.6rem}
.profile-head .ph-sub{color:var(--mut);display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:.92rem}
.profile-head .ph-actions{display:flex;gap:8px;flex-wrap:wrap}
.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 0}
.profile-stats div{background:var(--surface-2);border-radius:12px;padding:12px 14px}
.profile-stats b{display:block;font-size:1.25rem;letter-spacing:-.02em}
.profile-stats span{font-size:.8rem;color:var(--mut)}
.about-text{color:var(--ink-2);line-height:1.6;font-size:.97rem}
.spec-tags{display:flex;flex-wrap:wrap;gap:6px}
.review .rv-head b{display:inline-flex;align-items:center;gap:8px}
.review .rv-order{color:var(--mut);font-size:.82rem;margin-top:6px;display:inline-flex;gap:5px;align-items:center}
@media (max-width:600px){.profile-stats{grid-template-columns:1fr 1fr}}

/* ── посадочные страницы ролей: мини-hero ── */
.mini-hero{background:var(--dark);color:#fff;padding:56px 0 48px;position:relative;overflow:hidden}
.mini-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);pointer-events:none}
.mini-hero .wrap{position:relative;z-index:1}
.mini-hero h1{color:#fff;font-size:clamp(1.8rem,3.5vw,2.6rem);margin:12px 0 12px;letter-spacing:-.03em;max-width:760px}
.mini-hero p{color:var(--on-dark-mut);font-size:1.1rem;max-width:620px;margin:0 0 24px}
.mini-hero .kicker{color:#9D93FF}
.mini-hero .row{gap:12px}
.mini-hero .hero-stats{margin-top:30px}
.section.compact{padding:52px 0}
.pros{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.pros li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-2);font-size:.95rem}
.pros li .ic{color:var(--safe);margin-top:3px}
.rule-list{display:grid;gap:12px}
.rule-list>div{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.rule-list .ic{color:var(--brand);margin-top:2px}
.rule-list b{display:block;font-size:.95rem}.rule-list span{color:var(--mut);font-size:.88rem}

/* ── FAQ: навигация по группам ── */
.faq-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:28px}
.faq h2{font-size:1.2rem;margin:34px 0 12px;scroll-margin-top:calc(var(--top-h) + 16px)}
.faq h2:first-of-type{margin-top:0}
.faq .d-body p:last-child{margin-bottom:0}

/* ── контакты ── */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.contact-grid .card{height:100%}
.contact-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.contact-list a{display:block}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}