/* ═══════════════════════════════════════════════════════════════
       SPECIALS — 3대 특수유형 Editorial Atlas (세션 SPECIALS-v1)
       partials/_landing_specials.php 공용 컴포넌트 — 8 전담센터 공통
       ═══════════════════════════════════════════════════════════════ */

    /* ─── Section wrapper ─── */
    .hw-specials{
      padding-inline: clamp(24px, 4vw, 48px);
      position:relative;
      color:var(--hw-text, #2a2a2a);
      overflow:hidden;
      font-family:'Pretendard', system-ui, sans-serif;
    }

    /* ─── 4-corner ornament marks (Q3 transition zone) ─── */
    .hw-specials-orn{
      position:absolute;
      width:42px;height:42px;
      border:1px solid rgba(201, 169, 110, .55);
      pointer-events:none;
      z-index:1;
    }
    .hw-specials-orn-tl{top:32px;left:32px;border-right:none;border-bottom:none}
    .hw-specials-orn-tr{top:32px;right:32px;border-left:none;border-bottom:none}
    .hw-specials-orn-bl{bottom:32px;left:32px;border-right:none;border-top:none}
    .hw-specials-orn-br{bottom:32px;right:32px;border-left:none;border-top:none}

    /* ─── Gold ornament divider (◆) — Q3 transition mark ─── */
    .hw-specials-divider{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:14px;
      margin:0 auto clamp(40px, 5vw, 64px);
      max-width:320px;
      position:relative;
      z-index:2;
    }
    .hw-specials-divider-bottom{
      margin:clamp(56px, 7vw, 80px) auto 0;
    }
    .hw-specials-divider-line{
      flex:1;
      height:1px;
      background:linear-gradient(90deg, transparent, rgba(201, 169, 110, .85));
    }
    .hw-specials-divider-line:last-child{
      background:linear-gradient(90deg, rgba(201, 169, 110, .85), transparent);
    }
    .hw-specials-divider-mark{
      color:var(--hw-gold, #C9A96E);
      font-size:10px;
      letter-spacing:1px;
    }

    /* ─── Inner container ─── */
    .hw-specials-inner{
      position:relative;
      z-index:2;
    }

    /* ─── Section header ─── */
    .hw-specials-head{
      text-align:center;
      margin-bottom:clamp(56px, 7vw, 84px);
    }
    .hw-specials-eyebrow{
      font-family:'Cormorant Garamond', serif;
      font-size:12px;
      letter-spacing:5px;
      color:var(--hw-gold-ink); /* [η-2 애드온] 12px 소형 · gold-ink · head.php 안 원천 규칙 처치 */
      text-transform:uppercase;
      font-weight:600;
      display:block;
      margin-bottom:18px;
    }
    .hw-specials-title{
      font-family:'Noto Serif KR', 'Nanum Myeongjo', serif;
      font-size:clamp(28px, 3.6vw, 42px);
      font-weight:700;
      line-height:1.32;
      letter-spacing:-.02em;
      color:var(--hw-navy, #1B2A4A);
      margin:0 0 18px;
      word-break:keep-all;
    }
    .hw-specials-title em{
      font-style:normal;
      font-family:'Cormorant Garamond', serif;
      color:var(--hw-gold, #C9A96E);
      font-weight:600;
    }
    .hw-specials-sub{
      font-size:15.5px;
      line-height:1.78;
      color:rgba(27, 42, 74, .65);
      max-width:680px;
      margin:0 auto;
      word-break:keep-all;
    }

    /* ─── Card grid ─── */
    .hw-specials-grid{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:clamp(20px, 2.5vw, 32px);
    }

    /* ─── Card ─── */
    .hw-special-card{
      position:relative;
      display:flex;
      flex-direction:column;
      background:var(--hw-card-bg, rgba(255, 255, 255, .55));
      border:1px solid rgba(201, 169, 110, .35);
      padding:clamp(28px, 3vw, 40px) clamp(24px, 2.5vw, 32px) clamp(24px, 2.8vw, 32px);
      transition:.5s cubic-bezier(.4, 0, .2, 1);
      overflow:visible;
    }
    .hw-special-card:hover{
      border-color:rgba(201, 169, 110, .65);
      background:rgba(255, 255, 255, .82);
      transform:translateY(-4px);
    }

    /* ─── Roman numeral watermark ─── */
    .hw-special-num{
      position:absolute;
      top:8px;
      right:22px;
      font-family:'Cormorant Garamond', serif;
      font-size:clamp(72px, 8vw, 96px);
      font-weight:400;
      color:var(--hw-gold-deep); /* [η-2 애드온] 72-96px 초대형 워터마크 · gold-deep · head.php 안 원천 처치 */
      opacity:.16;
      line-height:1;
      letter-spacing:-.04em;
      pointer-events:none;
    }

    /* ─── Domain label ─── */
    .hw-special-label{
      font-family:'Cormorant Garamond', serif;
      font-size:12px; /* [2026-08-12 발주 Q] 11px→12px §15 하한 */
      letter-spacing:4px;
      color:var(--hw-gold-ink); /* [η-2 애드온] 11px 소형 · gold-ink · head.php 안 원천 처치 */
      text-transform:uppercase;
      font-weight:600;
      display:block;
      margin-bottom:14px;
      position:relative;
      z-index:1;
    }

    /* ─── Card title ─── */
    .hw-special-title{
      font-family:'Noto Serif KR', 'Nanum Myeongjo', serif;
      font-size:clamp(17px, 1.7vw, 20px);
      font-weight:700;
      line-height:1.42;
      letter-spacing:-.02em;
      color:var(--hw-navy, #1B2A4A);
      margin:0 0 14px;
      word-break:keep-all;
      position:relative;
      z-index:1;
    }

    /* ─── Law citation chip ─── */
    .hw-special-chip{
      display:inline-block;
      background:rgba(27, 42, 74, .06);
      border:1px solid rgba(27, 42, 74, .18);
      padding:6px 13px;
      font-size:12px; /* [2026-08-12 발주 Q] 11.5px→12px §15 하한 */
      letter-spacing:.2px;
      color:rgba(27, 42, 74, .78);
      margin-bottom:18px;
      border-radius:2px;
      font-weight:500;
      font-family:'Pretendard', sans-serif;
    }

    /* ─── Hairline divider ─── */
    .hw-special-hr{
      width:32px;
      height:1px;
      background:rgba(201, 169, 110, .65);
      margin:0 0 18px;
    }

    /* ─── Lead paragraph ─── */
    .hw-special-lead{
      font-size:13.5px;
      line-height:1.82;
      color:rgba(27, 42, 74, .72);
      margin:0 0 22px;
      word-break:keep-all;
    }

    /* ─── Penalty matrix ─── */
    .hw-special-pmx{
      margin:0 0 22px;
      padding:0;
      list-style:none;
    }
    .hw-special-pmx li{
      display:grid;
      grid-template-columns:1fr auto;
      gap:12px;
      padding:9px 0;
      border-bottom:1px dashed rgba(27, 42, 74, .13);
      align-items:baseline;
    }
    .hw-special-pmx li:last-child{border-bottom:none}
    .hw-special-pmx-name{
      font-family:'Noto Serif KR', serif;
      font-size:12.5px;
      font-weight:600;
      color:var(--hw-navy, #1B2A4A);
      line-height:1.45;
      word-break:keep-all;
      display:block;
    }
    .hw-special-pmx-law{
      display:block;
      font-family:'Pretendard', sans-serif;
      font-size:12px; /* [2026-08-12 발주 Q] 10.5px→12px §15 하한 */
      color:rgba(27, 42, 74, .5);
      font-weight:400;
      margin-top:2px;
      letter-spacing:.1px;
    }
    .hw-special-pmx-pen{
      font-size:12px; /* [2026-08-12 발주 Q] 11.5px→12px §15 하한 */
      color:rgba(27, 42, 74, .68);
      text-align:right;
      font-weight:500;
      white-space:nowrap;
      font-family:'Pretendard', sans-serif;
    }

    /* ─── Process steps ─── */
    .hw-special-proc{
      display:flex;
      flex-direction:column;
      gap:9px;
      margin-bottom:22px;
    }
    .hw-special-proc-item{
      display:flex;
      align-items:flex-start;
      gap:9px;
      font-size:12px;
      color:rgba(27, 42, 74, .7);
      line-height:1.55;
      word-break:keep-all;
    }
    .hw-special-proc-icon{
      color:var(--hw-gold, #C9A96E);
      font-size:8px;
      margin-top:6px;
      flex-shrink:0;
    }

    /* ─── Hwaon strategy quote ─── */
    .hw-special-quote{
      border-left:2px solid var(--hw-gold, #C9A96E);
      padding:6px 0 6px 14px;
      margin:0 0 22px;
      font-family:'Noto Serif KR', serif;
      font-style:italic;
      font-size:12.5px;
      line-height:1.68;
      color:rgba(27, 42, 74, .84);
      word-break:keep-all;
    }

    /* ─── CTA pill (orange — canon §1 CTA only) ─── */
    .hw-special-cta{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      margin-top:auto;
      background:var(--hw-orange, #EA5514);
      color:#fff;
      padding:13px 20px;
      border-radius:50px;
      font-size:12.5px;
      font-weight:700;
      text-decoration:none;
      transition:.4s;
      letter-spacing:-.005em;
      font-family:'Pretendard', sans-serif;
    }
    .hw-special-cta:hover{
      background:#d14a10;
      color:#fff;
      transform:translateY(-2px);
      box-shadow:0 8px 22px rgba(234, 85, 20, .32);
    }
    .hw-special-cta i{
      font-size:11px;
    }

    /* ─── SPECIALS Responsive ─── */
    @media (max-width: 1024px) {
      .hw-specials-grid{
        grid-template-columns:repeat(2, 1fr);
      }
      .hw-special-card:nth-child(3){
        grid-column:span 2;
        max-width:560px;
        margin:0 auto;
        width:100%;
      }
    }
    @media (max-width: 768px) {
      .hw-specials-orn{
        width:32px;
        height:32px;
        top:20px;
        left:20px;
      }
      .hw-specials-orn-tr{top:20px;right:20px;left:auto}
      .hw-specials-orn-bl{bottom:20px;left:20px;top:auto}
      .hw-specials-orn-br{bottom:20px;right:20px;top:auto;left:auto}
      .hw-specials-grid{
        grid-template-columns:1fr;
        gap:20px;
      }
      .hw-special-card:nth-child(3){
        grid-column:auto;
        max-width:none;
      }
      .hw-special-num{
        font-size:64px;
        top:4px;
        right:16px;
      }
      .hw-specials-title{
        font-size:24px;
      }
    }

    /* ─── SPECIALS — business_schoolviolence 전용 (cream-on-cream 경계 분리) ─── */
    .sv-page .hw-specials{
      --hw-card-bg: rgba(255, 255, 255, .72);
    }
    .sv-page .hw-specials-orn{
      border-color:rgba(201, 169, 110, .75);
    }