/* NAZ AI page — sample/ai.html の inline <style> から切り出し */

/* ========== AI ページ専用 ========== */
.em{color:var(--clr-primary);font-weight:700}
.ai-body p{margin:0 0 14px;line-height:1.95}
.ai-body p:last-child{margin-bottom:0}
.ai-body .ai-list,.ai-body .ai-pull,.ai-body .ai-cards,.ai-body .ai-table-wrap,.ai-body .ai-callout,.ai-body .btn{margin-top:22px}
.ai-body .ai-list + p,.ai-body .ai-pull + p,.ai-body .ai-cards + p,.ai-body .ai-table-wrap + p,.ai-body .ai-callout + p{margin-top:22px}

.sub-block{margin-top:56px}
.sub-block:first-child{margin-top:32px}

.ai-pull{background:linear-gradient(135deg,rgba(13,47,92,.04),rgba(201,164,76,.06));border-left:4px solid var(--clr-accent);padding:24px 28px;border-radius:0 8px 8px 0;font-size:16px;line-height:1.95}
.ai-pull strong{color:var(--clr-primary)}

.ai-num-h{display:flex;align-items:baseline;gap:14px;margin:0 0 18px}
.ai-num-h .num{font-family:var(--font-en);font-size:14px;font-weight:800;letter-spacing:.18em;color:var(--clr-accent);white-space:nowrap}
.ai-num-h .ttl{font-size:18px;font-weight:700;color:var(--clr-primary);line-height:1.55}

.ai-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.ai-card{background:#fff;border:1px solid rgba(13,47,92,.08);border-radius:10px;padding:22px 22px 24px;box-shadow:0 6px 18px -12px rgba(13,47,92,.18)}
.ai-card h3{font-size:15px;font-weight:800;color:var(--clr-primary);margin:0 0 8px;letter-spacing:.02em}
.ai-card p{font-size:14px;line-height:1.8;margin:0;color:var(--text)}

.ai-table-wrap{overflow-x:auto}
.ai-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 14px -10px rgba(13,47,92,.18)}
.ai-table th,.ai-table td{padding:14px 18px;text-align:left;vertical-align:top;border:none!important;border-bottom:1px solid rgba(13,47,92,.08)!important;line-height:1.85}
.ai-table thead th{background:var(--clr-primary);color:#fff;font-weight:700;letter-spacing:.04em;font-size:13px}
.ai-table tbody tr:last-child td{border-bottom:none!important}
.ai-table tbody th{background:rgba(13,47,92,.04);font-weight:700;color:var(--clr-primary);width:32%}

.ai-list{margin:0;padding:0;list-style:none}
.ai-list li{position:relative;padding:10px 0 10px 28px;font-size:15px;line-height:1.85;border-bottom:1px dashed rgba(13,47,92,.1)}
.ai-list li:last-child{border-bottom:none}
.ai-list li::before{content:"";position:absolute;left:6px;top:20px;width:10px;height:10px;background:var(--clr-accent);border-radius:50%}
.ai-list li.is-result{margin-top:14px;padding-top:22px;border-top:1px dashed rgba(13,47,92,.18)}
.ai-list li.is-result::before{content:"↓";background:transparent;border-radius:0;width:auto;height:auto;font-family:var(--font-en);font-weight:900;font-size:22px;color:var(--clr-accent);line-height:1;left:4px;top:-2px}

.ai-callout{background:var(--clr-primary);color:#fff;padding:36px 32px;border-radius:12px}
.ai-callout h3{color:#fff;font-size:20px;margin:0 0 12px;letter-spacing:.02em;line-height:1.6}
.ai-callout h3:last-child{margin-bottom:0}
.ai-callout p{color:rgba(255,255,255,.92);font-size:15px;line-height:1.95;margin:0}
.ai-callout strong{color:var(--clr-accent-light,#e6c87c)}
.ai-callout--center{text-align:center}

.cta-kicker{display:block;font-family:var(--font-en);font-size:.6em;font-weight:800;letter-spacing:.18em;color:var(--clr-accent);margin-bottom:18px}

/* ビジュアル */
.ai-hero-band{position:relative;height:clamp(260px,32vw,380px);border-radius:14px;background-position:center 30%;background-size:cover;background-repeat:no-repeat;overflow:hidden;box-shadow:0 16px 40px -22px rgba(13,47,92,.4);margin:8px 0 12px}
.ai-hero-band::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,47,92,.55),rgba(13,47,92,.15) 55%,rgba(201,164,76,.18))}
.ai-hero-band-cap{position:absolute;left:28px;bottom:22px;right:28px;color:#fff;z-index:2;font-family:var(--font-en);font-weight:800;letter-spacing:.18em;font-size:13px;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.ai-hero-band-cap .jp{display:block;font-family:var(--font-jp,inherit);font-weight:700;letter-spacing:.04em;font-size:18px;margin-top:6px;text-transform:none}

.ai-split{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:start}
.ai-split--reverse{grid-template-columns:1fr 1.2fr}
.ai-split--reverse > .ai-split-text{order:2}
.ai-split--reverse > .ai-split-img{order:1}
.ai-split-img{aspect-ratio:4/3;border-radius:12px;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 12px 30px -18px rgba(13,47,92,.35)}

@media (max-width:768px){
  .ai-hero-band-cap{left:20px;bottom:16px;right:20px;font-size:11px}
  .ai-hero-band-cap .jp{font-size:15px}
  .ai-split,.ai-split--reverse{grid-template-columns:1fr;gap:22px}
  .ai-split--reverse > .ai-split-text{order:initial}
  .ai-split--reverse > .ai-split-img{order:initial}
  .ai-pull{padding:18px 20px;font-size:15px}
  .ai-callout{padding:28px 22px}
  .ai-callout h3{font-size:17px}
  .ai-table th,.ai-table td{padding:12px 14px;font-size:13px}
  .ai-table tbody th{width:36%}
  .ai-num-h{flex-direction:column;gap:6px}
  .ai-num-h .ttl{font-size:17px}
  .sub-block{margin-top:44px}
}