/* Tayarlo static site — shared shell. Design tokens live inline in the artboard markup (per handoff). */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#1A1A1A;font-family:'Poppins',system-ui,-apple-system,sans-serif}
img{max-width:100%}
a{-webkit-tap-highlight-color:transparent}

/* Desktop artboard is authored at 1440px but its internals are fluid grids —
   let it flow between ~1024–1440 and pin at 1440. Mobile artboard at 390px, fluid. */
.board{width:100%;margin:0 auto}
.board-desktop{max-width:1440px}
.board-mobile{display:none} /* fluid full-width below 1024, per design ("mobile artboards stretch fluidly") */

/* ponytail: single breakpoint per handoff — desktop layout holds to 1024, mobile below. */
@media (max-width:1023px){
  .board-desktop{display:none}
  .board-mobile{display:block}
}

/* locator interactive bits (JS-rendered — hovers via CSS instead of the prototype's style-hover attr) */
.loc-row{background:transparent}
.loc-row:hover{background:#F7F8F7}
.loc-row[data-selected]{background:#EAF2EF}
.loc-wa:hover{background:#128C4A;color:#fff}
.loc-dir:hover{background:#125F4E;color:#fff}
.loc-locate:hover{background:#0C3F33}
.loc-chip:hover{filter:brightness(.97)}