/* discovery-ko.css — the approved service-page discovery treatment, copied verbatim from
   site/services/commercial-contracts/ko.html so the Additional Practice Areas index
   on the authority pages renders exactly as it does in production. */

/* ===== inline block (the Korean service page's page-scoped block) ===== */

/* Additional practice areas — Measured Index, expressed in the final Korean
   Desktop vocabulary (section rhythm, gold numerals, navy serif titles,
   hairline dividers). No new colour or face is introduced. */
/* Section label presence on the service page (family/colour/weight unchanged). */
html[lang="ko"] #practice .section-label{font-size:35px;line-height:44px}
/* Service title carries the master's own .area-card h3 hover illumination. */
html[lang="ko"] #practice .area-card .area-h1{transition:color .18s ease-out,text-shadow .18s ease-out}
html[lang="ko"] #practice .area-card:hover .area-h1{color:#b77d08;text-shadow:0 0 2px rgba(255,250,220,0.90),0 0 7px rgba(255,211,99,0.68),0 0 14px rgba(202,137,15,0.34)}
/* Vertical rhythm: opening block tightened and the four section joins brought
   back to the master's denser cadence. Section padding only; no negative margins. */
html[lang="ko"] #practice{padding-top:76px;padding-bottom:44px}
html[lang="ko"] #practice .section-head{margin-bottom:26px}
html[lang="ko"] #results{padding-top:48px;padding-bottom:78px}
html[lang="ko"] #practice-more{padding-top:64px;padding-bottom:56px}
html[lang="ko"] #consultation{padding-top:60px;padding-bottom:64px}
html[lang="ko"] #consultation .matters-cta{margin-top:0}
/* Micro-spacing: intro sentence lifted a hairline; first index row lifted by
   about half a title height; consultation box lifted a hairline. */
html[lang="ko"] #results .section-head{margin-bottom:48px}
html[lang="ko"] #practice-more .section-head{margin-bottom:36px}
html[lang="ko"] #consultation{padding-top:42px;background:#eae4d8}
html[lang="ko"] #consultation .matters-cta{background:#fbfaf6}

html[lang="ko"] #contact{padding-top:84px}
html[lang="ko"] #practice-more .section-label{font-family:'Noto Serif KR','Noto Serif',serif;font-size:28px;line-height:35px;font-weight:700;letter-spacing:.7px;color:#9b6a18;margin:0 0 12px;text-transform:uppercase}
html[lang="ko"] #practice .area-card .area-h1{grid-column:1;font-family:'Noto Serif KR','Noto Serif',serif;font-size:25px;line-height:1.55;font-weight:600;letter-spacing:normal;color:#16233d;margin:0 0 16px}
html[lang="ko"] #practice-more .practice-index{list-style:none;margin:0;padding:0}
html[lang="ko"] #practice-more .practice-index li{margin:0}
html[lang="ko"] #practice-more .pi-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:20px;
  padding:30px 4px;border-bottom:1px solid var(--rule,#cfc9b8);text-decoration:none}
html[lang="ko"] #practice-more .pi-num{font-family:'Noto Serif KR','Noto Serif',serif;font-size:15px;font-weight:600;color:#9b6a18;letter-spacing:.04em}
html[lang="ko"] #practice-more .pi-title{font-family:'Noto Serif KR','Noto Serif',serif;font-size:25px;line-height:1.55;font-weight:600;color:#16233d;transition:color .18s ease-out}
html[lang="ko"] #practice-more .pi-arrow{font-family:'Noto Serif KR','Noto Serif',serif;font-size:19px;color:#9b6a18;transition:transform .18s ease-out}
html[lang="ko"] #practice-more .pi-row:hover .pi-title,html[lang="ko"] #practice-more .pi-row:focus-visible .pi-title{color:#955f00}
html[lang="ko"] #practice-more .pi-row:hover .pi-arrow{transform:translateX(4px)}
html[lang="ko"] #practice-more .pi-row:focus-visible{outline:2px solid #9b6a18;outline-offset:3px}

/* Title block: the final Korean Desktop site's own .area-card h3 rules,
   aliased verbatim onto the service page's semantic H1 (gold rule, Korean
   title line, English card-subtitle line, spacing, hover) — no new values. */
.area-card .area-h1{grid-column:1;
  font-family:var(--font-display);
  font-size:var(--sub-size);
  font-weight:var(--sub-weight);
  line-height:var(--sub-lh);
  color:var(--ink);
  margin:0;
  word-break:keep-all;}
.area-card-primary .area-h1::before{content:"";display:block;
  width:34px;height:3px;background:var(--brass);
  margin-bottom:16px;}
@media (max-width:860px){
.area-card .area-h1{margin-bottom:16px;}
}
.area-card .area-h1::before{content:"";display:block;
  width:34px;height:3px;background:var(--brass);
  margin-bottom:16px;}
@media (hover:hover) and (pointer:fine){
.area-card .area-h1{transition:
      color .18s ease-out,
      text-shadow .18s ease-out;}
.area-card:hover .area-h1{color:#b77d08;
    text-shadow:
      0 0 2px rgba(255,250,220,0.90),
      0 0 7px rgba(255,211,99,0.68),
      0 0 14px rgba(202,137,15,0.34);}
}
@media (min-width:1120px){
body.executive-editorial-master #practice .area-card .area-h1{grid-column:1;}
}
html[lang="ko"] .area-card .area-h1{font-family:'Noto Serif KR', 'Noto Serif', serif; font-weight:600;}
html[lang="ko"] .area-card .area-h1 .card-subtitle{display:block;
  margin-top:6px;
  font-size:0.7em;
  font-weight:400;
  line-height:1.35;
  letter-spacing:0.01em;
  color:var(--ink);
  white-space:nowrap;}
html[lang="ko"] #practice .area-card .area-h1,html[lang="ko"] #practice .area-card .area-h1 .card-subtitle{transition:
    color 110ms ease-out 0ms,
    text-shadow 110ms ease-out 0ms;}
@media (hover:hover) and (pointer:fine){
html[lang="ko"] #practice .area-card:hover .area-h1,html[lang="ko"] #practice .area-card:hover .area-h1 .card-subtitle{color:#b77d08;
    text-shadow:
      0 0 2px rgba(255,250,220,.90),
      0 0 7px rgba(255,211,99,.68),
      0 0 14px rgba(202,137,15,.34);}
}
html[lang="ko"] #practice .area-card:focus-within .area-h1,html[lang="ko"] #practice .area-card:focus-within .area-h1 .card-subtitle{color:#b77d08;
  text-shadow:
    0 0 2px rgba(255,250,220,.90),
    0 0 7px rgba(255,211,99,.68),
    0 0 14px rgba(202,137,15,.34);}
@media (prefers-reduced-motion: reduce){
html[lang="ko"] #practice .area-card .area-h1,html[lang="ko"] #practice .area-card .area-h1 .card-subtitle{transition-duration:0s;
    transition-delay:0s;}
}
@media (min-width:1120px) and (hover:hover) and (pointer:fine){
html[lang="ko"] #practice .area-card .area-h1,html[lang="ko"] #practice .area-card .area-h1 .card-subtitle{transition:
      color 80ms ease-out 0ms,
      text-shadow 80ms ease-out 0ms;}
}
@media (prefers-reduced-motion: reduce){
html[lang="ko"] #practice .area-card .area-h1,html[lang="ko"] #practice .area-card .area-h1 .card-subtitle{transition-duration:0s;
    transition-delay:0s;}
}
