/* /aiki-taiso — compléments propres à la page (jetons du design system uniquement). */

.at-head-art{max-width:380px}
.page-head .eyebrow .num[lang="ja"]{font-family:var(--f-jp);font-size:.9375rem;color:var(--sumi-3);letter-spacing:.08em}
.split-body > p:not(.lead-serif){color:var(--sumi-2)}

/* Étymologie : mot en capitales espacées, sens en serif italique */
.at-etym{border-top:1px solid var(--sumi);margin-top:var(--s-3)}
.at-etym > div{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:var(--s-4);align-items:baseline;padding-block:var(--s-3);border-bottom:1px solid var(--rule)}
.at-etym dt{font:600 var(--fs-xs)/1.9 var(--f-text);letter-spacing:.18em;text-transform:uppercase;color:var(--sumi)}
.at-etym dd{font:italic 500 max(18px,1.25rem)/1.35 var(--f-display);color:var(--sumi-2)}
.at-etym dd em{font-style:normal}
.at-etym--inline{max-width:30rem;margin-block:var(--s-2)}

/* Exercices : grille de mots */
.at-words{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--sumi)}
.at-words li{position:relative;padding:var(--s-4) var(--s-4) var(--s-4) 1.4em;border-bottom:1px solid var(--rule);font:500 clamp(1.25rem,1.1rem + .5vw,1.6rem)/1.2 var(--f-display);color:var(--sumi)}
.at-words li::before{content:"";position:absolute;left:0;top:calc(var(--s-4) + .45em);width:8px;height:8px;background:var(--ink-blot) center/contain no-repeat}
.at-words i{font-style:italic;white-space:nowrap}

.at-public{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s-5);margin-top:clamp(48px,5vw,80px)}
.at-public > div:first-child{grid-column:1 / span 5}
.at-public > div:last-child{grid-column:7 / span 6;display:grid;gap:var(--s-4);align-content:start}
.at-public p{color:var(--sumi-2)}
.at-sub{font:500 var(--fs-lg)/1.1 var(--f-display);margin-bottom:var(--s-3)}
.at-public > div:last-child .at-sub{margin-bottom:0}
.at-list{margin-top:var(--s-3);border-top:1px solid var(--rule-strong)}
.at-list li{padding:var(--s-3) 0 var(--s-3) 1.5em;border-bottom:1px solid var(--rule);position:relative;color:var(--sumi-2)}
.at-list li::before{content:"";position:absolute;left:.1em;top:1.35em;width:.75em;height:2px;border-radius:2px;background:var(--sumi-3)}
.at-note{margin-top:var(--s-2)}

/* Un seul art */
.at-quote{margin-bottom:clamp(40px,5vw,72px)}
.at-art-lead{font:italic 500 max(18px,1.3rem)/1.45 var(--f-display);color:var(--sumi-2);max-width:26em}
.at-art-lead i{font-style:normal}

/* Objectifs */
.at-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--sumi)}
.at-terms > div{padding:var(--s-6) var(--s-6) var(--s-5) 0;display:grid;gap:var(--s-3);align-content:start}
.at-terms > div + div{border-left:1px solid var(--rule);padding-left:var(--s-6);padding-right:0}
.at-term-k{font:600 var(--fs-xs)/1.3 var(--f-text);letter-spacing:.16em;text-transform:uppercase;color:var(--shu-ink)}
.at-term-lead{font:500 clamp(1.6rem,1.3rem + 1vw,2.3rem)/1.12 var(--f-display);color:var(--sumi);text-wrap:balance}
.at-terms p:not(.at-term-k):not(.at-term-lead){color:var(--sumi-2)}

/* Trois familles */
.at-fam{counter-reset:none}
.at-fam .card-art{width:84px;height:84px}
.at-fam .card h3{font-size:clamp(1.5rem,1.3rem + .6vw,1.85rem)}
.at-fam .at-fam-note{margin-top:var(--s-2);padding-top:var(--s-3);border-top:1px solid var(--rule);font-size:var(--fs-sm);color:var(--sumi-3)}

/* Hommage */
.at-hommage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s-5);align-items:center}
.at-hommage-art{grid-column:1 / span 3}
.at-hommage-art svg{width:100%;max-width:220px;height:auto}
.at-hommage-text{grid-column:5 / span 8;display:grid;gap:var(--s-4)}

.cta-end .at-tel{color:var(--night-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;white-space:nowrap}
.cta-end .at-tel:hover{color:var(--night-em)}

@media (max-width:1100px){
  .at-words{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .at-public > div:first-child,.at-public > div:last-child{grid-column:1 / -1}
  .at-public > div:last-child{margin-top:var(--s-7)}
  .at-terms{grid-template-columns:1fr}
  .at-terms > div,.at-terms > div + div{padding:var(--s-5) 0;border-left:0}
  .at-terms > div + div{border-top:1px solid var(--rule)}
  .at-hommage{grid-template-columns:1fr;row-gap:var(--s-5)}
  .at-hommage-art,.at-hommage-text{grid-column:1}
  .at-hommage-art svg{max-width:120px}
  .at-head-art{max-width:300px}
}
@media (max-width:640px){
  .at-words{grid-template-columns:1fr 1fr}
  .at-words li{font-size:1.2rem;padding-right:var(--s-2)}
  .at-etym > div{grid-template-columns:5rem minmax(0,1fr)}
  .at-head-art{max-width:240px}
}
@media (max-width:399px){
  .at-words li{font-size:1.125rem;padding-left:1.2em}
}