/**
 * archive-event.php ページ固有CSS（F分類・docs/29_template-map.md §2-2）
 * 正本: design/pages/event.html <style id="page-scoped">（無改変で移植）。
 *
 * @package idworks
 */

.wf-note,.wf-banner,.wf-label{display:none!important;}
/* 20260918a: design/pages/event.html（20260916v）へ追随し、キャッチ下マージンの上書き
   `.c1 .hero-intro__catch{margin-bottom:28px}` を撤去した。共通CSS design-system.css の
   既定 **48px**（2026-07-27ディレクター確定「キャッチ→リード=48px」）へ戻す。28px は
   [20260821ag] で見出し下の罫線（40×1px）を削除した際に残った値＝罫線があった頃の余白。 */

.line-qr{width:min(160px,60%);aspect-ratio:1/1;margin:0 auto;background:var(--c-bg);}
.line-qr img{width:100%;height:100%;object-fit:contain;display:block;}
a:hover .line-qr img{transform:none;}
.status-badge{display:inline-block;font-family:var(--ff-en);font-size:var(--fs-micro);letter-spacing:.08em;padding:2px 10px;border:1px solid var(--c-text);background:var(--c-bg);margin-bottom:8px;}
.status-badge--open{background:var(--c-btn);color:var(--c-btn-text);border-color:var(--c-btn);}
.status-badge--few{background:#dcdcdc;color:var(--c-text);}
.status-badge--full,.status-badge--closed{background:var(--c-bg);color:var(--c-text-sub);border-color:var(--c-line-dark);}
.event-card{border:1px solid var(--c-line);background:var(--c-bg);display:block;text-decoration:none;color:var(--c-text);}
.event-card__body{padding:16px;}
.event-card__title{font-size:var(--c1-fs-h3);font-weight:500;letter-spacing:var(--ls-2);line-height:1.7;}
.event-card__meta{font-size:var(--fs-caption);color:var(--c-text-sub);margin-top:6px;line-height:1.9;}
.event-card__cta{margin-top:14px;text-align:center;}   /* [20261023b] ボタンは他と同じ＝SP横いっぱい・PC最低360px・中央（資料カードと同じ扱い） */

@supports (grid-template-rows: subgrid){
  .event-card{grid-row:span 5;display:grid;grid-template-rows:subgrid;row-gap:0;}
  .event-card__body{grid-row:span 4;display:grid;grid-template-rows:subgrid;row-gap:0;}
  .event-card__body > .status-badge{
    margin-top:3px;
    justify-self:start;
  }
}
.event-card__cta .btn{min-height:45px;width:100%;}   /* [20261026x] ボタンをカードの中身（題名・日程と同じ幅）に揃える（ディレクター指示＝資料カード 20261026w と同じ扱い）。1024・1440px で360px固定のまま狭かった */

@media(min-width:768px) and (max-width:1199px){
  .card-grid--3col{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:767px){
  .section__foot .btn{margin-inline:auto;}
  /* [20261023b] <button> は display:flex でも横に広がらないため、SPは他のボタンと同じく横いっぱいに */
  .section__foot button.btn{width:100%;}
}
.feature__photo{margin-top:20px;aspect-ratio:16/9;}
.line-box{max-width:var(--c1-measure);margin:0 auto;border:1px solid var(--c-text);background:var(--c-bg);padding:32px 20px;text-align:center;}
.line-box__title{font-size:var(--c1-fs-h3);font-weight:500;letter-spacing:var(--ls-2);margin-bottom:14px;}
.line-box__row{display:grid;gap:20px;margin-top:24px;justify-items:center;}
.line-box__btn{width:min(360px,100%);}
.ev-more[hidden]{display:none;}
.ev-more-in{animation:evFadeIn .7s ease-out;}
@keyframes evFadeIn{from{opacity:0;transform:translate3d(-6px,8px,0);}to{opacity:1;transform:none;}}
@media(prefers-reduced-motion:reduce){html:not(.wf-force-motion) .ev-more-in{animation:none;}}
.card__note{font-size:var(--fs-note);color:var(--c-text-sub);margin-top:6px;line-height:1.85;}
button.btn{font-family:inherit;}

/* [20261029b] SP（767px以下）では pretty を使わない＝iPhone の Safari は段落全体の行をそろえようとして全行が短くなり、文章が左に寄って見えるため（ディレクター選択＝案B）。 */
@media(min-width:768px){
.section .section__title,.section p,.section li,.section dd,.section dt,
.section h3,.section h4,.section figcaption,.card__title,.card__note,.event-card__title{text-wrap-style:pretty;}
}
.nowrap{white-space:nowrap;}