/* AI Agent Fit advisor — FullOfAgents docs theme. Flat: radius 6px, NO shadows, NO border lines, custom SVG only. */
.advwrap{max-width:1200px;margin:0 auto;padding:26px 26px 10px;display:grid;grid-template-columns:1fr 320px;gap:34px;align-items:start}
.advmain{min-width:0}

/* ---- panel (right rail) ---- */
.advpanel{position:sticky;top:78px;background:var(--fa-card);border-radius:var(--fa-r);padding:22px}
.advpanel .aph{font-size:16px;font-weight:700;color:var(--fa-ink);margin-bottom:8px;font-family:'Source Serif 4',Georgia,serif}
.advpanel p{font-size:13.5px;color:var(--fa-mut);margin:0 0 12px}
.afactors{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:2px}
.afactors li{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:var(--fa-r);font-size:13.5px;font-weight:500;color:var(--fa-ink);background:var(--fa-rail)}
.afactors li svg{width:20px;height:20px;fill:none;stroke:var(--fa-ac);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.apriv{font-family:var(--fa-mono);font-size:12px;color:var(--fa-faint);margin:0}

/* ---- quiz ---- */
.quiz{background:var(--fa-card);border-radius:var(--fa-r);padding:26px 30px 22px}
.qprog{height:6px;background:var(--fa-tint);border-radius:var(--fa-r);overflow:hidden;margin-bottom:24px}
.qprog-bar{height:100%;width:16%;background:var(--fa-ac);border-radius:var(--fa-r);transition:width .3s ease}
.qstep{display:none}
.qstep.active{display:block;animation:qfade .28s ease}
@keyframes qfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.qq{font-family:'Source Serif 4',Georgia,serif;font-size:22px;line-height:1.22;color:var(--fa-ink);margin-bottom:6px}
.qhint{font-size:14px;color:var(--fa-mut);margin-bottom:18px}
.qopts{display:flex;flex-direction:column;gap:10px}
.qopt{position:relative;display:flex;align-items:flex-start;gap:14px;padding:15px 16px;border-radius:var(--fa-r);background:var(--fa-rail);cursor:pointer;transition:background .15s}
.qopt:hover{background:var(--fa-tint)}
.qopt input{position:absolute;opacity:0;width:0;height:0}
/* flat radio: outer tinted circle + inner ring drawn with a pseudo element fill (no box-shadow, no border) */
.qopt .mark{flex:none;width:22px;height:22px;border-radius:50%;background:var(--fa-tint2);margin-top:1px;position:relative;transition:background .15s}
.qopt .mark::before{content:"";position:absolute;inset:2px;border-radius:50%;background:#fff}
.qopt .mark::after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--fa-ac);transform:scale(0);transition:transform .16s}
.qopt:focus-within .mark{background:var(--fa-ac)}
.qopt input:checked ~ .mark{background:var(--fa-ac)}
.qopt input:checked ~ .mark::after{transform:scale(1)}
.qopt input:checked ~ .otext .ol{color:var(--fa-acd)}
.qopt.sel{background:var(--fa-acl)}
.otext{min-width:0}
.otext .ol{display:block;font-size:15.5px;font-weight:700;color:var(--fa-ink);line-height:1.3}
.otext .od{display:block;font-size:13px;color:var(--fa-mut);margin-top:2px}

.qnav{display:flex;align-items:center;justify-content:space-between;margin-top:22px}
.qcount{font-family:var(--fa-mono);font-size:13px;color:var(--fa-faint);font-weight:600}
.qbtn{font-family:inherit;font-weight:700;font-size:14.5px;padding:12px 24px;border-radius:var(--fa-r);border:0;cursor:pointer}
.qback{background:var(--fa-rail);color:var(--fa-mut)}
.qback:not(:disabled):hover{background:var(--fa-tint);color:var(--fa-acd)}
.qnext{background:var(--fa-ac);color:#fff}
.qnext:not(:disabled):hover{background:var(--fa-acd)}
.qbtn:disabled{opacity:.4;cursor:not-allowed}

/* ---- result ---- */
.result{animation:qfade .3s ease}
.rhead{background:var(--fa-acl);border-radius:var(--fa-r);padding:30px 32px 26px}
.rkick{font-family:var(--fa-mono);font-size:12px;text-transform:lowercase;letter-spacing:.04em;font-weight:600;color:var(--fa-acd);margin-bottom:10px}
.rtitle{font-size:31px;line-height:1.1;color:var(--fa-ink);margin:0 0 10px}
.rsummary{font-size:17px;color:var(--fa-mut);margin:0;max-width:640px}
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.rcard{background:var(--fa-card);border-radius:var(--fa-r);padding:20px}
.rcard h3{font-size:15px;color:var(--fa-ink);margin:0 0 12px;font-family:'Source Serif 4',Georgia,serif}
.rcard ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.rcard li{position:relative;padding-left:22px;font-size:14px;color:var(--fa-mut);line-height:1.5}
.rcard li::before{content:"";position:absolute;left:0;top:6px;width:9px;height:9px;border-radius:50%;background:var(--fa-ac)}
.ralt{margin-top:16px;background:var(--fa-card);border-radius:var(--fa-r);padding:18px 20px;font-size:13.5px;color:var(--fa-mut)}
.ralt b{color:var(--fa-ink)}
.ralt a{color:var(--fa-acd);font-weight:700;text-decoration:none}
.ralt a:hover{text-decoration:underline}
.rfoot{margin-top:20px}
.rnote{font-size:12.5px;color:var(--fa-faint);margin-top:14px;line-height:1.55;max-width:720px}

@media(max-width:980px){.advwrap{grid-template-columns:1fr;gap:20px}.advpanel{position:static}.rgrid{grid-template-columns:1fr}}
@media(max-width:560px){.quiz{padding:22px 20px 18px}.qq{font-size:20px}.rhead{padding:24px 22px}.rtitle{font-size:25px}.qbtn{padding:12px 18px}}