/* Thomsett Advisory, 2026 site.
   Rules come from the <helmet> styles of the Claude Design export (9 Nov 2026, version 103).
   Rules that differ between pages are scoped by the body class: .p-home, .p-acq, .p-search.
   The "Added" block at the end is not in the export: browser surfaces, phone stacking, overflow guards. */

body{margin:0;background:#F6F6F4}
a{color:#111418}a:hover{color:#C2361F}
::selection{background:#C2361F;color:#FFFFFF}
.wrap{max-width:1312px;margin:0 auto;padding:0 64px}
.case{display:grid;grid-template-columns:260px repeat(3,minmax(0,1fr));gap:40px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.map{position:relative;width:100%;max-width:500px;margin:0 auto}
.map img{display:block;width:100%;height:auto}
.lb{position:absolute;background:#FFFFFF;border:1px solid #D9DBDE;border-radius:6px;padding:8px 10px;font-size:11px;line-height:1.35;box-shadow:0 6px 16px rgba(17,20,24,0.08);width:27%;min-width:120px}
.lb b{display:block;font-size:12px;font-weight:600;margin-bottom:2px}
.ax{position:absolute;font-size:11px;color:#4A4F58}

/* Acquisitions and Partner search */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;align-items:start}

/* Home */
.p-home .hero{display:grid;grid-template-columns:440px minmax(0,1fr) 320px;gap:48px}
.p-home .row{grid-template-columns:220px minmax(0,1fr) 280px}
.p-home .split{align-items:start}
.p-home .map{max-width:520px}
.p-home .lb{width:30%;min-width:148px}

@media (max-width:1100px){.p-home .hero,.row,.p-home .row,.case,.split,.steps,.team{grid-template-columns:minmax(0,1fr)}.wrap{padding:0 20px}.h1{font-size:44px !important}}

/* Added: browser surfaces */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
a{text-underline-offset:.18em;text-decoration-thickness:1px}
a:focus-visible{outline:2px solid #C2361F;outline-offset:3px;border-radius:2px}
html{scrollbar-color:#B9BCC2 #F6F6F4}
img{max-width:100%;height:auto}
/* Added: header logo. The brand file (464 by 110) has blank space round the artwork: 30 units left, about 29 above and below.
   The words are about 30 units tall as type, so 56px high gives 15px words, the same as the nav text.
   The negative margins take the blank space out of the layout: the row keeps its height and the mark sits on the page edge. */
.logo{display:block;height:56px;width:auto;max-width:none;margin:-8px 0 -8px -15px}
@media (max-width:600px){.logo{height:44px;margin:-6px 0 -6px -12px}}
/* Added: hover state for the dark buttons (their inline colour overrides a:hover) */
a[style*="background: #111418"]:hover{background:#2B3038 !important}

/* Added: phones. Map label cards stack below the map instead of overlapping it. */
@media (max-width:600px){
  .map .lb,.map .ax{position:static !important;transform:none !important;width:auto;min-width:0;margin-top:8px;box-shadow:none}
  .map .ax{display:block;white-space:normal}
  .map .ax span{white-space:normal !important}
  h2{overflow-wrap:break-word}
}