:root{--ink:#18211d;--muted:#68736d;--line:#dfe6e1;--cream:#f5f7f3;--accent:#d9f65b;--dark:#24362e}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.5 Arial,sans-serif}button,input,textarea,select{font:inherit}button{border:0;border-radius:8px;background:var(--dark);color:#fff;padding:12px 18px;cursor:pointer;font-weight:700}input,textarea,select{border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px;width:100%;color:var(--ink)}textarea{min-height:120px;resize:vertical}label{display:grid;gap:7px;font-weight:700}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:#8a958f}.muted{color:var(--muted)}.landing{max-width:700px;margin:16vh auto;padding:32px}.landing h1{font-size:64px;line-height:1.02;letter-spacing:-.06em;margin:18px 0}.landing h1 em{font-family:Georgia,serif;font-weight:400}.landing p{max-width:530px;color:var(--muted);font-size:18px}.landing form{display:flex;gap:12px;align-items:end;margin-top:36px}.landing form label{flex:1}.shell{display:flex;min-height:100vh}aside{width:245px;background:var(--dark);color:#fff;padding:28px 22px;display:flex;flex-direction:column}.brand{font-weight:800;line-height:1.2}.brand span{color:var(--accent);font-size:24px;margin-right:8px}.aside-foot{margin-top:auto;color:#a7b6ad;font-family:Georgia,serif;font-size:18px}.content{max-width:950px;width:100%;padding:58px 7vw}header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:34px}h1{font-size:42px;letter-spacing:-.04em;margin:8px 0 4px}h2{font-size:28px;margin:4px 0 22px}.toolbar{display:flex;gap:12px;padding:25px 0}.toolbar input{max-width:360px}.toolbar select{max-width:220px}.empty{text-align:center;padding:60px;color:var(--muted)}.qa{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 24px;margin:12px 0}.qa-top{display:flex;justify-content:space-between}.pill{background:#eef5d5;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.delete{background:transparent;color:#9a4d4d;padding:0;font-weight:400}.qa h3{font-size:18px;margin:18px 0 6px}.qa p{color:var(--muted);margin:0 0 17px}.toggle{display:flex;display:flex;grid-template-columns:auto 1fr;align-items:center;display:flex;font-weight:400;font-size:13px;color:var(--muted)}.toggle input{width:auto}.dialog-head{display:flex;justify-content:space-between}.icon{background:transparent;color:var(--muted);font-size:25px;padding:0}.dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:24px}.secondary{background:#eef1ed;color:var(--ink)}dialog{border:0;border-radius:14px;padding:28px;width:min(500px,calc(100% - 30px));box-shadow:0 20px 80px #18211d33}dialog::backdrop{background:#18211d88}#form{display:grid;gap:18px}@media(max-width:700px){aside{display:none}.content{padding:28px 18px}.landing{margin:5vh auto;padding:22px}.landing h1{font-size:44px}.landing form,header{display:grid;gap:18px}.toolbar{display:grid}}
/* Compact Q&A management list */
.content{max-width:1120px;padding:42px 5vw}header{padding-bottom:26px}.qa{padding:16px 20px;margin:8px 0;border-radius:10px;display:grid;grid-template-columns:minmax(180px,1.25fr) minmax(220px,2fr) auto;grid-template-rows:auto auto;column-gap:24px;align-items:center}.qa-top{display:contents}.qa-top .pill{grid-column:1;grid-row:1;justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qa-top>span:last-child{grid-column:3;grid-row:1 / span 2;align-self:center;white-space:nowrap}.qa h3{grid-column:1;grid-row:2;font-size:15px;margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qa p{grid-column:2;grid-row:1 / span 2;margin:0;color:var(--muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.toggle{grid-column:1;grid-row:3;margin-top:8px;font-size:12px}.qa .delete,.qa .edit{font-size:13px}.qa .delete{margin-left:12px}.empty{padding:42px}.toolbar{padding:18px 0}@media(max-width:760px){.qa{grid-template-columns:1fr auto;gap:5px 12px}.qa-top .pill{grid-column:1}.qa-top>span:last-child{grid-column:2;grid-row:1}.qa h3{grid-column:1 / -1;grid-row:2}.qa p{grid-column:1 / -1;grid-row:3}.toggle{grid-column:1 / -1;grid-row:4}.content{padding:28px 18px}}
 .tools-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.tool-card h3{margin:0 0 6px}.tool-card p{color:var(--muted);font-size:13px}.tool-card button{margin-top:10px}.tool-card label{font-size:13px;margin-top:10px}.plans{display:flex;gap:8px}.plans button{font-size:12px;padding:8px}.help code{background:#eef1ed;padding:2px 5px;border-radius:4px}@media(max-width:900px){.tools-panel{grid-template-columns:1fr}}
.sample-link{display:block;color:#415b4d;font-weight:700;text-decoration:none;margin:16px 0}.sample-link:hover{text-decoration:underline}.page-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:#8a958f}.tools-panel{max-width:760px}.tools-panel .tool-card{display:none;min-height:360px}.tools-panel .tool-card h2{margin-top:8px}.tools-panel input[type=file]{margin-top:14px}.tools-panel .tool-card button{margin-right:8px}.shell aside nav{display:grid;gap:6px;margin-top:28px}.shell aside nav a{display:block;padding:10px 12px;border-radius:8px;color:#c4d0c8;text-decoration:none;font-weight:700}.shell aside nav a:hover,.shell aside nav a.active{background:#3b5247;color:#fff}.shell aside .muted{color:#91a49a;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.shell aside{gap:4px}