/* SWIFT-0005 design pass: logo in the header, compact phone header, tool cards, promo box.
   Loaded after style.css by every site that opts in. Site colors: --accent (set per site below or in a site file). */
:root{--accent:#0a5bd8}
header{display:flex;flex-wrap:wrap;align-items:center;gap:2px 28px}
header a.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800}
header a.brand img{width:32px;height:32px;flex:none;display:block}
nav{margin-top:0}
p.promo{margin:12px 0}
p.promo a{display:block;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px 16px;text-decoration:none;color:var(--ink);line-height:1.5}
p.promo a::after{content:" →";color:var(--accent);font-weight:700}
p.promo a:hover{border-color:var(--accent)}
ul.tools{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
ul.tools a{display:flex;flex-direction:column;gap:8px;height:100%;box-sizing:border-box;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-decoration:none;color:var(--ink);font-weight:700;line-height:1.35}
ul.tools a:hover{border-color:var(--accent);box-shadow:0 2px 8px rgba(11,37,69,.10)}
ul.tools svg{width:32px;height:32px;padding:6px;box-sizing:border-box;border-radius:8px;background:var(--soft);color:var(--accent);flex:none}
footer a{color:inherit}
@media(max-width:640px){
  header{position:static;padding:10px 16px 0;gap:0}
  header a.brand{font-size:19px}
  header a.brand img{width:30px;height:30px}
  nav{flex-wrap:nowrap;overflow-x:auto;gap:0 18px;width:calc(100% + 32px);margin:2px -16px 0;padding:0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  nav::-webkit-scrollbar{display:none}
  nav a{white-space:nowrap;font-size:15px;padding:10px 0}
  ul.tools{grid-template-columns:repeat(2,minmax(0,1fr))}
}