/* Trust pages: about, club, guarantee, help, help-topic, contact, reviews, track, size-guide. Layout and tokens only; components live in design-system/rada.css. */

/* ───────── Shared by the trust pages ───────── */
.t-narrow{width:100%;max-width:720px;margin-inline:auto}
.t-cards{display:grid;gap:var(--space-4);align-items:start;min-width:0}
.t-cards>*{min-width:0}
.t-steps{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}
.t-steps>li{display:flex;align-items:flex-start;gap:var(--space-3);min-width:0}
.t-steps__n{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--lime-200);color:var(--cypress);font:600 14px/1 var(--font-sans)}
.t-steps .label{display:flex;align-items:center;gap:var(--space-2)}
.t-steps .label svg.lucide{color:var(--cypress)}
.t-list{display:grid;gap:var(--space-2);margin:0;padding-inline-start:var(--space-6)}
.t-link{justify-content:space-between;width:100%;min-height:var(--control-height);border-bottom:1px solid var(--line)}
.t-contact{display:grid;gap:var(--space-4);align-items:center}
@media (min-width:641px){
  .t-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .t-steps--cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:961px){
  .t-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .t-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}
  .t-steps>li{flex-direction:column}
  .t-contact{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-8)}
}

/* ───────── about.html, club.html ───────── */
.t-hero{display:grid;gap:var(--space-6);align-items:center;overflow:hidden}
.t-hero__photo{justify-self:center;width:min(480px,92%)}
.t-photo{width:min(480px,92%);justify-self:center}
.t-level{display:grid;gap:var(--space-3);align-content:start}
@media (min-width:961px){
  .t-hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-12)}
  .t-hero--solo{grid-template-columns:minmax(0,1fr)}
}

/* ───────── help.html, help-topic.html ───────── */
.t-search{max-width:640px}
.t-article{display:grid;gap:var(--s-gap);align-items:start;min-width:0}
@media (min-width:961px){
  .t-article{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-8)}
  .t-article>:first-child{grid-column:span 8}
  .t-article>:last-child{grid-column:span 4;position:sticky;top:calc(var(--r-sticky-top) + var(--space-4))}
}

/* ───────── contact.html ───────── */
.t-two{display:grid;gap:var(--s-gap);align-items:start;min-width:0}
.t-two>*{min-width:0}
.t-map{display:grid;place-items:center;align-content:center;gap:var(--space-2);min-height:220px;border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--cypress);text-align:center}
.t-map svg.lucide{width:32px;height:32px}
@media (min-width:961px){
  .t-two{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ───────── reviews.html ───────── */
.t-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.t-gallery button{padding:0;border:0;border-radius:var(--radius-md);background:var(--surface-sunken);overflow:hidden;cursor:zoom-in}
.t-gallery img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.t-reviews{display:grid;gap:var(--space-4)}
.t-review{display:grid;gap:var(--space-2)}
.t-review__product{display:flex;align-items:center;gap:var(--space-3);min-height:var(--control-height);color:var(--cypress);font:500 14px/1.7 var(--font-sans);text-decoration:none}
.t-review__product img{width:32px;height:40px;border-radius:var(--radius-sm);object-fit:cover}
.t-review__product span{flex:1;min-width:0}
@media (min-width:641px){
  .t-gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}
}

/* ───────── size-guide.html ───────── */
.t-sizer{display:grid;gap:var(--space-6);align-items:start}
.t-body{display:grid;justify-items:center;gap:var(--space-2);margin:0;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-sunken)}
.t-body svg{width:min(220px,70%);height:auto;color:var(--ink-muted)}
.t-body__shape{fill:var(--surface);stroke:var(--line);stroke-width:1.5}
.t-line{color:var(--ink-muted)}
.t-line path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-dasharray:4 4;transition:stroke var(--duration-fast) var(--ease-color)}
.t-line text{fill:currentColor;stroke:none;font-size:12px;text-anchor:middle}
.t-line.is-on{color:var(--cypress)}
.t-line.is-on path{stroke-width:3;stroke-dasharray:none}
.t-fields{display:grid;gap:var(--space-4)}
.t-table{overflow-x:auto}
.t-sizes{width:100%;border-collapse:collapse;font-size:14px;text-align:start}
.t-sizes th,.t-sizes td{padding:10px var(--space-3);border-bottom:1px solid var(--line);text-align:start;white-space:nowrap}
.t-sizes thead th{color:var(--ink-muted);font-weight:500}
.t-sizes tr.is-pick{background:var(--lime-100)}
.t-sizes tr.is-pick th{color:var(--cypress)}
@media (min-width:641px){
  .t-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:961px){
  .t-sizer{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--space-8)}
}

/* ───────── Fix list (phase 6) ───────── */
/* P3: phone numbers never break across lines */
.t-contact .r-ltr,.t-channel .r-ltr{white-space:nowrap}
/* P4: icon cards become compact rows on mobile (club, guarantee, help) */
.r-assurances.t-compact .r-assurance__icon{margin-bottom:0}
.r-assurances.t-compact strong{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2)}
@media (max-width:640px){
  .r-assurances.t-compact:not(.r-assurances--list){grid-template-columns:minmax(0,1fr);gap:var(--space-2)}
  .r-assurances.t-compact .r-assurance--card{grid-template-columns:auto minmax(0,1fr);gap:0 var(--space-3);align-content:center;align-items:center;padding:var(--space-3)}
  .r-assurances.t-compact .r-assurance--card .r-assurance__icon{grid-row:span 2;width:40px;height:40px}
  .r-assurances.t-compact .r-assurance--card strong{font-size:14px}
  .r-assurances.t-compact .r-assurance--card strong:last-child{grid-row:span 2}
  .t-cards--compact{gap:var(--space-2)}
  .t-cards--compact>.r-panel{padding:var(--space-3)}
}
/* Icon beside heading, 8 px apart */
.t-head{display:flex;align-items:center;gap:var(--space-2)}
.t-head svg.lucide{flex:none;color:var(--cypress)}
.s-stack>h3.label:has(>svg.lucide),.s-stack>h3.label:has(>i){display:flex;align-items:center;gap:var(--space-2)}
/* help-topic: the topic chip fits its content */
.t-article .r-badge{justify-self:start;width:fit-content}
/* reviews: buyer photos in a horizontal row on mobile */
.t-gallery--row{display:flex;gap:var(--space-2);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:var(--space-2)}
.t-gallery--row button{flex:none;width:120px;scroll-snap-align:start}
@media (min-width:641px){
  .t-gallery--row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
  .t-gallery--row button{width:auto}
}
/* review-new: one column, mission beside the photo field and club progress by the submit button */
.sh-write.t-single{grid-template-columns:minmax(0,1fr)}
/* size-guide: neutral hint before any input */
.r-alert.t-hint{background:var(--surface-sunken)}
/* contact: channel cards become rows on mobile */
@media (max-width:640px){
  .t-channel{grid-template-columns:auto minmax(0,1fr);gap:var(--space-1) var(--space-3);align-items:start;padding:var(--space-3)}
  .t-channel>.r-assurance__icon{grid-row:span 4;width:40px;height:40px}
  .t-channel>:not(.r-assurance__icon){grid-column:2;justify-self:start}
}