/*
Theme Name: PthinKS Developer Forum
Theme URI: https://forum.pthinks.com/
Author: PthinKS Private Limited
Author URI: https://www.pthinks.com/
Description: PthinKS C++, Qt and QML developer Q&A forum. WordPress version matched to the standalone HTML dashboard.
Version: 1.7.2
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: pthinks-forum
*/
:root{
  --navy:#071d32;--navy2:#0d3154;--purple:#413693;--yellow:#ffbd12;
  --blue:#2377c9;--blueSoft:#edf6ff;--green:#2b9561;--greenSoft:#eaf8f1;
  --orange:#ca7626;--orangeSoft:#fff4e6;--red:#c84250;--redSoft:#fff0f2;
  --ink:#152134;--muted:#6e7c90;--muted2:#929eae;--line:#e1e8ef;
  --bg:#f4f7fa;--card:#fff;--code:#fff;--codeToolbar:#f7f9fb;
  --radius:15px;--shadow:0 14px 38px rgba(7,29,50,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI Symbol","Segoe UI",Arial,sans-serif;font-size:11px}
button,input,textarea,select,a,div,span,p,label,li,small,kbd,pre,code,strong,em,i{
  font-family:"Segoe UI Symbol","Segoe UI",Arial,sans-serif;
}
h1,h2,h3,h4,h5,h6,.heading{font-size:13px;font-weight:700;line-height:1.35}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font-size:11px}
button{cursor:pointer}
.hidden{display:none!important}
:focus-visible{outline:3px solid rgba(35,119,201,.22);outline-offset:2px}

/* Header */
.topbar{height:70px;position:sticky;top:0;z-index:70;display:flex;align-items:center;gap:18px;padding:0 22px;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;min-width:280px}
.brand img{width:44px;height:44px;object-fit:contain}
.brandText b{display:block;font-size:13px;color:var(--navy)}
.brandText span{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.domain{color:var(--purple);background:#f3f1ff;border:1px solid #ddd8f7;border-radius:999px;padding:3px 6px;font-size:9px;font-weight:700;margin-left:5px}
.search{flex:1;max-width:700px;position:relative}
.search input{width:100%;height:41px;border:1px solid var(--line);border-radius:11px;background:#f7f9fb;padding:0 12px 0 39px;outline:none;color:var(--ink)}
.search input:focus{background:#fff;border-color:#a7c4dc;box-shadow:0 0 0 4px #eef6fc}
.search .icon{position:absolute;left:13px;top:10px;color:#7d899a;font-size:18px}
.actions{margin-left:auto;display:flex;align-items:center;gap:7px}
.btn{border:1px solid var(--line);background:#fff;color:#526075;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:700}
.btn:hover{border-color:#c8d6e2;background:#fbfdff}
.btn.primary,.btn-primary{border-color:var(--navy);background:var(--navy);color:#fff}
.btn.primary:hover,.btn-primary:hover{background:var(--navy2)}
.btn.small{padding:6px 8px;font-size:10px}
.identity{display:flex;align-items:center;gap:7px;padding:3px 8px 3px 3px;border:1px solid var(--line);border-radius:11px;background:#fff}
.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e2effb,#eef8e9);color:var(--navy);font-size:10px;font-weight:700}
.identityText{text-align:left;line-height:1.1;max-width:125px}
.identityText b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.identityText small{display:block;font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}

/* Three-column dashboard */
.layout{max-width:1620px;margin:0 auto;display:grid;grid-template-columns:215px minmax(0,1fr) 285px;gap:20px;padding:20px 22px 40px}
.sidebar,.rightbar{position:sticky;top:90px;align-self:start}
.navgroup{margin-bottom:19px}
.navtitle{padding:0 10px 6px;font-size:11px;font-weight:700;color:#9aa6b5;text-transform:uppercase;letter-spacing:.08em}
.nav{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:10px;margin:2px 0;font-size:11px;font-weight:600;color:#566478}
.nav:hover{background:#eaf0f5;color:var(--navy)}
.nav.active{background:#e8f1f8;color:var(--navy);font-weight:700}
.badgeCount{margin-left:auto;font-size:9px;padding:2px 6px;border:1px solid var(--line);background:#fff;border-radius:999px;color:#7f8b9b}
.dot{width:8px;height:8px;border-radius:2px}.cpp{background:#3c74b5}.qt{background:#3c9c62}.qml{background:#d58331}
.sidebarCard{border:1px solid #d9e6ef;background:linear-gradient(150deg,#f8fbff,#f4fbf7);border-radius:14px;padding:12px}
.sidebarCard b{font-size:13px;display:block;margin-bottom:5px}
.sidebarCard p{font-size:11px;line-height:1.55;color:var(--muted);margin:0 0 9px}

/* Hero */
.main{min-width:0}
.hero{position:relative;overflow:hidden;border-radius:20px;padding:25px 27px 22px;background:linear-gradient(135deg,var(--navy),#0b3458 58%,#0c5962);color:#fff;box-shadow:var(--shadow)}
.hero:before{content:"";position:absolute;width:260px;height:260px;border:40px solid rgba(255,255,255,.04);border-radius:50%;right:-100px;top:-130px}
.heroLogo{position:absolute;right:27px;top:22px;width:90px;height:106px;background:rgba(255,255,255,.97);border-radius:15px;padding:7px;display:grid;place-items:center;box-shadow:0 12px 28px rgba(0,0,0,.15)}
.heroLogo img{max-width:100%;max-height:100%;object-fit:contain}
.heroCopy{position:relative;z-index:1;max-width:760px;padding-right:95px}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9bd8de;font-weight:700;margin-bottom:6px}
.hero h1{margin:0;font-size:13px}
.hero p{margin:8px 0 0;font-size:11px;line-height:1.6;color:#cad9e7;max-width:670px}
.heroActions{display:flex;gap:7px;margin-top:15px;flex-wrap:wrap}
.hero .btn{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.09);color:#fff}
.hero .btn.primary{background:#fff;color:var(--navy);border-color:#fff}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:17px;max-width:720px}
.metric{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.09);border-radius:11px;padding:9px 11px}
.metric strong{display:block;font-size:13px}
.metric span{font-size:10px;color:#bdd0df;text-transform:uppercase;letter-spacing:.04em}

/* Expert strip */
.duty{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 13px;display:flex;align-items:center;gap:10px}
.dutyTitle{font-size:13px;font-weight:700;color:var(--navy);white-space:nowrap}
.dutyTitle small{display:block;color:var(--muted);font-weight:500;margin-top:2px;font-size:10px}
.dutyList{display:flex;gap:6px;flex-wrap:wrap;flex:1}
.dutyChip{display:flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fbfcfd;border-radius:999px;padding:4px 7px 4px 4px;font-size:11px;color:#536176}
.dutyChip i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#eaf3fb;font-style:normal;font-weight:700;font-size:9px}
.online{width:6px;height:6px;border-radius:50%;background:#29a767}

/* Featured + subjects */
.featured{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}
.sectionHead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:9px}
.sectionHead h2,.sectionHead h3{margin:0;font-size:13px;color:var(--navy)}
.sectionHead p{margin:3px 0 0;font-size:11px;color:var(--muted);line-height:1.45}
.sourceBadge{font-size:9px;font-weight:700;color:#6450a5;background:#f3efff;border:1px solid #ddd4f6;padding:3px 6px;border-radius:999px;white-space:nowrap}
.featuredGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.featureCard{border:1px solid var(--line);border-radius:10px;padding:9px;background:#fbfcfd;cursor:pointer;transition:.15s}
.featureCard:hover{transform:translateY(-1px);border-color:#c5d6e3;box-shadow:0 5px 14px rgba(7,29,50,.05)}
.featureCard b{font-size:11px;line-height:1.35;display:block;margin-top:5px}
.featureCard span:last-child{display:block;font-size:10px;color:var(--blue);font-weight:700;margin-top:6px}
.subjects{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.subject{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;position:relative;overflow:hidden;cursor:pointer;transition:.16s}
.subject:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.subject:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#3975b7}
.subject.qtSubject:before{background:#3c9c62}.subject.qmlSubject:before{background:#d58331}
.subjectTop{display:flex;justify-content:space-between;align-items:center}
.subject h3{margin:0;font-size:13px}
.subjectIcon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;font-size:10px;font-weight:700;background:var(--blueSoft);color:#2c6ea9}
.qtSubject .subjectIcon{background:var(--greenSoft);color:#2d8353}.qmlSubject .subjectIcon{background:var(--orangeSoft);color:#a65f1d}
.subject p{font-size:11px;color:var(--muted);line-height:1.5;margin:7px 0 10px}
.subjectMeta{display:flex;justify-content:space-between;font-size:10px;color:#8995a5}.subjectMeta b{color:#4c596b}

/* Questions */
.listHeader{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:16px 0 9px}
.listHeader h2{margin:0;font-size:13px}.listHeader p{margin:3px 0 0;font-size:11px;color:var(--muted)}
.listControls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.tabs{display:flex;gap:3px;padding:3px;background:#e9eef3;border-radius:10px}
.tab{border:0;background:transparent;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:700;color:#69768a}
.tab.active{background:#fff;color:var(--navy);box-shadow:0 2px 6px rgba(7,29,50,.07)}
.select{height:31px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 7px;font-size:10px;color:#5b697b}
.questions{display:flex;flex-direction:column;gap:7px}
.qcard{display:grid;grid-template-columns:43px minmax(0,1fr) 110px;gap:11px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px;transition:.15s}
.qcard:hover{border-color:#c9d7e2;box-shadow:0 7px 21px rgba(7,29,50,.045)}
.vote{text-align:center}.vote strong{display:block;font-size:12px;color:#3e4b5e}.vote span{font-size:9px;color:#8b97a6;text-transform:uppercase}
.qmain h3{font-size:13px;line-height:1.38;margin:0 0 4px}.qmain h3 a:hover{color:var(--blue)}
.excerpt{font-size:11px;color:var(--muted);line-height:1.5;margin-bottom:7px}
.tags{display:flex;gap:4px;flex-wrap:wrap}
.tag{font-size:9px;font-weight:700;background:#f0f4f7;color:#526175;border-radius:5px;padding:3px 5px}
.byline{display:flex;align-items:center;gap:5px;margin-top:7px;font-size:10px;color:#8a96a6}
.miniAvatar{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#eaf3fb;color:var(--navy);font-size:8px;font-weight:700}
.qstats{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px}
.pill{font-size:9px;border:1px solid var(--line);border-radius:999px;padding:3px 6px;color:#748195;background:#fbfcfd;white-space:nowrap}
.pill.solved{background:var(--greenSoft);border-color:#c1e3ce;color:#277b50;font-weight:700}
.pill.open{background:var(--orangeSoft);border-color:#efd2ae;color:#9d5b20;font-weight:700}

/* Jobs */
.jobsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.jobCard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;position:relative;overflow:hidden}
.jobCard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--purple)}
.jobCard h3{margin:0 0 6px}
.jobMeta{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0}
.jobBadge{font-size:10px;background:#f3f1ff;color:var(--purple);border:1px solid #ddd8f7;border-radius:999px;padding:4px 7px}
.jobExpiry{font-size:10px;color:#8a5a1f;background:#fff6e9;border:1px solid #efd5b2;border-radius:8px;padding:7px 8px;margin-top:8px}
.jobActions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}

/* Right sidebar */
.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px}
.panelHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.panelHead b{font-size:13px}.panelHead a{font-size:10px;color:var(--blue);font-weight:700}
.expertRow{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #eef2f5}.expertRow:last-child{border:0;padding-bottom:0}
.expAvatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#e8f2fb;color:var(--navy);font-size:9px;font-weight:700}
.expText{flex:1;min-width:0}.expText b{display:block;font-size:11px}.expText span{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.rep{font-size:10px;font-weight:700;color:var(--navy)}
.topic{display:flex;justify-content:space-between;padding:5px 0;font-size:10px;color:#596679}.topic span:last-child{color:#96a1af}
.rules{padding-left:15px;margin:0;font-size:10px;color:var(--muted);line-height:1.5}.rules li{margin:5px 0}
.company{text-align:center;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff;margin-top:8px}
.company img{width:78px;height:auto}.companyText{font-size:10px;line-height:1.5;color:#939eac;margin-top:5px}
.companyText a{color:var(--purple);font-weight:700}

/* Modals */
.backdrop{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(5,18,31,.58);backdrop-filter:blur(5px)}
.backdrop.open{display:flex}
.modal{width:min(900px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 35px 90px rgba(0,0,0,.28)}
.modal.narrow{width:min(540px,100%)}
.modalHead{position:sticky;top:0;z-index:4;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-bottom:1px solid var(--line)}
.modalHead h2{margin:0;font-size:13px}.modalHead p{margin:3px 0 0;font-size:10px;color:var(--muted)}
.close{width:31px;height:31px;border:0;border-radius:8px;background:#f0f4f7;color:#687588;font-size:16px}
.modalBody{padding:16px}.modalFoot{position:sticky;bottom:0;background:#fafbfd;border-top:1px solid var(--line);padding:11px 16px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.field{margin-bottom:11px}.field label{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px;font-size:10px;font-weight:700;color:#4c596c}.field input,.field textarea,.field select{width:100%;border:1px solid #d3dee7;border-radius:8px;background:#fff;color:var(--ink);outline:none;padding:8px 9px;font-size:11px}.field textarea{min-height:90px;resize:vertical;line-height:1.5}
.help{font-size:10px;line-height:1.45;color:#8e99a8;margin-top:4px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.notice{border-radius:9px;padding:8px 9px;font-size:10px;line-height:1.45;margin-bottom:10px}.notice.info{background:#eef6ff;border:1px solid #d3e5f6;color:#506982}.notice.error{background:var(--redSoft);border:1px solid #edc8ce;color:#a73642}
.registerTabs{display:flex;gap:3px;padding:3px;background:#edf2f5;border-radius:9px;margin-bottom:12px}.registerTabs button{flex:1;border:0;background:transparent;border-radius:7px;padding:7px;font-size:10px;font-weight:700;color:#68768a}.registerTabs button.active{background:#fff;color:var(--navy);box-shadow:0 2px 6px rgba(7,29,50,.07)}
.identityPreview{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fafcfd}
.codeEditor{border:1px solid #d3dee7;border-radius:10px;overflow:hidden;background:#fff}.codeToolbar{height:36px;display:flex;align-items:center;gap:6px;padding:0 8px;background:#f7f9fb;border-bottom:1px solid #d3dee7}.codeToolbar select{height:28px;background:#fff;color:#31445a;border:1px solid #d3dee7;border-radius:6px;font-size:10px;padding:0 6px}.codeToolbar span{font-size:10px;color:#8392a5}.spacer{flex:1}.codeBtn{border:1px solid #d3dee7;background:#fff;color:#31445a;border-radius:6px;padding:4px 6px;font-size:10px;font-weight:700}.codeEditor textarea{width:100%;min-height:150px;border:0;outline:none;resize:vertical;background:#fff;color:#111827;padding:11px 12px;font-family:"Segoe UI Symbol","Segoe UI",Arial,sans-serif;font-size:11px;line-height:1.55}
.check{display:flex;gap:7px;align-items:flex-start;margin:7px 0;font-size:10px;line-height:1.4;color:#6f7c8e}.check input{margin-top:1px}

/* Single question page */
.threadWrap{max-width:1200px;margin:20px auto;padding:0 22px}
.threadTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.post,.answerBox,.answerForm{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:12px}
.post h1{font-size:13px;margin:0 0 8px}.postMeta{font-size:10px;color:var(--muted);margin-bottom:12px}
.sourceLink{display:inline-block;margin-bottom:10px;color:#644fa5;background:#f4f1ff;border:1px solid #dfd8f6;border-radius:8px;padding:5px 7px;font-size:10px;font-weight:700}
.codeblock{margin:11px 0;border:1px solid #d3dee7;border-radius:10px;overflow:hidden;background:#fff}.codehead{height:36px;display:flex;align-items:center;padding:0 8px;background:#f7f9fb;border-bottom:1px solid #d3dee7}.codehead b{font-size:10px;color:#69798c}.copyBtn{border:1px solid #d3dee7;background:#fff;color:#31445a;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:700}.codebody{margin:0;padding:10px 0;overflow:auto;color:#111827;font-family:"Segoe UI Symbol","Segoe UI",Arial,sans-serif;font-size:11px;line-height:1.55;counter-reset:line}.codeLine{display:block;white-space:pre;position:relative;padding:0 12px 0 40px}.codeLine:before{counter-increment:line;content:counter(line);position:absolute;left:0;width:29px;text-align:right;padding-right:7px;border-right:1px solid #e3e9ee;color:#8d99a8}
.answerBox.accepted{border-color:#b9dfc7;box-shadow:inset 4px 0 0 #31a16b}
.answerHead{display:flex;gap:8px;align-items:center}.answerHead .answerUser{flex:1}.acceptedLabel{font-size:10px;background:var(--greenSoft);color:#287a51;border-radius:999px;padding:3px 6px;font-weight:700}
.answerText{font-size:11px;line-height:1.62;color:#435165;margin:8px 0}

/* Footer */
.site-footer{margin-top:30px;background:#fff;border-top:1px solid var(--line);padding:20px;text-align:center;color:var(--muted);font-size:11px}.site-footer img{width:90px}.site-footer a{color:var(--purple);font-weight:700}

@media(max-width:1180px){.layout{grid-template-columns:200px minmax(0,1fr)}.rightbar{display:none}.featuredGrid{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.topbar{padding:0 12px;gap:8px}.brand{min-width:auto}.brandText span,.domain{display:none}.layout{display:block;padding:13px}.sidebar{display:none}.subjects{grid-template-columns:1fr}.qcard{grid-template-columns:40px 1fr}.qstats{grid-column:2;flex-direction:row;align-items:center;justify-content:flex-start}.metrics{grid-template-columns:1fr 1fr}.identityText{display:none}.jobsGrid{grid-template-columns:1fr}}
@media(max-width:580px){.topbar{height:62px}.brandText b{font-size:12px}.search{display:none}.actions>.btn:not(.primary){display:none}.hero{padding:19px 15px}.heroLogo{display:none}.heroCopy{padding-right:0}.duty{align-items:flex-start;flex-direction:column}.featuredGrid{grid-template-columns:1fr}.listHeader{align-items:flex-start;flex-direction:column}.formGrid{grid-template-columns:1fr}.excerpt{display:none}.modalBody{padding:12px}}


/* =========================================================
   v1.4 Readability — ChatGPT-like text sizing
   ========================================================= */
body{
  font-size:16px !important;
  line-height:1.55 !important;
}
p,li,a,span,div,label,input,textarea,select,button,
.excerpt,.answerText,.companyText,.rules,.topic,.subject p,
.hero p,.sectionHead p,.listHeader p,.sidebarCard p{
  font-size:16px !important;
  line-height:1.55 !important;
}
h1,h2,h3,h4,h5,h6,
.brandText b,.navtitle,.sidebarCard b,.eyebrow,.dutyTitle,
.sectionHead h2,.sectionHead h3,.subject h3,.listHeader h2,
.panelHead b,.qmain h3,.modalHead h2,.post h1,.answersTitle,
.answerForm > b,.metric strong{
  font-size:20px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}
.brandText span,.identityText small,.help,.postMeta,.byline,
.sourceBadge,.tag,.pill,.jobBadge,.jobExpiry,.subjectMeta,
.metric span,.rep,.badgeCount,.site-footer{
  font-size:14px !important;
  line-height:1.45 !important;
}
.nav,.btn,.tab,.select,.identityText b,.dutyChip,
.field label,.field input,.field textarea,.field select,
.registerTabs button,.codeBtn,.copyBtn,.codeToolbar select,
.codeToolbar span{
  font-size:15px !important;
}
.codeEditor textarea,.codebody,.codeLine,pre,code{
  font-size:15px !important;
  line-height:1.6 !important;
}
.avatar,.miniAvatar,.expAvatar{
  font-size:13px !important;
}
.topbar{
  min-height:78px !important;
  height:auto !important;
  padding-top:8px !important;
  padding-bottom:8px !important;
}
.search input{
  height:46px !important;
  font-size:15px !important;
}
.btn{
  min-height:40px !important;
  padding:10px 14px !important;
}
.field input,.field select{
  min-height:42px !important;
}
.field textarea{
  min-height:120px !important;
}
.codeEditor textarea{
  min-height:190px !important;
}
.hero{
  padding:30px 32px 27px !important;
}
.hero h1{
  font-size:22px !important;
}
.heroLogo{
  width:104px !important;
  height:122px !important;
}
.metric{
  padding:12px 14px !important;
}
.qcard,.subject,.featured,.panel,.jobCard,.post,.answerBox,.answerForm{
  padding:18px !important;
}
.featuredGrid,.subjects,.jobsGrid{
  gap:14px !important;
}
@media(max-width:860px){
  body{font-size:15px !important}
  p,li,a,span,div,label,input,textarea,select,button{font-size:15px !important}
  h1,h2,h3,h4,h5,h6,.brandText b,.sectionHead h2,.sectionHead h3,
  .subject h3,.listHeader h2,.panelHead b,.qmain h3,.modalHead h2,.post h1{
    font-size:19px !important;
  }
}


/* v1.5 branding + rules footer */
.brand img{
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
}
.brand{min-width:315px!important}
.forumFooter{
  max-width:1580px;
  margin:22px auto 30px;
  padding:24px 30px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  line-height:1.65;
}
.forumFooter img{width:105px;height:auto;margin-bottom:8px}
.forumFooter strong{color:var(--navy)}
.forumFooter a{color:var(--purple);font-weight:700}


/* =========================================================
   v1.6 Answer Threads
   ========================================================= */
.answer-thread-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}
.thread-reply-count{font-size:14px;color:var(--muted)}
.answer-replies{margin-top:15px;padding-left:22px;border-left:3px solid #e5ecf2;display:flex;flex-direction:column;gap:10px}
.answer-reply{background:#f8fafc;border:1px solid #e1e8ef;border-radius:12px;padding:14px}
.answer-reply-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.answer-reply-user{flex:1}
.answer-reply-user b{display:block;font-size:15px}
.answer-reply-user span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.answer-reply-text{font-size:16px;line-height:1.6}
.reply-form{display:none;margin-top:12px;background:#fbfcfd;border:1px solid var(--line);border-radius:12px;padding:13px}
.reply-form.open{display:block}
.reply-form textarea{width:100%;min-height:90px;border:1px solid #d3dee7;border-radius:8px;padding:10px 11px;font-size:15px;resize:vertical}
.reply-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.answer-guidance{background:#f6fbff;border:1px solid #d8e6f1;border-radius:10px;padding:10px 12px;margin-bottom:12px;color:#526a80}


/* v1.6.1 original company logo restore */
.brand img{
  width:132px !important;
  height:76px !important;
  object-fit:contain !important;
}
.brand{
  min-width:420px !important;
  gap:14px !important;
}
.forumFooter img{
  width:140px !important;
  height:auto !important;
}
@media(max-width:860px){
  .brand img{
    width:108px !important;
    height:62px !important;
  }
  .brand{min-width:auto !important}
}


/* =========================================================
   v1.7 Unanswered attention + voting + jobs window
   ========================================================= */
@keyframes unansweredGlowPop {
  0%,100% {
    transform:translateY(0) scale(1);
    box-shadow:0 0 0 0 rgba(35,119,201,.08),0 7px 21px rgba(7,29,50,.045);
    border-color:#c9d7e2;
  }
  50% {
    transform:translateY(-3px) scale(1.012);
    box-shadow:0 0 0 7px rgba(35,119,201,.10),0 15px 34px rgba(35,119,201,.16);
    border-color:#58a2df;
  }
}
.qcard.needs-answer{
  animation:unansweredGlowPop 1.7s ease-in-out infinite;
  position:relative;
}
.qcard.needs-answer:after{
  content:"Waiting for an answer";
  position:absolute;right:14px;top:-11px;
  background:#edf7ff;border:1px solid #9fcdf0;color:#17649c;
  border-radius:999px;padding:4px 9px;font-size:13px!important;font-weight:700
}
@media(prefers-reduced-motion:reduce){
  .qcard.needs-answer{animation:none;box-shadow:0 0 0 4px rgba(35,119,201,.10)}
}
.voteBtn,.helpfulBtn{
  border:1px solid #d5e0e9;background:#fff;border-radius:8px;
  padding:7px 10px;font-size:14px!important;font-weight:700;color:#526075
}
.voteBtn:hover,.helpfulBtn:hover{background:#f5f9fc;border-color:#abc8dc;color:#163d5b}
.voteBtn.voted,.helpfulBtn.voted{background:#edf7ff;border-color:#9fcdf0;color:#17649c}
.jobsWindowIntro{
  background:#f6fbff;border:1px solid #d8e7f3;border-radius:11px;
  padding:11px 13px;margin-bottom:12px;color:#526a80
}
.jobsGridModal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.jobDetailGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:10px 0}
.jobDetail{background:#f8fafc;border:1px solid #e2e9ef;border-radius:9px;padding:9px 10px}
.jobDetail b{display:block;font-size:13px!important;color:#7a8798;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.skillChips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.skillChip{background:#eef4fa;border:1px solid #d4e2ee;color:#34536e;border-radius:999px;padding:4px 8px;font-size:13px!important;font-weight:700}
@media(max-width:760px){.jobsGridModal,.jobDetailGrid{grid-template-columns:1fr}}

/* v1.7.1 Compact green Upvote widget */
.qcard{
  grid-template-columns:64px minmax(0,1fr) 120px !important;
}
.vote{
  width:54px;
  min-width:54px;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:3px;
  text-align:center;
}
.vote button,
.voteBtn{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  padding:0 !important;
  border:1px solid #d5e0e9 !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#68788b !important;
  font-size:18px !important;
  line-height:1 !important;
  display:grid !important;
  place-items:center !important;
  font-weight:700 !important;
  overflow:hidden;
}
.vote button:hover,
.voteBtn:hover{
  border-color:#a9c2d6 !important;
  background:#f5f9fc !important;
  color:#163d5b !important;
}
.vote button.voted,
.voteBtn.voted{
  border-color:#8bd0a9 !important;
  background:#e9f8ef !important;
  color:#1f8f52 !important;
  box-shadow:0 0 0 3px rgba(31,143,82,.08) !important;
}
.vote strong{
  display:block !important;
  margin:2px 0 0 !important;
  font-size:15px !important;
  line-height:1.1 !important;
  color:#344256 !important;
}
.vote span{
  display:block !important;
  font-size:11px !important;
  line-height:1.1 !important;
  color:#8794a4 !important;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.qmain{
  min-width:0 !important;
  overflow:hidden;
}
.qmain h3{
  margin-top:0 !important;
  overflow-wrap:anywhere;
}
@media(max-width:860px){
  .qcard{
    grid-template-columns:56px minmax(0,1fr) !important;
  }
  .vote{
    width:48px;
    min-width:48px;
  }
}

.voteBtn.voted,.helpfulBtn.voted{
  background:#e9f8ef !important;
  border-color:#8bd0a9 !important;
  color:#1f8f52 !important;
}

/* v1.7.2 Green unanswered question state */
@keyframes unansweredGreenGlow {
  0%,100% {
    transform:translateY(0) scale(1);
    background:#f4fbf6;
    border-color:#a9d8b8;
    box-shadow:0 0 0 0 rgba(47,158,88,.08), 0 7px 21px rgba(7,29,50,.045);
  }
  50% {
    transform:translateY(-2px) scale(1.008);
    background:#eef9f1;
    border-color:#68bd84;
    box-shadow:0 0 0 7px rgba(47,158,88,.10), 0 14px 30px rgba(47,158,88,.14);
  }
}
.qcard.needs-answer{
  background:#f4fbf6 !important;
  border-color:#a9d8b8 !important;
  animation:unansweredGreenGlow 1.8s ease-in-out infinite !important;
}
.qcard.needs-answer:after{
  content:"Waiting for an answer" !important;
  background:#e9f8ef !important;
  border:1px solid #91d2a7 !important;
  color:#217a47 !important;
}
.qcard:not(.needs-answer){
  background:#fff !important;
  border-color:var(--line) !important;
  animation:none !important;
}
@media(prefers-reduced-motion:reduce){
  .qcard.needs-answer{
    animation:none !important;
    box-shadow:0 0 0 4px rgba(47,158,88,.10) !important;
  }
}