/* KALO IQ community shared styles. Tokens come from kalo-shell.css; fixed hex used here to avoid shell conflicts. */
/* ---- question pages ---- */
.fwrap{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;padding:6px 8px 48px}
.crumbs--injected{display:flex;align-items:center;gap:8px;font-size:13.5px;margin:0 0 16px;color:#64748B;flex-wrap:wrap;grid-column:1 / -1}
.crumbs--injected a{color:#5B46E5;text-decoration:none;font-weight:600}
.crumbs--injected .crumbs__here{color:#0F172A;font-weight:600}
.fmain{min-width:0}
.qback{font-size:13px;color:#8A94A6;font-weight:600;display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;text-decoration:none}
.qhead h1{font-size:28px;line-height:1.22;font-weight:800;letter-spacing:-0.02em;color:#0F172A;margin:0 0 16px}
.qasker{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.qasker__av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#60A5FA,#2563EB);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.qasker__m b{font-size:14px;font-weight:700;color:#0F172A}
.qasker__m span{font-size:12.5px;color:#8A94A6}
.qtags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.qtag{font-size:12px;font-weight:700;color:#5B46E5;background:#F1EEFE;border-radius:8px;padding:5px 11px}
.qtext{font-size:15.5px;line-height:1.7;color:#475569;margin:0 0 18px;max-width:680px}
.qactions{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #EAECEF;border-bottom:1px solid #EAECEF;margin-bottom:24px;flex-wrap:wrap}
.qbtn{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#475569;background:#F4F5F7;border:1px solid #EAECEF;border-radius:9px;padding:8px 13px;cursor:pointer;text-decoration:none}
.qbtn svg{width:15px;height:15px}
.qbtn--up{background:#5B46E5;color:#fff;border-color:#5B46E5}
.qbtn--follow{margin-left:auto;background:#5B46E5;color:#fff;border-color:#5B46E5}
.answers__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.answers__head h2{font-size:18px;font-weight:800;color:#0F172A;margin:0}
.answers__sort{font-size:12.5px;color:#475569;font-weight:600;border:1px solid #EAECEF;border-radius:8px;padding:7px 11px;display:inline-flex;gap:7px;align-items:center}
.ans{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid #EAECEF}
.ans__av{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px}
.ans__main{flex:1;min-width:0}
.ans__top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px}
.ans__name{font-size:14px;font-weight:800;color:#0F172A}
.ans__plan{font-size:11px;font-weight:700;color:#5B46E5;background:#F1EEFE;border-radius:6px;padding:2px 7px}
.ans__tc{font-size:11px;font-weight:700;color:#B45309;background:#FEF3C7;border-radius:6px;padding:2px 7px}
.ans__kiq{font-size:11px;font-weight:800;color:#fff;background:#5B46E5;border-radius:6px;padding:2px 8px}
.ans__time{font-size:12px;color:#8A94A6;margin-left:auto}
.ans__acc{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#16A34A;background:#E7F7EF;border-radius:7px;padding:4px 10px;margin-bottom:10px}
.ans__acc svg{width:14px;height:14px}
.ans__body{font-size:14.5px;line-height:1.68;color:#475569}
.ans__body p{margin:0 0 11px}
.ans__body h3{font-size:14.5px;font-weight:800;color:#0F172A;margin:16px 0 8px}
.ans__body h4{font-size:11px;font-weight:800;color:#5B46E5;text-transform:uppercase;letter-spacing:.06em;margin:12px 0 5px}
.ans__body h5{font-size:11px;font-weight:800;color:#9333EA;text-transform:uppercase;letter-spacing:.06em;margin:11px 0 5px}
.ans__body h6{font-size:11px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.06em;margin:11px 0 5px}
.ans__body a{color:#5B46E5;font-weight:600}
.ans--accepted{background:linear-gradient(180deg,#F1EEFE,#fff 70%);border:1.5px solid #E0DBFB;border-radius:16px;padding:20px 22px;margin-bottom:8px}
.ans__foot{display:flex;align-items:center;gap:16px;margin-top:13px}
.ans__hp{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#0F172A;background:#F4F5F7;border:1px solid #EAECEF;border-radius:99px;padding:6px 13px;cursor:pointer}
.ans__hp svg{width:14px;height:14px}
.ans__reply{font-size:13px;font-weight:600;color:#5B46E5;cursor:pointer;background:none;border:0}
.addans{display:flex;gap:12px;align-items:center;background:#fff;border:1px dashed #E2E5EA;border-radius:14px;padding:14px 18px;margin-top:20px}
.addans input{flex:1;border:0;outline:0;font:inherit;font-size:14px;color:#475569;background:transparent}
.addans .pbtn{background:#5B46E5;color:#fff;font-size:13px;font-weight:700;border-radius:9px;padding:9px 16px;text-decoration:none}
.frail{display:flex;flex-direction:column;gap:18px}
.fcard{background:#fff;border:1px solid #EAECEF;border-radius:14px;padding:18px}
.fcard h2{font-size:14px;font-weight:800;color:#0F172A;margin:0 0 14px}
.sumrow{display:flex;flex-direction:column;gap:3px;margin-bottom:14px}
.sumrow span{font-size:11.5px;color:#8A94A6;font-weight:600}
.sumrow b{font-size:13.5px;color:#0F172A;font-weight:700}
.sumrow a{font-size:13px;color:#5B46E5;font-weight:700;text-decoration:none}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #EAECEF;padding-top:14px}
.stat{text-align:center}
.stat b{display:block;font-size:17px;font-weight:800;color:#0F172A}
.stat span{font-size:11px;color:#8A94A6}
.qrel a{display:block;font-size:13.5px;color:#0F172A;font-weight:600;line-height:1.4;padding:10px 0;border-bottom:1px solid #EAECEF;text-decoration:none}
.qrel a:hover{color:#5B46E5}
.qrel a:last-child{border-bottom:0}
.qrel__more{color:#5B46E5!important;font-weight:700!important}
.fjoin{background:linear-gradient(135deg,#5B46E5,#8B5CF6);border:0;color:#fff}
.fjoin h2{color:#fff}
.fjoin p{font-size:13px;line-height:1.55;margin:0 0 14px;opacity:.95}
.fjoin a{display:inline-block;background:#fff;color:#5B46E5;font-weight:700;font-size:13px;border-radius:9px;padding:10px 16px;text-decoration:none}
@media(max-width:980px){.fwrap{grid-template-columns:1fr}.qhead h1{font-size:23px}}

/* ---- channel pages ---- */
.chub{max-width:1080px;margin:0 auto;padding:6px 8px 0}
.chub__hero{background:linear-gradient(135deg,#5B46E5,#8B5CF6);border-radius:20px;padding:46px 38px;color:#fff;margin:8px 0 22px}
.chub__hero h1{font-size:34px;font-weight:800;letter-spacing:-0.03em;margin:0 0 12px;color:#fff}
.chub__hero p{font-size:16px;line-height:1.6;margin:0;max-width:620px;opacity:.95}
.chub h2{font-size:19px;font-weight:800;color:#0F172A;margin:18px 0 14px}
.qrow{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #EAECEF;border-radius:14px;padding:16px 18px;margin-bottom:12px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s}
.qrow:hover{border-color:#E0DBFB;box-shadow:0 12px 28px rgba(91,70,229,.08);transform:translateY(-2px)}
.qrow__av{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff}
.qrow__b b{display:block;font-size:16px;color:#0F172A;font-weight:800;margin-bottom:4px}
.qrow__b span{font-size:13px;color:#8A94A6}
.qrow__ans{margin-left:auto;font-size:12px;font-weight:700;color:#5B46E5;background:#F1EEFE;padding:5px 11px;border-radius:99px;align-self:center;white-space:nowrap}
.qrow__soon{margin-left:auto;font-size:11px;font-weight:800;color:#8A94A6;background:#F4F5F7;padding:4px 10px;border-radius:99px;align-self:center}
.cabout{max-width:1080px;margin:0 auto;padding:24px 8px 0}
.cabout h2{font-size:20px;font-weight:800;color:#0F172A;margin:0 0 10px}
.cabout h3{font-size:15px;font-weight:800;color:#0F172A;margin:16px 0 6px}
.cabout h4{font-size:11px;font-weight:800;color:#5B46E5;text-transform:uppercase;letter-spacing:.06em;margin:12px 0 5px}
.cabout h5{font-size:11px;font-weight:800;color:#9333EA;text-transform:uppercase;letter-spacing:.06em;margin:12px 0 5px}
.cabout h6{font-size:11px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.06em;margin:12px 0 5px}
.cabout p{font-size:15px;line-height:1.7;color:#475569;margin:0 0 12px;max-width:700px}
.cjoin{max-width:1080px;margin:26px auto 10px;background:linear-gradient(135deg,#5B46E5,#8B5CF6);border-radius:18px;padding:40px 36px;text-align:center;color:#fff}
.cjoin h2{font-size:24px;font-weight:800;margin:0 0 10px;color:#fff}
.cjoin p{font-size:15px;margin:0 auto 18px;max-width:520px;opacity:.95}
.cjoin a{display:inline-block;background:#fff;color:#5B46E5;font-weight:700;font-size:14px;border-radius:10px;padding:11px 20px;text-decoration:none}
.crumbs--injected{display:flex;gap:8px;font-size:13.5px;color:#64748B;padding:6px 8px 0;max-width:1080px;margin:0 auto;flex-wrap:wrap}
.crumbs--injected a{color:#5B46E5;font-weight:600;text-decoration:none}
.crumbs--injected .crumbs__here{color:#0F172A;font-weight:600}

/* ---- hub + join ---- */
.cwrap{max-width:1080px;margin:0 auto;padding:6px 8px 0}
.crumbs--injected{display:flex;gap:8px;font-size:13.5px;color:#64748B;padding:6px 0 0;flex-wrap:wrap}
.crumbs--injected a{color:#5B46E5;font-weight:600;text-decoration:none}
.crumbs--injected .crumbs__here{color:#0F172A;font-weight:600}
.chero{background:linear-gradient(135deg,#5B46E5,#8B5CF6);border-radius:20px;padding:48px 40px;color:#fff;margin:10px 0 24px}
.chero h1{font-size:36px;font-weight:800;letter-spacing:-0.03em;margin:0 0 12px;color:#fff}
.chero p{font-size:16px;line-height:1.6;margin:0;max-width:640px;opacity:.95}
.cwrap h2{font-size:20px;font-weight:800;color:#0F172A;margin:24px 0 14px}
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:8px}
.glabel{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#5B46E5;margin:18px 0 10px}
.glabel--muted{color:#8A94A6}
.ccard{display:block;background:#fff;border:1px solid #EAECEF;border-radius:14px;padding:18px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s}
.ccard:hover{border-color:#E0DBFB;box-shadow:0 12px 28px rgba(91,70,229,.08);transform:translateY(-2px)}
.ccard b{display:block;font-size:15.5px;color:#0F172A;font-weight:800;margin-bottom:4px}
.ccard span{font-size:13px;color:#8A94A6}
.ccard__soon{display:inline-block;margin-top:8px;font-size:11px;font-weight:800;color:#8A94A6;background:#F4F5F7;padding:3px 9px;border-radius:99px}
.ccard__live{display:inline-block;margin-top:8px;font-size:11px;font-weight:800;color:#5B46E5;background:#F1EEFE;padding:3px 9px;border-radius:99px}
.popq a{display:block;font-size:14.5px;color:#0F172A;font-weight:600;padding:11px 0;border-bottom:1px solid #EAECEF;text-decoration:none}
.popq a:hover{color:#5B46E5}
.cabout h2{font-size:20px;font-weight:800;color:#0F172A;margin:24px 0 10px}
.cabout h3{font-size:15px;font-weight:800;color:#0F172A;margin:16px 0 6px}
.cabout h4{font-size:11px;font-weight:800;color:#5B46E5;text-transform:uppercase;letter-spacing:.06em;margin:12px 0 5px}
.cabout h5{font-size:11px;font-weight:800;color:#9333EA;text-transform:uppercase;letter-spacing:.06em;margin:12px 0 5px}
.cabout h6{font-size:11px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.06em;margin:12px 0 5px}
.cabout p{font-size:15px;line-height:1.7;color:#475569;margin:0 0 12px;max-width:720px}
.cjoin{background:linear-gradient(135deg,#5B46E5,#8B5CF6);border-radius:18px;padding:40px 36px;text-align:center;color:#fff;margin:26px 0 10px}
.cjoin h2{font-size:24px;font-weight:800;margin:0 0 10px;color:#fff}
.cjoin p{font-size:15px;margin:0 auto 18px;max-width:520px;opacity:.95}
.cjoin a{display:inline-block;background:#fff;color:#5B46E5;font-weight:700;font-size:14px;border-radius:10px;padding:11px 20px;text-decoration:none}
/* join form */
.jwrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start}
.jform{background:#fff;border:1px solid #EAECEF;border-radius:16px;padding:26px}
.jform .row{margin-bottom:16px}
.jform label{display:block;font-size:13px;font-weight:700;color:#0F172A;margin-bottom:6px}
.jform .req{color:#5B46E5}
.jform input,.jform select,.jform textarea{width:100%;font:inherit;font-size:14px;color:#0F172A;border:1px solid #D9DEE6;border-radius:10px;padding:11px 13px;background:#fff;outline:none}
.jform input:focus,.jform select:focus,.jform textarea:focus{border-color:#5B46E5;box-shadow:0 0 0 3px rgba(91,70,229,.12)}
.jform textarea{min-height:90px;resize:vertical}
.jform .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.checks{display:flex;flex-wrap:wrap;gap:8px}
.checks label{display:inline-flex;align-items:center;gap:7px;font-weight:500;font-size:13px;background:#F6F6F9;border:1px solid #EAECEF;border-radius:99px;padding:7px 13px;margin:0;cursor:pointer}
.checks input{width:auto}
.consent{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:#475569;font-weight:500}
.consent input{width:auto;margin-top:3px}
.jsubmit{background:#5B46E5;color:#fff;font-weight:700;font-size:15px;border:0;border-radius:10px;padding:13px 22px;cursor:pointer;width:100%}
.hp{position:absolute;left:-9999px}
.jside .card{background:#fff;border:1px solid #EAECEF;border-radius:14px;padding:20px;margin-bottom:16px}
.jside h2{font-size:15px;font-weight:800;color:#0F172A;margin:0 0 12px}
.jside ul{margin:0;padding-left:18px;color:#475569;font-size:14px;line-height:1.7}
.jside .stat{display:flex;justify-content:space-between;font-size:13.5px;padding:8px 0;border-bottom:1px solid #EAECEF}
.jside .stat:last-child{border-bottom:0}
.jside .stat b{color:#0F172A}
@media(max-width:980px){.cgrid{grid-template-columns:1fr}.jwrap{grid-template-columns:1fr}.jform .two{grid-template-columns:1fr}.chero h1{font-size:28px}}

/* ---- mockup polish + CTAs ---- */
.sumlabel{font-size:11px;font-weight:700;color:#8A94A6;margin:14px 0 5px}
.sumlabel:first-of-type{margin-top:0}
.sumasker{display:flex;align-items:center;gap:10px}
.sumasker__av{width:34px;height:34px;border-radius:50%;color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sumasker b{font-size:13.5px;color:#0F172A;display:block;line-height:1.2}
.sumasker span{font-size:12px;color:#8A94A6}
.sumtime{font-size:12px;color:#8A94A6;margin-top:8px}
.sumcat a{font-size:12px;font-weight:700;color:#5B46E5;background:#F1EEFE;border-radius:8px;padding:4px 10px;display:inline-block;text-decoration:none}
.statrow{display:flex;justify-content:space-between;font-size:13.5px;color:#475569;padding:8px 0;border-bottom:1px solid #EAECEF}
.statrow:last-child{border-bottom:0}
.statrow b{color:#0F172A;font-weight:700}
.qrel a{display:flex!important;align-items:flex-start;gap:9px}
.qrel__ic{flex-shrink:0;width:22px;height:22px;border-radius:7px;background:#F1EEFE;color:#5B46E5;display:flex;align-items:center;justify-content:center;margin-top:1px}
.qrel__ic svg{width:13px;height:13px}
.qcta{margin:26px 0 0;background:linear-gradient(135deg,#5B46E5,#8B5CF6);border-radius:16px;padding:30px 28px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.qcta h2{font-size:21px;font-weight:800;margin:0 0 6px;color:#fff}
.qcta p{margin:0;font-size:14px;opacity:.95;max-width:470px;line-height:1.55}
.qcta__btns{display:flex;gap:10px;flex-wrap:wrap}
.qcta__btns a{display:inline-block;font-weight:700;font-size:13px;border-radius:10px;padding:11px 18px;text-decoration:none}
.qcta__btns .pri{background:#fff;color:#5B46E5}
.qcta__btns .sec{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.55)}
.qtools{margin:16px 0 0;background:#fff;border:1px solid #EAECEF;border-radius:16px;padding:22px 24px}
.qtools h2{font-size:15px;font-weight:800;color:#0F172A;margin:0 0 4px}
.qtools>p{font-size:13px;color:#8A94A6;margin:0 0 14px}
.qtools__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.qtools__grid a{display:block;border:1px solid #EAECEF;border-radius:11px;padding:13px;text-decoration:none;font-size:13px;font-weight:700;color:#0F172A}
.qtools__grid a:hover{border-color:#E0DBFB;box-shadow:0 8px 20px rgba(91,70,229,.08)}
.qtools__grid span{display:block;font-size:11px;font-weight:600;color:#8A94A6;margin-top:3px}
@media(max-width:860px){.qtools__grid{grid-template-columns:1fr 1fr}.qcta{flex-direction:column;align-items:flex-start}}

/* ---- channel feed view ---- */
.feedhead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:8px 0 16px;flex-wrap:wrap}
.feedhead h1{font-size:26px;font-weight:800;color:#0F172A;margin:0 0 6px;letter-spacing:-0.02em}
.feedhead p{margin:0;font-size:14px;color:#8A94A6;max-width:560px}
.feedhead .ask{background:#5B46E5;color:#fff;font-weight:700;font-size:13.5px;border-radius:10px;padding:11px 18px;text-decoration:none;white-space:nowrap}
.ftabs{display:flex;align-items:center;gap:4px;border-bottom:1px solid #EAECEF;margin-bottom:18px;flex-wrap:wrap}
.ftab{font-size:13.5px;font-weight:700;color:#8A94A6;padding:10px 14px;border-bottom:2px solid transparent;text-decoration:none}
.ftab.is-active{color:#5B46E5;border-bottom-color:#5B46E5}
.ffilter{margin-left:auto;font-size:13px;font-weight:600;color:#475569;border:1px solid #EAECEF;border-radius:9px;padding:8px 13px;display:inline-flex;align-items:center;gap:7px}
.ffilter svg{width:14px;height:14px}
.feedgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}
.qcard{display:flex;gap:16px;background:#fff;border:1px solid #EAECEF;border-radius:14px;padding:18px 20px;margin-bottom:14px;text-decoration:none}
.qcard:hover{border-color:#E0DBFB;box-shadow:0 10px 26px rgba(91,70,229,.07)}
.qcard__vote{display:flex;flex-direction:column;align-items:center;gap:1px;flex-shrink:0;width:46px}
.qcard__up{width:34px;height:34px;border-radius:9px;background:#F1EEFE;color:#5B46E5;display:flex;align-items:center;justify-content:center}
.qcard__up svg{width:16px;height:16px}
.qcard__vn{font-size:15px;font-weight:800;color:#0F172A}
.qcard__vl{font-size:10px;color:#8A94A6;font-weight:600}
.qcard__b{min-width:0}
.qcard__t{font-size:16px;font-weight:800;color:#0F172A;margin:0 0 6px;line-height:1.3}
.qcard__ex{font-size:13.5px;color:#475569;line-height:1.55;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qcard__tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.qcard__meta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:#8A94A6}
.qcard__asker{display:flex;align-items:center;gap:8px;margin-right:auto}
.qcard__av{width:26px;height:26px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.qcard__asker b{color:#0F172A;font-weight:700;font-size:12.5px}
.leader{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid #EAECEF}
.leader:last-child{border-bottom:0}
.leader__rank{font-size:13px;font-weight:800;color:#8A94A6;width:14px}
.leader__av{width:34px;height:34px;border-radius:50%;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.leader__m b{font-size:13.5px;color:#0F172A;display:block;line-height:1.2}
.leader__m span{font-size:11.5px;color:#8A94A6}
.leader__pts{margin-left:auto;font-size:12px;font-weight:800;color:#5B46E5}
.topics{display:flex;flex-wrap:wrap;gap:8px}
.topic{font-size:12.5px;font-weight:700;color:#5B46E5;background:#F1EEFE;border-radius:8px;padding:6px 11px;text-decoration:none}
.topic span{color:#A78BD9;margin-left:5px}
@media(max-width:860px){.feedgrid{grid-template-columns:1fr}}

/* ---- feed sort + filter ---- */
.sortbtn{font:inherit;font-size:13.5px;font-weight:700;color:#8A94A6;padding:10px 14px;border:0;background:none;border-bottom:2px solid transparent;cursor:pointer}
.sortbtn.is-active{color:#5B46E5;border-bottom-color:#5B46E5}
.ffilter-select{margin-left:auto;font:inherit;font-size:13px;font-weight:600;color:#475569;border:1px solid #EAECEF;border-radius:9px;padding:8px 13px;background:#fff;cursor:pointer}
.ffilter-select:focus{outline:none;border-color:#5B46E5;box-shadow:0 0 0 3px rgba(91,70,229,.12)}

/* ---- app views ---- */

.appwrap{max-width:1100px;margin:0 auto;padding:6px 0 0}
.crumbs--injected{display:flex;gap:8px;font-size:13.5px;color:#64748B;padding:6px 0 14px;flex-wrap:wrap}
.crumbs--injected a{color:#5B46E5;font-weight:600;text-decoration:none}
.crumbs--injected .crumbs__here{color:#0F172A;font-weight:600}
.apph1{font-size:26px;font-weight:800;color:#0F172A;margin:0 0 6px;letter-spacing:-0.02em}
.appsub{font-size:14px;color:#8A94A6;margin:0 0 18px}
.askgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}
.askform{background:#fff;border:1px solid #EAECEF;border-radius:16px;padding:26px}
.askform .row{margin-bottom:18px}
.askform label{display:block;font-size:13px;font-weight:700;color:#0F172A;margin-bottom:4px}
.askform .hint{font-size:12px;color:#8A94A6;font-weight:500;margin-bottom:8px}
.askform input,.askform select,.askform textarea{width:100%;font:inherit;font-size:14px;border:1px solid #D9DEE6;border-radius:10px;padding:11px 13px;background:#fff;color:#0F172A}
.askform textarea{min-height:150px;resize:vertical}
.askform input:focus,.askform select:focus,.askform textarea:focus{border-color:#5B46E5;box-shadow:0 0 0 3px rgba(91,70,229,.12);outline:none}
.askactions{display:flex;gap:10px;margin-top:4px}
.askpost{background:#5B46E5;color:#fff;font-weight:700;font-size:14px;border:0;border-radius:10px;padding:12px 22px;cursor:pointer}
.askcancel{background:#fff;color:#475569;font-weight:700;font-size:14px;border:1px solid #EAECEF;border-radius:10px;padding:12px 22px;cursor:pointer}
.tipcard{background:#fff;border:1px solid #EAECEF;border-radius:14px;padding:20px;margin-bottom:16px}
.tipcard h2{font-size:14px;font-weight:800;color:#0F172A;margin:0 0 12px}
.tipcard ul{margin:0;padding-left:18px;color:#475569;font-size:13.5px;line-height:1.75}
.pfhead{display:flex;align-items:center;gap:16px;margin:4px 0 18px;flex-wrap:wrap}
.pfhead__av{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#F472B6,#DB2777);color:#fff;font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pfhead__m h1{font-size:23px;font-weight:800;color:#0F172A;margin:0 0 3px}
.pfhead__m .pfrole{font-size:13px;color:#5B46E5;font-weight:700}
.pfstats{display:flex;gap:28px;margin-left:auto}
.pfstat{text-align:center}
.pfstat b{display:block;font-size:20px;font-weight:800;color:#0F172A}
.pfstat span{font-size:12px;color:#8A94A6}
.acard{background:#fff;border:1px solid #EAECEF;border-radius:14px;padding:18px 20px;margin-bottom:14px}
.acard__top{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.acard__kiq{font-size:11px;font-weight:800;color:#fff;background:#5B46E5;border-radius:6px;padding:2px 8px}
.acard__by{font-size:13px;font-weight:700;color:#0F172A}
.acard__role{font-size:12px;color:#8A94A6}
.acard__q{font-size:15.5px;font-weight:800;color:#0F172A;margin:0 0 8px;text-decoration:none;display:block;line-height:1.3}
.acard__q:hover{color:#5B46E5}
.acard__a{font-size:13.5px;color:#475569;line-height:1.6;margin:0 0 12px}
.acard__foot{display:flex;align-items:center;gap:14px;font-size:12.5px;color:#8A94A6}
.acard__acc{font-size:11px;font-weight:800;color:#16A34A;background:#E7F7EF;border-radius:6px;padding:3px 9px;display:inline-flex;align-items:center;gap:5px}
.acard__hp{font-weight:700;color:#5B46E5}
.acard__ch{margin-left:auto;font-size:11.5px;font-weight:700;color:#5B46E5;background:#F1EEFE;border-radius:7px;padding:3px 9px;text-decoration:none}
.applist{max-width:760px}
@media(max-width:860px){.askgrid{grid-template-columns:1fr}.pfstats{margin-left:0;width:100%;justify-content:space-between}}


/* ---- hub quick links ---- */
.qlinks{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}
.qlinks a{font-size:13.5px;font-weight:700;text-decoration:none;border-radius:10px;padding:10px 16px;border:1px solid #EAECEF;color:#0F172A;background:#fff}
.qlinks a:first-child{background:#5B46E5;color:#fff;border-color:#5B46E5}
.qlinks a:hover{border-color:#E0DBFB}