/* ===== قالب «کارگاه کامپیوتر مدرسه»: تخته‌سیاه (تیره) و دفترچه (روشن) + کارگاه فنی ===== */
:root{--bg:#0c1b1e;--bg2:#0a1517;--surface:#12262a;--ink:#e9f1ee;--muted:#8fa9a6;--line:#24413f;--blue:#5cb6ff;--teal:#35e0c0;--tint:#163236;--on:#04141a;--glow:rgba(53,224,192,.28);--grid:rgba(233,241,238,.05);--hdr:rgba(10,21,23,.92);--danger:#ff7b8a;--chalk:#ffd966;--wood:#8a5a32;
 --mono:ui-monospace,"Cascadia Code",Consolas,Menlo,monospace;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
:root[data-theme="light"]{--bg:#f6f1e4;--bg2:#fbf8ef;--surface:#fffdf6;--ink:#1c2b2a;--muted:#5c6f6c;--line:#d8cfb8;--blue:#0b62c4;--teal:#007f6e;--tint:#efe8d3;--on:#fff;--glow:rgba(0,127,110,.2);--grid:rgba(11,98,196,.08);--hdr:rgba(251,248,239,.93);--danger:#c0392b;--chalk:#b07d00;--wood:#8a5a32}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
::selection{background:var(--teal);color:var(--on)}
body{margin:0;color:var(--ink);font:400 16px/1.8 Vazirmatn,Tahoma,sans-serif;background-color:var(--bg);
 background-image:radial-gradient(900px 420px at 15% -120px,var(--glow),transparent 70%)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(620px 300px at 80% 18%,rgba(255,255,255,.035),transparent 70%),radial-gradient(520px 260px at 18% 72%,rgba(255,255,255,.03),transparent 70%)}
main,footer{position:relative;z-index:1}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
button{font:inherit;cursor:pointer}
p{margin:0 0 14px}
.muted{color:var(--muted)}
/* سربرگ: نوار هشدار کارگاهی + خط‌کش */
header{background:var(--hdr);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:env(safe-area-inset-top,0px);z-index:5;border-bottom:1px solid var(--line)}
header::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:repeating-linear-gradient(45deg,var(--chalk) 0 10px,#1a1a1a 10px 20px);opacity:.9;pointer-events:none}
header::after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:10px;pointer-events:none;opacity:.55;
 background:repeating-linear-gradient(90deg,var(--muted) 0 1px,transparent 1px 8px) bottom/100% 5px no-repeat,repeating-linear-gradient(90deg,var(--chalk) 0 2px,transparent 2px 40px) bottom/100% 10px no-repeat}
.bar{display:flex;align-items:center;gap:16px;min-height:66px;flex-wrap:wrap;padding-top:4px}
.logo{font-weight:800;font-size:18px;display:flex;align-items:center;gap:12px}
.logo i{display:inline-block;width:40px;height:30px;border:2px solid var(--teal);border-radius:6px;position:relative;background:var(--tint);box-shadow:0 0 14px var(--glow);margin-bottom:8px;font-style:normal}
.logo i::before{content:">_";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 13px/1 var(--mono);color:var(--teal);direction:ltr}
.logo i::after{content:"";position:absolute;left:50%;bottom:-8px;width:18px;height:3px;background:var(--teal);transform:translateX(-50%);border-radius:2px}
nav{display:flex;gap:4px;flex-wrap:wrap;margin-inline-start:auto}
nav a{padding:6px 12px;border-radius:8px;color:var(--muted);font-size:15px;border:1px solid transparent}
nav a:hover{background:var(--tint);color:var(--teal);border-color:var(--line)}
.tg{border:1px solid var(--line);background:var(--bg2);color:var(--ink);border-radius:8px;padding:5px 12px}
.tg:hover{border-color:var(--teal);color:var(--teal)}
.sf{display:flex;gap:6px;align-items:center;margin:0}.sf input{width:170px;padding:5px 10px}
/* دکمه‌ها */
.btn{display:inline-block;border:0;border-radius:8px;padding:10px 22px;font-weight:700;background:linear-gradient(135deg,var(--teal),var(--blue));color:var(--on);box-shadow:0 0 18px -4px var(--glow)}
.btn:hover{filter:brightness(1.1)}
.btn.alt{background:transparent;border:1.5px dashed var(--teal);color:var(--teal);box-shadow:none}
.btn.alt:hover{background:var(--tint);box-shadow:0 0 16px -4px var(--glow);filter:none}
/* مسیر صفحه */
.crumb{padding:22px 0 0;color:var(--muted);font-size:14px}
.crumb a:hover{color:var(--teal)}
/* تیترها: نوار مداد و خط گچی */
h1{font-size:34px;line-height:1.5;margin:0 0 12px;font-weight:800}
h2{font-size:24px;margin:40px 0 16px}
main>h2::before{content:"";display:inline-block;width:8px;height:22px;background:var(--chalk);margin-inline-end:10px;border-radius:2px;vertical-align:-3px}
main>h2::after{content:"";display:block;width:130px;height:4px;margin-top:6px;border-radius:2px;opacity:.75;background:repeating-linear-gradient(90deg,var(--chalk) 0 9px,transparent 9px 14px)}
h3{margin:0 0 6px;font-size:18px}
/* صفحه اصلی: تخته‌سیاه با قاب چوبی */
.hero{padding:64px 0 48px;display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.hero h1{font-size:40px}
.hero h1::after{content:"_";color:var(--teal);font-family:var(--mono);margin-inline-start:6px}
.hero::after{content:"C:\\> ipconfig\A C:\\> ping 8.8.8.8\A 192.168.1.1  →  00-1A-2B-3C-4D-5E\A 1 + 1 = 10\A 0100 0011  0100 1101  0100 0100";white-space:pre;direction:ltr;text-align:left;font:500 15px/2 var(--mono);color:rgba(240,246,240,.9);text-shadow:0 0 6px rgba(255,255,255,.35);
 padding:22px 26px;border:10px solid var(--wood);border-radius:6px;background:radial-gradient(circle at 30% 20%,#17403c,#0d2926 70%);box-shadow:inset 0 0 40px rgba(0,0,0,.55),0 14px 30px -12px rgba(0,0,0,.65),0 8px 0 -3px #6b4423}
.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
/* کارت‌ها: برگه‌ی چسبیده با نوار چسب */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.card{display:block;position:relative;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:20px;box-shadow:inset 0 0 0 4px var(--surface),inset 0 0 0 5px var(--line)}
.grid>.card::before{content:"";position:absolute;top:-8px;left:50%;width:54px;height:16px;margin-left:-27px;background:rgba(255,217,102,.55);transform:rotate(-3deg);border-radius:2px;pointer-events:none}
.grid>.card:nth-child(even)::before{transform:rotate(3deg)}
a.card:hover{border-color:var(--teal);box-shadow:inset 0 0 0 4px var(--surface),inset 0 0 0 5px var(--teal),0 10px 30px -10px var(--glow)}
.big{font:800 44px/1.2 var(--mono),Vazirmatn;color:var(--chalk);text-shadow:0 0 14px rgba(255,217,102,.25)}
.tag{display:inline-block;font-size:13px;padding:1px 10px;border-radius:4px;border:1px dashed var(--chalk);background:transparent;color:var(--chalk);margin-inline-end:6px}
a.tag{padding:2px 12px;margin-bottom:6px}a.tag:hover{border-style:solid}
.cover{height:150px;border-radius:4px 8px 8px 4px;margin-bottom:14px;display:flex;align-items:flex-end;padding:12px;color:#fff;font-weight:800;border:1px solid var(--line);border-inline-start:8px solid rgba(0,0,0,.35);position:relative;
 background:repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 1px 14px),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 14px),linear-gradient(150deg,#0b3a78,#0c8c86)}
.cover::before{content:"";position:absolute;top:12px;right:12px;width:44px;height:16px;background:rgba(255,255,255,.88);border-radius:2px}
img.cover{width:100%;object-fit:cover;display:block;padding:0}
.bookhead{display:grid;grid-template-columns:200px 1fr;gap:28px;padding:24px 0}
.bookhead .cover{height:260px;margin:0}
/* فرم‌ها */
label{display:block;margin:14px 0 4px;font-weight:500}
select,input,textarea{font:inherit;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--bg2);color:var(--ink)}
select:focus,input:focus,textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--glow)}
::placeholder{color:var(--muted)}
input[type=checkbox]{width:auto}
.chk{display:flex;gap:8px;align-items:center;font-weight:400;margin:6px 0}
p[role="alert"]{color:var(--danger)!important}
/* جدول و مدیریت */
.tblw{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line)}
.tbl th,.tbl td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right}
.tbl th{background:var(--tint);color:var(--chalk);border-bottom:2px solid var(--chalk)}
.act{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.act form{margin:0}
.act a{color:var(--blue)}
.act button{border:1px solid var(--line);background:none;color:var(--ink);border-radius:6px;padding:2px 10px}
.act button:hover{border-color:var(--teal);color:var(--teal)}
.act .danger{color:var(--danger);border-color:var(--danger)}
/* ویرایشگر */
.tb{display:flex;gap:6px;flex-wrap:wrap;padding:8px;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;background:var(--tint)}
.tb button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:2px 10px}
.tb button:hover{border-color:var(--teal);color:var(--teal)}
.ec{min-height:280px;border:1px solid var(--line);border-radius:0 0 8px 8px;padding:14px;background:var(--bg2)}
.rich h2{font-size:22px;margin:18px 0 8px}.rich h3{font-size:18px;margin:14px 0 6px}.rich ul,.rich ol{padding-inline-start:24px}
.rich blockquote{margin:12px 0;padding:6px 14px;border-inline-start:4px solid var(--chalk);background:var(--tint)}
.rich pre{direction:ltr;text-align:left;overflow-x:auto;background:var(--bg2);border:1px solid var(--line);padding:12px;border-radius:6px;font-family:var(--mono)}
.rich code{font-family:var(--mono);color:var(--teal)}
.rich a{color:var(--blue);text-decoration:underline}
.rich img{max-width:100%;height:auto;border-radius:6px}
/* دستیار هوشمند */
.chatlog{min-height:240px;max-height:55vh;overflow:auto;margin:14px 0;padding:14px;display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--line);border-radius:8px}
.chatlog .m{white-space:pre-wrap;padding:10px 14px;border-radius:6px;margin-bottom:10px;max-width:90%}
.chatlog .u{background:var(--tint)}
.chatlog .u::before{content:"> ";color:var(--teal);font-family:var(--mono);font-weight:700}
.chatlog .a{border:1px solid var(--line);border-inline-start:3px solid var(--chalk);background:var(--surface);margin-inline-start:auto}
.chatlog .err{color:var(--danger)}
/* پاورقی */
footer{margin-top:64px;border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:14px}
footer::before{content:"";position:absolute;left:0;right:0;top:-11px;height:10px;pointer-events:none;opacity:.5;background:repeating-linear-gradient(90deg,var(--muted) 0 1px,transparent 1px 8px) top/100% 5px no-repeat,repeating-linear-gradient(90deg,var(--chalk) 0 2px,transparent 2px 40px) top/100% 10px no-repeat}
footer a{text-decoration:underline}footer a:hover{color:var(--teal)}
/* ===== آزمایشگاه شبکه: پنجره‌ی CMD ===== */
.term-win{margin:18px 0;border:8px solid #2a2f33;border-radius:14px;overflow:hidden;box-shadow:0 0 0 2px var(--line),0 20px 40px -18px rgba(0,0,0,.75)}
.term-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#1f2326;color:#cfd6dc;font:12px var(--mono);direction:ltr}
.term-bar i{width:11px;height:11px;border-radius:50%;background:#ff5f56;display:inline-block}.term-bar i+i{background:#ffbd2e}.term-bar i+i+i{background:#27c93f}
.term-bar b{font-weight:500;margin-inline-start:6px;flex:1}
.term-bar button{font:11px var(--mono);background:#2c3236;color:#cfd6dc;border:1px solid #444c52;border-radius:4px;padding:1px 8px}
.term-bar button:hover{border-color:var(--teal);color:var(--teal)}
.term-body{background:#0c0c0c;color:#cccccc;font:14px/1.45 var(--mono);padding:12px;height:440px;overflow:auto;direction:ltr;text-align:left;cursor:text}
.tl{white-space:pre-wrap;word-break:break-word}
.tl.cmd{color:#fff}.tl.err{color:#ff7b7b}.tl.dim{color:#8b949e}
.term-line{display:flex;align-items:center}
.term-prompt{white-space:pre;color:#ccc}
.term-in,.term-in:focus{flex:1;width:auto;background:transparent;border:0;border-radius:0;box-shadow:none;outline:none;color:#ccc;font:inherit;padding:0;caret-color:#ccc}
.term-win.busy .term-line{opacity:.45}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.chip{font:13px var(--mono);padding:4px 10px;border-radius:6px;border:1px dashed var(--chalk);background:transparent;color:var(--chalk);direction:ltr}
.chip:hover{background:var(--tint);border-style:solid}
.note{background:var(--tint);border:1px dashed var(--chalk);border-radius:6px;padding:10px 14px;font-size:14px}
/* کارت‌های راهنمای دستورات */
.cmd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:22px}
.cmd-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:18px;box-shadow:inset 0 0 0 4px var(--surface),inset 0 0 0 5px var(--line)}
.cmd-head{display:flex;gap:10px;align-items:center;margin-bottom:8px;flex-wrap:wrap}
.cmd-head code{font:800 22px var(--mono);color:var(--teal);direction:ltr}
.flow{display:flex;align-items:center;gap:6px;direction:ltr;margin:10px 0;flex-wrap:wrap}
.node{border:1px dashed var(--teal);padding:5px 10px;border-radius:6px;background:var(--bg2);font-size:13px;text-align:center;unicode-bidi:plaintext}
.arr{flex:1;min-width:64px;text-align:center;font-size:11px;color:var(--chalk);position:relative;padding-bottom:7px;unicode-bidi:plaintext}
.arr::after{content:"";position:absolute;left:0;right:6px;bottom:0;height:2px;background:var(--chalk)}
.arr::before{content:"";position:absolute;right:0;bottom:-3px;border-left:8px solid var(--chalk);border-top:4px solid transparent;border-bottom:4px solid transparent}
.arr.back::after{left:6px;right:0}
.arr.back::before{right:auto;left:0;border-left:0;border-right:8px solid var(--chalk)}
.opt{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0}
.opt td{padding:4px 6px;border-bottom:1px dashed var(--line);vertical-align:top}
.opt td:first-child{font-family:var(--mono);color:var(--chalk);direction:ltr;text-align:left;white-space:nowrap}
.ex{background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:6px 10px;font:13px var(--mono);direction:ltr;text-align:left;margin:10px 0}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;counter-reset:s}
.step{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:14px 14px 14px 14px;counter-increment:s}
.step::before{content:counter(s);position:absolute;top:-12px;right:12px;width:26px;height:26px;border-radius:50%;background:var(--chalk);color:#1a1a1a;font:800 14px/26px var(--mono);text-align:center}
.gl{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.gl div{border:1px dashed var(--line);border-radius:6px;padding:10px 12px;background:var(--surface)}
.gl b{color:var(--teal);font-family:var(--mono)}
@media(prefers-reduced-motion:no-preference){
 a.card,.btn,nav a,.chip{transition:border-color .15s,box-shadow .15s,background .15s}
 a.card:hover{transform:translateY(-2px)}
 .hero h1::after{animation:blink 1.1s steps(1) infinite}
 @keyframes blink{50%{opacity:0}}
}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding:40px 0 32px}.hero::after{font-size:13px;padding:14px 16px}.hero h1,h1{font-size:28px}.bookhead{grid-template-columns:1fr}.bookhead .cover{height:170px}nav{margin:0;width:100%}.sf input{width:120px}.term-body{height:360px;font-size:13px}.cmd-grid{grid-template-columns:1fr}}
/* چراغ‌های دودویی پایه‌ها */
.bits{--c:var(--teal);display:flex;gap:12px;direction:ltr;margin-bottom:12px}
.bits.g11{--c:var(--blue)}
.bits.g12{--c:var(--chalk)}
.bit{display:block;width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:var(--bg2)}
.bit.on{border-color:var(--c);background:radial-gradient(circle at 35% 30%,#fff 0 10%,var(--c) 45%);box-shadow:0 0 12px var(--c)}
/* ===== طرح درس سالانه ===== */
.bk{display:flex;flex-direction:column;gap:10px}
.bk>.card{flex:1}
.bk>.card::before{content:"";position:absolute;top:-8px;left:50%;width:54px;height:16px;margin-left:-27px;background:rgba(255,217,102,.55);transform:rotate(-3deg);border-radius:2px;pointer-events:none}
.plan{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1.5px dashed var(--chalk);border-radius:8px;color:var(--chalk);font-weight:700;font-size:14px;background:transparent}
.plan:hover{background:var(--tint);border-style:solid;box-shadow:0 0 16px -4px rgba(255,217,102,.4)}
.plan-ico{font-size:18px;display:inline-block}
.plan-hero,.card.plan-hero{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.plan-go{font-size:17px;padding:12px 28px}
input[type=radio]{width:auto}
.stepper{display:flex;gap:10px;list-style:none;padding:0;margin:18px 0;flex-wrap:wrap}
.stepper li{display:flex;align-items:center;gap:8px;padding:6px 14px;border:1px dashed var(--line);border-radius:999px;color:var(--muted);font-size:14px}
.stepper li b{width:22px;height:22px;border-radius:50%;background:var(--line);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.stepper li.on{border-color:var(--chalk);color:var(--chalk)}
.stepper li.on b{background:var(--chalk);color:#1a1a1a}
.fs{margin:0 0 18px;padding:16px 18px;border:1px solid var(--line);border-radius:6px;background:var(--surface);box-shadow:inset 0 0 0 4px var(--surface),inset 0 0 0 5px var(--line)}
.fs legend{padding:0 10px;font-weight:800;color:var(--chalk)}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 16px}
.dl{display:grid;grid-template-columns:150px 1fr;gap:6px 14px;margin:12px 0 0}
.dl dt{color:var(--muted)}.dl dd{margin:0}
@media(prefers-reduced-motion:no-preference){.plan:hover .plan-ico{animation:wob .5s}@keyframes wob{50%{transform:rotate(-12deg) scale(1.15)}}}
@media(max-width:760px){.dl{grid-template-columns:1fr}}
.fgrid3{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:8px}
.days{display:flex;flex-wrap:wrap;gap:4px 18px}
.plan-tbl td{vertical-align:top;font-size:14px}
@media print{header,footer,.row,.stepper,.crumb,#plan-wait{display:none!important}body::before{display:none}body{background:#fff!important;color:#000}.tbl{font-size:11px}.tbl th,.tbl td{color:#000;border-color:#999}.tbl th{background:#eee}}
/* ===== ریسپانسیو: تبلت و موبایل ===== */
img,video,svg{max-width:100%;height:auto}
.card,.rich,td,th,h1,h2,h3{overflow-wrap:anywhere}
.rich pre,.ex{overflow-x:auto}
.rich table{display:block;overflow-x:auto;max-width:100%}
.tblw{-webkit-overflow-scrolling:touch}
.burger,.nav-toggle{display:none}
@media(max-width:1024px){
 .hero{grid-template-columns:1fr;gap:24px;padding:48px 0 36px}
 .bookhead{grid-template-columns:160px 1fr;gap:20px}
 .grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
 .cmd-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
 .bar{gap:10px;min-height:58px}
 .logo{order:1;font-size:16px}
 .burger{display:inline-flex;order:2;margin-inline-start:auto;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--ink);font-size:22px;cursor:pointer}
 .nav-toggle{display:block;position:absolute;opacity:0;width:1px;height:1px}
 .nav-toggle:focus-visible+.burger{outline:3px solid var(--teal);outline-offset:2px}
 .nav-toggle:checked+.burger{border-color:var(--teal);color:var(--teal)}
 .tg{order:3}
 .bar>form[action="/logout"]{order:4}
 .sf{order:5;flex:1 1 100%}
 .sf input{flex:1;width:auto}
 nav{order:6;flex:1 1 100%;width:100%;margin:0;display:none;flex-direction:column;gap:2px;padding:6px 0 10px;border-top:1px dashed var(--line)}
 .nav-toggle:checked~nav{display:flex}
 nav a{padding:12px;font-size:16px;border-radius:8px}
}
@media(max-width:760px){
 body{font-size:15.5px}
 .wrap{padding:0 14px}
 h1{font-size:26px}
 .hero h1{font-size:28px}
 h2{font-size:21px;margin:30px 0 12px}
 .hero{padding:32px 0 24px}
 .hero::after{display:none}
 .bookhead{grid-template-columns:1fr;gap:14px}
 .bookhead .cover{height:200px}
 .grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
 .card{padding:16px}
 input,select,textarea{font-size:16px}
 .btn,.tg,.chip,button{min-height:44px}
 .tb button{min-height:36px}
 .btn{display:inline-flex;align-items:center;justify-content:center}
 .row .btn{flex:1 1 auto}
 .fgrid{grid-template-columns:1fr}
 .fs{padding:14px}
 .tbl th,.tbl td{padding:8px;font-size:13px}
 .term-win{border-width:5px;margin:12px 0}
 .term-body{height:340px;font-size:13px;padding:10px}
 .term-in{font-size:16px}
 .chips{gap:6px}
 .cmd-grid{grid-template-columns:1fr}
 .cmd-card{padding:14px}
 .opt td:first-child{white-space:normal}
 .steps{grid-template-columns:1fr 1fr}
 .gl{grid-template-columns:1fr}
 .chatlog{max-height:60vh}
 .chatlog .m{max-width:96%}
 .dl{grid-template-columns:1fr}
 .stepper li{font-size:13px;padding:5px 10px}
 .crumb{font-size:13px;padding-top:14px}
 footer{margin-top:40px;font-size:13px}
}
@media(max-width:420px){
 .steps{grid-template-columns:1fr}
 .fgrid3{gap:6px}
 .fgrid3 select{padding:10px 6px}
 .logo{font-size:15px}
 .logo i{width:34px;height:26px}
}