/* ============================================================
   Crit Lab — /equipment-explanation/ page-specific styles
   Depends on: common.css (variables, shell, buttons, final CTA)
   ============================================================ */

.eq-page .section{padding-top:clamp(44px,6vw,96px);padding-bottom:clamp(44px,6vw,96px);}
.eq-page .eq-paper-media>img{height:auto;}
.eq-page .section-head{margin-bottom:clamp(24px,3vw,38px);}
.eq-page .section-head>p{max-width:850px;margin-top:18px;color:#53534d;line-height:1.95;}
.eq-page .section-soft{background:transparent;max-width:none;}
.eq-page .section-soft>*{max-width:var(--content-max);margin-left:auto;margin-right:auto;}

/* ---- top notice ---- */
.eq-notice{max-width:var(--content-max);margin:0 auto;padding:clamp(24px,3vw,32px) var(--section-x);}
.eq-notice-inner{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;padding:24px 28px;background:var(--yellow);border-radius:16px;}
.eq-notice-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--text);color:var(--yellow);font-family:"Poppins",sans-serif;font-weight:700;font-size:1.3rem;}
.eq-notice h2{font-size:1.15rem;margin-bottom:8px;}
.eq-notice p{font-size:.95rem;line-height:1.9;}
.eq-notice strong{background:linear-gradient(transparent 62%,#fff 62%);padding:0 2px;}

/* ---- 02 studio facilities ---- */
.eq-facilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid rgba(0,5,1,.16);}
.eq-facility{padding:26px 28px 26px 0;border-right:1px solid rgba(0,5,1,.14);}
.eq-facility:last-child{border-right:0;}
.eq-facility:not(:first-child){padding-left:28px;}
.eq-facility h3{font-size:1.2rem;margin-bottom:10px;}
.eq-facility p{font-size:.92rem;line-height:1.9;color:#55554e;}
.eq-size{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px;}
.eq-size div{display:flex;align-items:baseline;gap:10px;padding:12px 20px;background:#fff;border:1px solid #deddd5;border-radius:10px;}
.eq-size dt{font-size:.86rem;color:#55554e;}
.eq-size dd{margin:0;font-family:"Poppins",sans-serif;font-weight:600;font-size:1.15rem;}

/* ---- category / filter bar ---- */
.eq-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:26px;}
.eq-filter-label{font-size:.83rem;font-weight:700;color:#55554e;margin-right:4px;}
.eq-chip{display:inline-flex;align-items:center;min-height:42px;padding:8px 18px;border:1px solid rgba(0,5,1,.35);border-radius:999px;background:transparent;color:var(--text);font-size:.86rem;font-weight:700;line-height:1.3;transition:background-color .2s,color .2s,border-color .2s;}
.eq-chip:hover{background:rgba(0,5,1,.06);color:var(--text);}
.eq-chip[aria-pressed="true"]{background:var(--text);border-color:var(--text);color:var(--yellow);}
.eq-count{margin-left:auto;font-size:.83rem;color:#55554e;}
.eq-section-link{margin-top:20px;}
.eq-section-link .fl-final-link{color:var(--blue-text);font-weight:700;text-decoration:underline;text-underline-offset:5px;}
.eq-group-title{display:block;margin-bottom:14px;}
[data-eq-group]+[data-eq-group]{margin-top:38px;}

/* ---- equipment grid ---- */
.eq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.eq-item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;padding:10px;border:1px solid #deddd5;border-radius:12px;background:#fff;}
.eq-item.is-hidden{display:none;}
.eq-thumb{width:76px;aspect-ratio:1;border-radius:9px;overflow:hidden;background:#FFDA4C;display:grid;place-items:center;padding:6px;}
.eq-thumb img{width:100%;height:100%;object-fit:cover;border-radius:5px;}
.eq-thumb span{font-size:.6rem;line-height:1.45;color:#6f6c62;text-align:center;}
.eq-body{min-width:0;}
.eq-meta{display:flex;align-items:center;gap:7px;margin-bottom:4px;}
.eq-tag{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px;padding:2px 8px;border-radius:999px;font-size:.66rem;font-weight:700;letter-spacing:.02em;line-height:1.2;text-align:center;white-space:nowrap;}
.eq-tag.free{background:#eef4f7;color:var(--blue-text);border:1px solid #c6dbe4;}
.eq-tag.paid{background:var(--yellow);color:var(--text);}
.eq-cat{font-size:.7rem;color:#67665f;}
.eq-item h3{font-size:.94rem;line-height:1.5;font-weight:700;}
.eq-price{display:block;margin-top:4px;font-family:"Poppins",sans-serif;font-size:.92rem;font-weight:600;color:var(--blue-text);}
.eq-price em{font-style:normal;font-family:"Zen Kaku Gothic New",sans-serif;font-size:.72rem;font-weight:500;color:#67665f;margin-left:4px;}
.eq-lead-note{display:block;margin-top:4px;font-size:.72rem;color:#67665f;}
.eq-empty{padding:28px 0;font-size:.92rem;color:#55554e;}
.eq-empty[hidden]{display:none;}

/* ---- note ---- */
.eq-note{margin-top:28px;padding:22px 26px;background:#fff7d7;border-left:5px solid var(--yellow);}
.eq-note.is-provisional{background:#fff;border:1px solid #deddd5;border-left:5px solid var(--blue);}
.eq-note p{font-size:.93rem;line-height:1.9;}
.eq-badge{display:inline-block;margin-right:8px;padding:2px 10px;border-radius:999px;background:var(--blue);color:#fff;font-size:.72rem;font-weight:700;vertical-align:1px;}

/* ---- background paper ---- */
.eq-paper{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(26px,4vw,48px);align-items:start;}
.eq-paper-media>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px;background:#f3f1e8;}
.eq-paper-media{min-width:0}.eq-paper-info{min-width:0}.eq-paper-spec{display:grid;grid-template-columns:1fr;gap:8px;margin:14px 0 0;}
.eq-paper-spec div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 14px;background:#fff;border:1px solid #deddd5;border-radius:10px;font-size:.86rem;}
.eq-paper-spec dt{color:#55554e;}
.eq-paper-spec dd{margin:0;font-weight:700;}
.eq-colors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
.eq-color{text-align:left;}
.eq-color i{display:block;width:100%;aspect-ratio:1 / 1;border-radius:10px;background:var(--swatch);border:1px solid rgba(0,5,1,.2);}
.eq-color strong{display:block;margin-top:10px;font-family:"Poppins",sans-serif;font-size:.9rem;}
.eq-color span{display:block;font-size:.8rem;color:#55554e;line-height:1.6;}

/* ---- by purpose ---- */
.eq-purpose{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.4vw,32px);}
.eq-purpose article{border-top:3px solid var(--yellow);padding-top:20px;}
.eq-purpose h3{font-size:1.15rem;margin-bottom:12px;}
.eq-purpose ul{display:flex;flex-wrap:wrap;gap:8px;}
.eq-purpose li{padding:5px 12px;background:#fff;border:1px solid #deddd5;border-radius:999px;font-size:.83rem;}


/* ---- mannequin ---- */
.eq-mannequin-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;}
.eq-mannequin-card{min-width:0;}
.eq-mannequin-photo{position:relative;overflow:hidden;width:100%;aspect-ratio:3/4;border-radius:14px;background:#f3f1e8;border:1px solid #deddd5;}
.eq-mannequin-photo img{width:100%;height:100%;object-fit:contain;background:#fff;padding:10px;}
.eq-mannequin-placeholder{display:grid;place-items:center;padding:16px;background:repeating-linear-gradient(135deg,#f1efe5,#f1efe5 11px,#e7e4d8 11px,#e7e4d8 22px);text-align:center;color:#6f6c62;font-size:.78rem;line-height:1.7;}
.eq-mannequin-card h3{margin-top:12px;font-size:.96rem;}
.eq-mannequin-price{margin-top:22px;padding:18px 22px;border-radius:12px;background:#fff7d7;border-left:5px solid var(--yellow);}
@media (max-width:1024px){.eq-mannequin-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:560px){.eq-mannequin-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width:1024px){
  .eq-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .eq-facilities{grid-template-columns:repeat(2,minmax(0,1fr));}
  .eq-facility{border-bottom:1px solid rgba(0,5,1,.14);}
  .eq-facility:nth-child(2n){border-right:0;}
  .eq-facility:nth-child(2n+1){padding-left:0;}
  .eq-facility:nth-child(2n){padding-left:28px;}
  .eq-purpose{grid-template-columns:repeat(2,minmax(0,1fr));}
  .eq-paper{grid-template-columns:1fr;}
  .eq-paper-media{max-width:320px;}
}
@media (max-width:860px){
  .eq-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .eq-colors{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:560px){
  .eq-facilities{grid-template-columns:1fr;}
  .eq-facility,.eq-facility:nth-child(2n){padding:22px 0;border-right:0;padding-left:0;}
  .eq-notice-inner{grid-template-columns:1fr;gap:12px;}
  .eq-purpose{grid-template-columns:1fr;}
  .eq-colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
  .eq-count{margin-left:0;width:100%;}
  .eq-grid{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
  .eq-chip{transition:none;}
}