/* wire2.css — v2で足した最小限。土台と設計語彙は wire.css（v1）。
   ★箱で囲まず「罫線・大数字・面」で組む（2026-09-08 岩田さんご指摘の反映）。 */

/* 見積タグを明るい地（.kino の中・本文）に置いた場合の色。
   wire.css の .est--c は黒帯（.mk）用の淡色で、明るい地では読めない（実測1.30:1） */
.kino .est,.cap .est{border-color:#8a3b36;color:#8a3b36;background:none}

/* steps の4列版（罫線の目盛り） */
.steps--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:899px){.steps--4{grid-template-columns:minmax(0,1fr)}}
/* 時間軸の「いま」＝墨ベタで反転（tline） */
.tline>div.on{background:var(--ink);color:#fff;padding-top:28px}
.tline>div.on .en{color:#d8d8d8}
.tline>div.on .cap{color:#d8d8d8}

/* 今日・明日の空き：罫線の表。記号は Baskervville で大きく */
table.avail{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:20px;
  border-top:1px solid var(--ink)}
table.avail th,table.avail td{text-align:left;font-weight:400;vertical-align:middle;
  padding:16px 0;border-bottom:1px solid var(--line)}
table.avail thead th{padding:10px 0}
table.avail thead .en{display:block;font-size:13px;letter-spacing:.08em}
table.avail thead .d{display:block;font-size:11px;color:var(--mut)}
table.avail thead .t{display:block;font-size:11px;color:var(--mut);letter-spacing:.06em}
table.avail tbody th .en{display:block;font-size:15px;letter-spacing:.02em}
table.avail tbody th .sub{display:block}
table.avail .mks{font-size:clamp(17px,2vw,22px);letter-spacing:.1em;white-space:nowrap}
table.avail .go{width:44px;text-align:right}
@media(max-width:640px){
  table.avail .go{display:none}
  table.avail .mks{font-size:16px}
}

/* 店舗カードに足した「今日の空き」1行 */
.salon .avmini{display:block;font-size:13px;letter-spacing:.12em;margin-top:12px;
  border-top:1px solid var(--line);padding-top:12px}

/* 口コミの帯：巨大な数字＋罫線（囲まない） */
.revband{display:grid;grid-template-columns:max-content minmax(0,1fr) 36px;gap:clamp(20px,3vw,44px);
  align-items:center;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);
  padding:clamp(20px,2.6vw,32px) 0;margin-top:20px}
.revband .num{font-size:clamp(44px,6vw,76px);line-height:1}
.revband .tx p{max-width:none;margin-top:6px}
@media(max-width:640px){.revband{grid-template-columns:minmax(0,1fr)}.revband .arrow{display:none}}

/* 出典ごとの評価：3列の罫線目盛り＋大数字 */
.revsrc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.revsrc>div{border-right:1px solid var(--line);padding:24px clamp(14px,1.8vw,24px) 28px}
.revsrc>div:last-child{border-right:none}
.revsrc .s{display:block;font-size:12px;letter-spacing:.08em;color:var(--mut)}
.revsrc .num{display:block;font-size:clamp(36px,4.6vw,58px);line-height:1.1;margin:14px 0 10px}
@media(max-width:640px){
  .revsrc{grid-template-columns:minmax(0,1fr)}
  .revsrc>div{border-right:none;border-bottom:1px solid var(--line)}
  .revsrc>div:last-child{border-bottom:none}
}

/* 項目別の分解：罫線の行＋細いバー＋数字 */
.score{border-top:1px solid var(--ink);margin-top:24px}
.score>div{display:grid;grid-template-columns:9em minmax(0,1fr) 3em;gap:clamp(14px,2vw,28px);
  align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.score .k{font-size:13px;color:var(--mut)}
.score .bar{height:1px;background:var(--line);position:relative}
.score .bar i{position:absolute;left:0;top:-1px;height:3px;background:var(--ink)}
.score .v{font-size:19px;text-align:right}
@media(max-width:640px){.score>div{grid-template-columns:7em minmax(0,1fr) 2.6em}}

/* スタイルカード：写真が主役・文字は下に小さく・偶数を下げて段差 */
.stylec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,36px);margin-top:24px}
.stylec__c{min-width:0}
.stylec__c:nth-child(even){margin-top:clamp(20px,3vw,44px)}
.stylec__c .ph{aspect-ratio:3/4;margin-bottom:14px}
.stylec__c .en{display:block;font-family:var(--ff-en);font-size:15px;letter-spacing:.04em}
.stylec__c .sub{display:block;margin-top:2px}
.stylec__c .lk{display:flex;align-items:center;justify-content:space-between;gap:10px;
  border-bottom:1px solid var(--ink);padding:10px 0;margin-top:12px;font-size:12px;letter-spacing:.04em}
.stylec__c .lk .arrow{border:none;width:auto;height:auto}
@media(max-width:899px){
  .stylec{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stylec__c:nth-child(even){margin-top:24px}
}