/* Page publique « Nos tissus » — composants repris de /ambassadeur/amb.css (non chargé ici : /ambassadeur/ est bloqué par robots.txt) */
:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.btn:focus-visible{outline:2px solid currentColor;outline-offset:-6px}

.amb-main{padding:48px 0 96px}
.amb-title{font-size:clamp(2.2rem,5vw,3.6rem);margin:10px 0 14px}
.amb-sub{color:var(--muted);max-width:560px}
.lbl-sm{font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

.badge{display:inline-block;font-family:'Space Mono',monospace;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;padding:5px 9px;border:1px solid var(--line2);color:var(--muted);white-space:nowrap}
.badge.solid{background:var(--yellow);border-color:var(--yellow);color:#0a0b0d}
.badge.line{border-color:var(--yellow);color:var(--yellow)}

.panel{background:var(--panel);border:1px solid var(--line);padding:26px}
.panel h3{font-size:1.1rem;margin-bottom:14px}
.two-kites{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}
.two-kites .panel p{color:var(--muted);font-size:.92rem}

.how{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:0 0 28px}
.how li{background:var(--bg2);padding:22px 24px}
.how-n{font-family:'Space Mono',monospace;font-size:.7rem;color:var(--yellow);letter-spacing:.2em}
.how h3{font-size:1.05rem;margin:8px 0 6px}
.how p{color:var(--muted);font-size:.88rem}

.pitch{margin:12px 0 14px;padding:18px 20px;border-left:2px solid var(--yellow);background:var(--panel);font-size:1.02rem;line-height:1.6}
.rules{border:1px solid var(--line);background:var(--panel);padding:18px 22px;margin-bottom:30px}
.rules p{margin-top:10px;font-size:.9rem;color:var(--muted)}
.rules a{color:var(--yellow);text-decoration:underline}
.deposit{margin-top:18px;padding:18px;background:var(--bg);border-left:2px solid var(--yellow);font-size:.88rem;color:var(--muted)}

.tbl-wrap{overflow-x:auto;border:1px solid var(--line)}
table.tbl{width:100%;border-collapse:collapse;font-size:.88rem}
.tbl th{text-align:left;font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:400;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--bg2);white-space:nowrap}
.tbl td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl tr:last-child td,.tbl tr:last-child th{border-bottom:0}

.sell-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}
.sell-photos figure{position:relative;display:block;overflow:hidden;border:1px dashed var(--line2);background:var(--bg2);aspect-ratio:3/2}
.sell-photos img{display:block;width:100%;height:100%;object-fit:cover}
.sell-photos span{position:absolute;left:8px;bottom:8px;padding:4px 8px;background:rgba(12,11,9,.85);color:var(--muted);font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}

/* Spécifique à la page */
.tis-sec{padding:56px 0;border-top:1px solid var(--line);scroll-margin-top:80px}
.tis-hero{padding-bottom:48px}
.tis-hero .cta{margin-top:26px}
.tis-sec h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:14px 0 16px;max-width:820px}
.tis-tag{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tis-spec{margin:0 0 6px}
.tis-sec .pitch{max-width:820px}
.how.five{grid-template-columns:repeat(6,1fr)}
.how.five li{grid-column:span 2}
.how.five li:nth-child(n+4){grid-column:span 3}
.how.four{grid-template-columns:1fr 1fr}
.tis-sec .rules{margin-bottom:0}
.tbl th[scope=row]{background:none;font-family:inherit;font-size:inherit;letter-spacing:0;text-transform:none;color:var(--muted);white-space:normal}
.two-kites .panel{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.two-kites .panel h3{margin:0;font-size:1.25rem;line-height:1.2}
.two-kites .panel .btn{margin-top:auto}
.tis-lab{padding-top:0;border-top:0}
.tis-lab .deposit{margin-top:0}

@media(max-width:820px){
  .how.five{grid-template-columns:1fr 1fr}
  .how.five li,.how.five li:nth-child(n+4){grid-column:auto}
  .how.five li:last-child{grid-column:1/-1}
}
@media(max-width:560px){
  .wrap{padding:0 16px}
  .amb-main{padding:28px 0 72px}
  .tis-sec{padding:44px 0}
  .tis-lab{padding-top:0}
  .tis-hero{padding-bottom:36px}
  .how,.how.five,.how.four{grid-template-columns:1fr}
  .how li{padding:16px 18px}
  .how.five li:last-child{grid-column:auto}
  .pitch{padding:14px 16px;font-size:.96rem}
  .sell-photos{grid-template-columns:1fr}
  .two-kites{grid-template-columns:1fr}
  .tbl-cards thead{display:none}
  .tbl-cards tr{display:block;padding:12px 14px;border-bottom:1px solid var(--line)}
  .tbl-cards tr:last-child{border-bottom:0}
  .tbl-cards th[scope=row]{display:block;padding:0 0 6px;border:0;color:var(--ink);font-weight:600}
  .tbl-cards td{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border:0;text-align:right}
  .tbl-cards td::before{content:attr(data-l);color:var(--muted);font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;text-align:left;flex:none}
}