/* marketing-polish-20261101: spacing fixes from the owner's report and the 2026-11-01 site-wide spacing audit.
   Loaded last on marketing, legal and account pages so these rules win without !important. */

/* Icons glued to text (owner report + audit 8, 9) */
body .whynote{display:flex;gap:10px;align-items:flex-start}
body .whynote>.ic{flex:none;margin:.28em 0 0}
body .tc-k{display:flex;align-items:center;gap:7px}
body .tc-k>.ic{flex:none}
body .trycard>.ic:last-child{display:none} /* the card already draws its arrow in the corner (::after) */
body .console-note>.ic{margin-right:8px;vertical-align:-3px} /* body.pg .console-note forces display:block, so space the icon itself */
body p.assure{display:flex;gap:9px;align-items:flex-start}
body p.assure>.ic{flex:none;display:block;margin:.22em 0 0}

/* 1: setup-table URLs no longer split mid-word on phones: the value gets its own full-width line */
@media (max-width:640px){
  body.pg .np-t tbody td:has(>code){flex:1 1 100%}
  body .np-t td>code{white-space:nowrap;overflow-wrap:normal;word-break:normal}
}

/* 2, 3: home hero breathing room under the sticky header and above the INTENT.EXE card */
@media (max-width:1024px){
  body .hero p.h1-eyebrow{margin-top:28px}
  body .hero .stage{margin-top:28px}
  body .hero p.hero-new{position:static} /* it was absolutely placed under its column, so the card could not clear it */
}
@media (max-width:480px){body .hero p.h1-eyebrow{margin-top:40px}}

/* 4: /status first group heading */
body .st-updated{margin-bottom:32px}

/* 5, 6: model page route table */
@media (max-width:700px){body .md-routes tr.rt>td{padding-left:14px}}
body .md-routes th:nth-child(n+2):not(:last-child),body .md-routes td:nth-child(n+2):not(:last-child){min-width:76px;white-space:nowrap}
@media (max-width:900px){body .mp-table.md-routes{overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* 7: legal pages (/trust, /about): space after a list before the next paragraph or heading */
body .legal-section ul+p,body .legal-section ul+h3,body .legal-section ol+p{margin-top:20px}

/* 10, 20, 24: signed-out account page */
body .panel .turnstile-box{display:flex;justify-content:center}
body .panel .notice.signin-hint{margin-bottom:20px}
@media (max-width:480px){body .workspace>footer{margin-top:48px}}

/* 13: long model IDs in the /model/ catalogue */
body .md-index-grid a code{padding:5px 8px;line-height:1.5}

/* 14: inline code chips that wrap keep their box on both lines */
body p.ph-lead code,body p.md-lead code{-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* 16: "Full comparison" link gets its own line on phones */
@media (max-width:480px){body .board-head{flex-wrap:wrap;row-gap:6px}body .board-head .board-date{flex-basis:100%}}

/* 21: model page chip row: one height for plain chips and link chips */
body .md-chips>*{height:32px;display:inline-flex;align-items:center;box-sizing:border-box}