/* giveaway.css — ชุดสไตล์กลางของแจกโฉมใหม่ (EBK60 แพ็ก 3 · 2026-07-10)
   ใช้กับหน้าใน r/content/ ที่ถูก include ผ่าน r/index.php (ธีม paper/cream เดิม) */

/* ── แถบดาวน์โหลดไฟล์จริง ── */
.gv-dl{background:linear-gradient(135deg,#fff8ef,#fdeedd);border:2px solid var(--brand,#e8845c);
  border-radius:16px;padding:16px 18px;margin:16px 0 22px}
.gv-dl .gv-dl-t{font-weight:800;color:var(--brand-dark,#c96a45);margin-bottom:10px}
.gv-dl .gv-dl-t small{font-weight:400;color:#8a8478;display:block;font-size:.82rem}
.gv-dl-row{display:flex;gap:10px;flex-wrap:wrap}
a.gv-dlbtn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--brand,#e8845c);
  color:var(--brand-dark,#c96a45);font-weight:800;text-decoration:none;border-radius:40px;padding:9px 18px;font-size:.92rem;
  transition:.15s;line-height:1.3}
a.gv-dlbtn:hover{background:var(--brand,#e8845c);color:#fff;transform:translateY(-1px)}
a.gv-dlbtn small{font-weight:400;opacity:.75;font-size:.78rem}

/* ── สารบัญหมวด ── */
.gv-toc{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.07);padding:20px 22px;margin-bottom:20px}
.gv-toc h2{color:var(--brand-dark,#c96a45);font-size:1.12rem;margin-bottom:10px}
.gv-toc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
a.gv-toc-it{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink,#2d2a26);
  background:var(--paper,#faf6f0);border:1.5px solid #eee2d4;border-radius:12px;padding:9px 12px;font-size:.9rem;transition:.15s}
a.gv-toc-it:hover{border-color:var(--brand,#e8845c);background:#fff8ef}
.gv-toc-it .ic{font-size:1.15rem}
.gv-toc-it b{display:block;line-height:1.35}
.gv-toc-it small{color:#8a8478;font-size:.76rem;display:block}

/* ── หัวหมวด ── */
.gv-cat{margin:26px 0 12px;scroll-margin-top:14px}
.gv-cat .gv-cat-head{display:flex;align-items:center;gap:12px;background:var(--navy,#0d1f3c);color:#fff;
  border-radius:14px;padding:12px 18px}
.gv-cat .gv-cat-head .ic{font-size:1.5rem}
.gv-cat .gv-cat-head h2{color:#fff;font-size:1.15rem;margin:0;line-height:1.4}
.gv-cat .gv-cat-head small{display:block;color:#aebbcd;font-weight:400;font-size:.8rem}
.gv-cat .gv-cat-head .gv-copycat{margin-left:auto}

/* ── การ์ดชุดคำสั่ง ── */
.gv-set{background:#fff;border-radius:14px;box-shadow:0 1px 6px rgba(0,0,0,.06);border-left:5px solid var(--brand,#e8845c);
  padding:14px 16px 12px;margin:12px 0}
.gv-set-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.gv-no{background:var(--cream,#f5e9dc);color:var(--brand-dark,#c96a45);font-weight:900;border-radius:8px;
  padding:1px 9px;font-size:.82rem;white-space:nowrap}
.gv-set-head h3{color:var(--ink,#2d2a26);font-size:1rem;margin:0;flex:1;line-height:1.5}
pre.gv-prompt{white-space:pre-wrap;background:#2d2a26;color:#ffe9d9;border-radius:10px;padding:11px 13px;
  font-size:.9rem;font-family:inherit;margin:9px 0 8px;line-height:1.7}
.gv-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
button.gv-copy,button.gv-copycat{border:1.5px solid var(--brand,#e8845c);background:#fff;color:var(--brand-dark,#c96a45);
  border-radius:30px;padding:6px 16px;font-family:inherit;font-weight:800;font-size:.85rem;cursor:pointer;transition:.15s}
button.gv-copy:hover,button.gv-copycat:hover{background:var(--brand,#e8845c);color:#fff}
button.gv-copy.ok,button.gv-copycat.ok{background:var(--try,#2ba36b);border-color:var(--try,#2ba36b);color:#fff}
button.gv-copycat{background:transparent;border-color:#5f7396;color:#dbe6f5;font-size:.78rem;padding:5px 13px}
button.gv-copycat:hover{background:#fff;color:var(--navy,#0d1f3c)}
button.gv-copycat.ok{background:var(--try,#2ba36b);border-color:var(--try,#2ba36b);color:#fff}

/* ── ตัวอย่างผลลัพธ์ ── */
details.gv-ex{background:#f4f9f4;border:1.5px solid #cfe6d4;border-radius:10px;margin:8px 0 2px;overflow:hidden}
details.gv-ex summary{cursor:pointer;font-weight:800;color:#1f7a4d;font-size:.86rem;padding:8px 13px;list-style:none;user-select:none}
details.gv-ex summary::-webkit-details-marker{display:none}
details.gv-ex summary:before{content:'▸ ';transition:.15s}
details.gv-ex[open] summary:before{content:'▾ '}
.gv-ex-body{padding:2px 14px 11px;font-size:.9rem;color:#274435;white-space:pre-wrap;line-height:1.75;
  border-top:1px dashed #cfe6d4;margin-top:2px}
.gv-tip{font-size:.83rem;color:#8a6d3b;background:#fff9e8;border-radius:8px;padding:6px 11px;margin-top:7px}
.gv-tip:before{content:'💡 '}

/* ── ปุ่มกลับขึ้นบน ── */
#gv-top{position:fixed;right:14px;bottom:74px;z-index:60;background:var(--navy,#0d1f3c);color:#fff;border:none;
  border-radius:50%;width:44px;height:44px;font-size:1.15rem;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25);
  opacity:0;pointer-events:none;transition:.25s}
#gv-top.show{opacity:.92;pointer-events:auto}

@media print{
  .gv-dl,#gv-top,button.gv-copy,button.gv-copycat{display:none!important}
  details.gv-ex{border:1px solid #ccc}
  details.gv-ex .gv-ex-body{display:block}
  .gv-set{box-shadow:none;border:1px solid #ddd;border-left:4px solid #999;page-break-inside:avoid}
}