/*
 Theme Name:   101Chaos - Resources
 Theme URI:    http://example.com/twenty-twenty-four-child/
 Description:  Twenty Twenty-One Child Theme
 Author:       Chaos
 Author URI:   http://example.com
 Template:     twentytwentyone
 Version:      1.0.0
*/


/* ================================
   HOW-TO GUIDES — SINGLE LAYOUT
   ================================ */

/* White sheet container around article + sidebar */
body.single-how-to-guides .kb-article-sheet{
  background:#fff;
  border-radius:12px;
  padding:28px 28px 32px;
  box-shadow:0 4px 14px rgba(0,0,0,.04);
}

/* Sidebar spacing (larger gaps between Search / Categories / Recent Posts) */
body.single-how-to-guides .kb-sidebar .widget{ margin-bottom:32px; }
body.single-how-to-guides .kb-cat-list .kb-cat-item{ margin-bottom:14px; }

/* Search field (no button, placeholder text shows “Search”) */
body.single-how-to-guides .kb-search .search-field{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.08);
  background:#f7f7f7 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%23a0a7b4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>') no-repeat 12px center;
  padding:12px 14px 12px 40px;
  font-size:15px;
}
body.single-how-to-guides .kb-search input[type="submit"]{ display:none; } /* no button */

/* Slightly larger, more readable copy (no font family change) */
body.single-how-to-guides .entry-content p,
body.single-how-to-guides .entry-content li{
  font-size:18px;
  line-height:1.75;
}
body.single-how-to-guides .entry-content h2{ margin-top:28px; margin-bottom:10px; }

/* Optional: same white “sheet” on Glossary & FAQs archive */
body.post-type-archive-glossary_faqs .kb-article-sheet{
  background:#fff;
  border-radius:12px;
  padding:28px 28px 32px;
  box-shadow:0 4px 14px rgba(0,0,0,.04);
}