/* Existing site.css supplies fonts, color tokens, header, buttons and footer. */
:focus-visible{outline:2px solid var(--btn);outline-offset:5px}
.expertise-hero{position:relative;background:#F3F1EC url("../images/office/seoul-lounge.jpg") center 40%/cover no-repeat;min-height:220px;padding:48px 0;text-align:center;color:var(--ink);display:grid;place-items:center}
.expertise-hero::before{content:"";position:absolute;inset:0;background:rgba(246,245,242,.87)}
.expertise-hero .wrap{position:relative;width:100%}
.expertise-hero h1{font-family:'Lato',var(--sans);font-size:clamp(36px,4.5vw,48px);line-height:1.15;font-weight:700;letter-spacing:0;color:var(--ink);margin:0}
.hero-caption{font-family:var(--sans);font-size:18px;font-weight:400;color:var(--brown);margin:14px 0 0;line-height:1.5}
.expertise-hero.detail-hero h1{font-family:var(--sans);font-size:34px;font-weight:500}
.detail-hero .hero-caption{font-size:15px;letter-spacing:0}
.overview-content{padding:44px 0 56px;background:#F2F2F2}
.overview-heading{margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid var(--ink)}
.overview-heading h2{font-size:30px;font-weight:500;line-height:1.4;letter-spacing:0;color:var(--ink);transition:color .14s}
.practice-grid{display:flex;flex-direction:column;gap:44px}
.practice{min-width:0}
.practice-title{margin-bottom:16px}
.practice-title h3{font-size:24px;font-weight:500;line-height:1.5;letter-spacing:0;color:var(--ink)}
.practice-title a{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink);transition:color .14s}
.practice-title a:hover,.practice-title a:focus-visible{color:var(--hover)}
.practice ul{list-style:none;padding:0}
.practice li{background:#fff;margin-bottom:6px}
.practice li:last-child{margin-bottom:0}
.practice li a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:18px 24px;font-size:20px;font-weight:420;line-height:1.4;letter-spacing:0;color:var(--ink);transition:color .14s}
.practice li a:hover,.practice li a:focus-visible{color:var(--hover)}
.arrow{flex-shrink:0;font-family:Arial,sans-serif;font-size:18px;font-weight:400;color:var(--btn)}
.practice a:hover .arrow,.practice a:focus-visible .arrow,a.related-row[href]:hover .arrow{color:var(--hover)}
.page:not([data-page="overview"]){background:#F2F2F2}
.practice-nav{border-bottom:1px solid var(--rule);background:#fff}
.practice-nav .wrap{display:flex;gap:0 30px;align-items:stretch;flex-wrap:wrap}
.practice-nav a{font-size:14px;font-weight:500;padding:20px 0 17px;border-bottom:3px solid transparent;white-space:nowrap;color:var(--ink);transition:color .14s}
.practice-nav a[aria-current="page"]{color:var(--brown-d);border-bottom-color:var(--btn);font-weight:700}
.practice-nav a:hover,.practice-nav a:focus-visible{color:var(--hover)}
.detail-layout{display:block;padding-top:36px;padding-bottom:75px}
.detail-sidebar{position:static;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.detail-sidebar .back-link{font-size:14px;color:var(--ink);display:block}
.detail-sidebar .back-link:hover{color:var(--hover)}
.sidebar-menu{list-style:none;display:flex;gap:30px;margin:0;flex-wrap:wrap}
.sidebar-menu a{display:block;padding:9px 0;border-bottom:2px solid transparent;font-size:16px;font-weight:500;color:var(--ink)}
.sidebar-menu a.active{border-bottom-color:var(--btn)}
.sidebar-menu a:hover{color:var(--hover)}
.detail-body{min-width:0;width:100%;background:#fff;padding:36px}
.detail-section{padding:0;margin:0 0 48px;scroll-margin-top:0}
.detail-section>h2{font-size:28px;font-weight:500;line-height:1.4;color:var(--ink);margin-bottom:20px;letter-spacing:0;transition:color .14s}
.detail-body p{font-size:17px;line-height:1.85;color:#3A332A;margin-bottom:18px;font-weight:350}
.detail-section>p:last-child{margin-bottom:0}
.service-list{border-top:2px solid var(--ink)}
.service-item{padding:26px 0 28px;border-bottom:1px solid var(--rule);scroll-margin-top:0}
.service-item h3{font-size:21px;font-weight:500;line-height:1.5;margin-bottom:14px;color:var(--ink)}
.service-item p{font-size:17px;line-height:1.85}
.service-scope{background:var(--card-2);padding:12px 16px;color:var(--taupe);font-size:14px;line-height:1.8;margin-top:18px}
.service-scope b{font-weight:600;color:var(--brown);margin-right:12px}
.related-list{border-top:2px solid var(--ink)}
.related-row{display:block;padding:21px 0;border-bottom:1px solid var(--rule)}
.related-row .category{font-size:12px;color:var(--taupe);display:block;margin-bottom:8px}
.related-row .link-title{font-size:20px;font-weight:420;color:var(--ink);line-height:1.4;display:flex;justify-content:space-between;gap:22px;transition:color .14s}
a.related-row[href]:hover .link-title{color:var(--hover)}
.field-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.field-links a{padding:10px 16px;background:var(--card-2);color:var(--brown);font-size:13px;border:1px solid var(--rule)}
.field-links a:hover{color:var(--hover);border-color:var(--hover)}
.contact-strip{border-top:1px solid var(--rule-d);padding:26px 0 0;display:flex;gap:30px;justify-content:space-between;align-items:center}
.contact-strip h2{font-size:20px;font-weight:500;margin-bottom:9px}
.contact-strip p{font-size:14px;line-height:1.8;margin:0;color:var(--muted)}
.contact-strip .btn{flex-shrink:0}
.practice li a>span:first-child,.practice-title a>span:first-child,.related-row .link-title>span:first-child{min-width:0}
.practice li a:focus-visible,.practice-title a:focus-visible{outline-offset:3px}
@media(min-width:761px) and (max-width:1000px){.contact-strip{align-items:flex-start;flex-direction:column;gap:22px}}
@media(max-width:760px){
 .expertise-hero{min-height:180px;padding:36px 0}.hero-caption{font-size:16px;margin-top:12px}
 .expertise-hero.detail-hero h1{font-size:28px}.detail-hero .hero-caption{font-size:13px}
 .overview-content{padding:30px 0 42px}.overview-heading{margin-bottom:24px;padding-bottom:14px}.overview-heading h2{font-size:25px}
 .practice-grid{gap:32px}.practice-title{margin-bottom:14px}.practice-title h3{font-size:22px}.practice li a{min-height:60px;font-size:18px;line-height:1.5;padding:16px 18px}
 .practice-nav .wrap{gap:0 22px}.practice-nav a{font-size:13px;padding:16px 0 13px}
 .detail-layout{padding:26px 0 44px;background:#fff}.detail-sidebar{margin-bottom:24px;gap:18px;padding-inline:20px}
 .sidebar-menu{gap:24px}.sidebar-menu a{font-size:14px;padding:7px 0}
 .detail-body{padding:26px 20px}.detail-section{margin-bottom:40px}.detail-section>h2{font-size:24px;margin-bottom:20px}
 .detail-body .detail-section p{font-size:var(--reading-size);font-weight:400;line-height:var(--reading-leading);margin-bottom:var(--reading-gap)}
 .detail-body .detail-section>p:last-child{margin-bottom:0}
 .service-item{padding:26px 0 30px}.service-item h3{font-size:21px;font-weight:600;line-height:1.5;margin-bottom:18px}
 .service-scope{padding:14px 16px;font-size:15px;font-weight:400;line-height:1.75;word-break:normal;overflow-wrap:break-word;margin-top:20px}
 .related-row .link-title{font-size:18px;line-height:1.5}.contact-strip{align-items:flex-start;flex-direction:column;gap:22px}.contact-strip .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.header,.footer,.detail-sidebar,.practice-nav,.contact-strip{display:none}.expertise-hero{background:white;color:#211C15}.expertise-hero::before{display:none}.hero-caption{color:#6E665B}.detail-layout{display:block}.service-item{break-inside:avoid}}