/* Shared reading scale and visual refinements, loaded last on every page. */
:root {
  --text-body: 1.125rem;
  --text-ui: 1rem;
  --text-caption: .875rem;
  --reading-line-height: 1.9;
  --muted: #4f6574;
}

body {font-size:var(--text-body);line-height:var(--reading-line-height)}
.hero-intro,.about-text,.practice-body>p,.practice-context p,.practice-context ul,
.experience-perspectives p,.workflow-grid p,.method-caption>p,.insight-card p,
.highlight-card>p,html[lang=en] .highlight-card>p,.page-intro,.detail-section>p,
.situation-list li,.service-work p,.reading-body,.english-section>p,.english-practice p {
  font-size:var(--text-body);line-height:var(--reading-line-height);
}
.section-subtitle,.highlights-heading>p {font-size:var(--text-body);line-height:1.8}
.site-header nav,.language-link,.button,.text-link,.hero-identity,.field-strip,
.profile,.employer-card .employer-role,.workflow-grid article>div,
.method-tabs button,.filter-button,.relationship-map p,.method-timeline p,
.insight-read,.material-panel ul,.article-toc>a,.scope-note,.english-experience span,
.english-contact>p,.contact-main>p,.contact-location p,.preparation ol,
.light-link,.preparation>a,.related-heading .text-link {
  font-size:var(--text-ui);line-height:1.8;
}
.eyebrow,.hero .eyebrow,.section-label,.section-label>span:last-child,
.detail-kicker,.career-label,.employer-sector,.employer-card .employer-name,
.perspective-kicker,.highlight-meta,.highlight-reference,.highlights-note,
.relationship-map span,.method-note,.insight-meta,.breadcrumb,.article-byline,
.article-disclaimer,.filter-count,.contact-note,.footer-inner,.footer-inner button,
.dialog-top,.dialog-footer>span,.toast,.hero-highlight-link {
  font-size:var(--text-caption);line-height:1.8;
}
.small-note {font-size:var(--text-caption)!important;line-height:1.85}
.image-index,.hero-visual figcaption {font-size:.8125rem;line-height:1.7;letter-spacing:.3px}
.hero-visual figcaption {flex-wrap:wrap;gap:4px 16px}
.brand-name {font-size:24px}
.brand-name>span {font-size:15px}
.brand-name small {font-size:10px;letter-spacing:.8px;line-height:1.5}
.brand {flex-shrink:0}
.site-header nav {gap:18px}
.site-header nav>a {min-height:44px;display:inline-flex;align-items:center}
.nav-contact {padding:9px 14px;white-space:nowrap}
.nav-contact span {margin-left:12px}
.language-link {padding-left:15px}
.button,.method-tabs button,.filter-button,.light-link,.preparation>a,.text-link {
  min-height:44px;
}
.button {padding:14px 24px}
.hero h1 {font-size:clamp(36px,4vw,58px);line-height:1.45}
.hero-actions {gap:20px 28px;flex-wrap:wrap}
.hero-identity {line-height:1.8}
.hero-highlight-link {margin-top:20px}
.about h2,.approach h2,.section-top h2,.highlights-heading h2 {font-size:38px;line-height:1.5}
.about-bottom {gap:40px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.profile>div {grid-template-columns:84px minmax(0,1fr);gap:14px}
.profile dd {overflow-wrap:anywhere}
.practice-title {flex-wrap:wrap;gap:6px 28px;min-width:0}
.practice-title h3 {font-size:30px;line-height:1.5}
.practice-title>span {font-size:var(--text-caption);letter-spacing:.8px;line-height:1.8}
.practice-body {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:42px}
.practice-context ul {margin-top:20px}
.practice-context li+li {margin-top:8px}
.tags span {font-size:.9375rem;line-height:1.7;white-space:normal;max-width:100%;padding:7px 12px}
.practice-offer>.eyebrow {font-size:var(--text-caption)}
.employer-card {min-width:0}
.employer-card h3,.employer-card:nth-child(4) h3 {font-size:25px;line-height:1.45}
.employer-card .employer-role {padding-top:15px}
.experience-perspectives h3,.workflow-grid h3,.service-work h3 {font-size:23px;line-height:1.6}
.workflow-grid {gap:26px}
.workflow-grid article>div {margin-top:16px}
.workflow-grid article>span {font-size:23px}
.highlight-card h3 {font-size:26px;line-height:1.6}
html[lang=en] .highlight-card h3 {font-size:27px;line-height:1.45}
.highlight-card {padding:30px}
.highlight-meta {gap:12px}
.highlight-reference {padding-top:19px}
.method-caption h3 {font-size:27px;line-height:1.6}
.relationship-map strong,.method-timeline h4 {font-size:20px;line-height:1.7}
.relationship-map strong {overflow-wrap:anywhere}
.relationship-map>div {min-width:0}
.method-timeline {gap:24px}
.method-timeline h4 {margin:12px 0 10px}
.evidence-table {font-size:var(--text-ui);line-height:1.8;min-width:600px}
.evidence-table-wrap {max-width:100%;overscroll-behavior-x:contain}
.insight-card h3 {font-size:26px;line-height:1.6}
.insight-meta {flex-wrap:wrap;gap:4px 14px}
.insight-meta span:last-child {white-space:normal}
.article-byline {line-height:1.8}
.page-tagline {font-size:25px;line-height:1.7}
.detail-section h2,.reading-body h2 {font-size:29px;line-height:1.6}
.reading-body {line-height:1.95}
.reading-body p+p {margin-top:22px}
.reading-layout {grid-template-columns:minmax(0,780px) 240px;gap:48px}
.article-toc>a {margin-top:18px}
.service-layout {grid-template-columns:minmax(0,1fr) 320px;gap:48px}
.material-panel h2 {font-size:26px}
.english-experience {grid-template-columns:repeat(5,minmax(0,1fr))}
.english-experience strong {font-size:22px;line-height:1.5}
.english-contact .small-note {font-size:var(--text-ui)!important}
.contact-inner {gap:56px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.contact-actions {flex-wrap:wrap;gap:12px 28px}
.contact-location>span {font-size:23px;line-height:1.7}
.preparation h3 {font-size:22px;line-height:1.6}
.preparation ol {line-height:1.95}
.preparation li+li {margin-top:7px}
.contact-note {max-width:none;color:#c0d7e1}
.footer-inner {flex-wrap:wrap;gap:12px 24px}
.footer-inner>* {min-width:0}
.footer-inner button,.footer-inner a {min-height:44px;display:inline-flex;align-items:center}
.footer-inner .footer-record {flex-basis:100%;font-size:1.0625rem;line-height:1.8}
.footer-record a {max-width:100%;overflow-wrap:anywhere}
#dialog-body p {font-size:var(--text-body);line-height:1.9}
#dialog-body h3 {font-size:22px}
.dialog-close {min-width:44px;min-height:44px;font-size:28px}

/* Switch navigation before readable labels run out of horizontal space. */
@media(max-width:1180px) {
  .menu-toggle {display:flex;flex-shrink:0;width:46px;height:46px;padding:11px 8px;flex-direction:column;justify-content:center;gap:7px}
  .menu-toggle span {display:block;height:1px;width:28px;background:var(--ink)}
  .menu-toggle[aria-expanded=true] span:first-child {transform:translateY(4px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:last-child {transform:translateY(-4px) rotate(-45deg)}
  .site-header nav {display:none;position:absolute;top:105px;left:0;right:0;padding:20px 32px 26px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:7px;font-size:18px;max-height:calc(100dvh - 105px);overflow-y:auto;box-shadow:0 12px 12px #00000005}
  .site-header nav.open {display:flex}
  .site-header .language-link {border-left:0;padding-left:0;font-size:16px}
  .employer-grid {grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
  .employer-card {grid-column:span 2}
  .employer-card.maritime-employer {grid-column:span 3}
  .english-experience {grid-template-columns:repeat(3,minmax(0,1fr))}
  .workflow-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
  .contact-inner {gap:36px}
}
@media(max-width:1000px) {
  .service-layout,.reading-layout {grid-template-columns:minmax(0,1fr)}
  .about-bottom {grid-template-columns:1fr;gap:32px}
  .practice-body {grid-template-columns:1fr}
  .highlight-card {padding:28px}
  .highlights-heading h2 {font-size:34px}
  .relationship-map>div {grid-template-columns:170px minmax(0,1fr)}
}
@media(max-width:800px) {
  .contact-inner {grid-template-columns:1fr;gap:40px}
  .contact-aside {display:grid;grid-template-columns:1fr;gap:28px}
  .contact-note {grid-column:auto}
  .field-strip {letter-spacing:1px}
}
@media(max-width:620px) {
  :root {--text-body:1.0625rem}
  .header-inner {gap:12px}
  .brand {gap:12px;min-width:0;flex-shrink:1}
  .brand-mark {font-size:30px;padding-right:13px;flex-shrink:0}
  .brand-name {font-size:23px;letter-spacing:1px;min-width:0}
  .brand-name>span {font-size:14px}
  .brand-name small {font-size:10px;letter-spacing:0}
  .site-header nav {top:82px;padding:16px 20px 22px;max-height:calc(100dvh - 82px)}
  .hero h1 {font-size:clamp(32px,8.5vw,45px);letter-spacing:-.5px}
  .hero-identity {gap:8px}
  .hero-identity>span:first-child {padding-right:0}
  .hero-actions {align-items:flex-start;gap:14px 22px}
  .hero-highlight-link {display:flex;align-items:flex-start;max-width:100%;gap:10px}
  .field-strip {display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;font-size:16px;letter-spacing:1px;padding:22px 0}
  .field-strip i {display:none}
  .about h2,.approach h2,.section-top h2,.highlights-heading h2 {font-size:30px;line-height:1.55}
  .section-top {margin-bottom:30px}
  .profile>div {grid-template-columns:76px minmax(0,1fr);gap:12px}
  .employer-grid,.english-experience {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .employer-card,.employer-card.maritime-employer {grid-column:auto;padding:19px 14px}
  .employer-card:last-child {grid-column:1/-1}
  .employer-card h3,.employer-card:nth-child(4) h3 {font-size:23px;overflow-wrap:normal}
  .employer-sector {letter-spacing:0}
  .perspective-kicker,.section-label>span:first-child {letter-spacing:.6px}
  .practice-item summary {grid-template-columns:36px minmax(0,1fr) 26px;column-gap:7px}
  .practice-title {display:flex;flex-direction:column;gap:4px}
  .practice-title h3 {font-size:27px;min-width:0;letter-spacing:0}
  .practice-title>span {font-size:13px;letter-spacing:.4px;overflow-wrap:anywhere}
  .practice-body {padding:0 0 32px;gap:24px}
  .tags {gap:9px}
  .workflow-grid {grid-template-columns:1fr;gap:26px}
  .workflow-grid h3 {font-size:22px}
  .highlight-card {padding:25px 22px}
  .highlight-card h3,html[lang=en] .highlight-card h3 {font-size:25px}
  .highlight-meta {font-size:13px}
  .highlight-year {font-size:28px}
  .method-tabs {gap:8px}
  .method-tabs button,.filter-button {padding:10px 14px}
  .method-panel {padding:25px 20px}
  .method-caption h3 {font-size:24px}
  .relationship-map>div {display:block}
  .method-timeline {grid-template-columns:1fr;gap:24px}
  .method-timeline h4 {font-size:22px}
  .evidence-table td,.evidence-table th {padding:14px 16px}
  .insight-card {padding:25px 22px}
  .insight-card h3 {font-size:25px}
  .page-heading h1 {font-size:35px}
  .article-heading h1 {font-size:31px;line-height:1.6}
  .page-tagline {font-size:22px}
  .detail-section h2,.reading-body h2 {font-size:25px}
  .related-heading {align-items:flex-start;flex-wrap:wrap;gap:12px}
  .material-panel {padding:25px 22px}
  .scope-note {padding:22px}
  .english-heading h1 {font-size:38px;line-height:1.3}
  .english-experience strong {font-size:22px}
  .english-heading .page-tagline {font-size:22px}
  .english-contact .phone-link {font-size:clamp(25px,7.4vw,32px);gap:8px}
  .phone-link {font-size:clamp(29px,8.5vw,40px);gap:12px}
  .phone-link>span {font-size:24px}
  .contact-location>span {font-size:21px}
  .preparation h3 {font-size:21px}
  .contact-aside {margin-top:34px}
  .footer-inner {align-items:flex-start}
  .footer-inner>span:nth-child(2) {margin-left:0}
  .toast {max-width:calc(100% - 32px);white-space:normal}
}

/* Clear hierarchy, restrained surfaces and room for longer Chinese copy. */
.section-label>span:first-child,.detail-kicker {font-weight:500}
.section-label>span:last-child {color:var(--ink)}
.site-header {background:rgba(255,253,248,.97)}
.site-header nav>a:not(.nav-contact) {position:relative}
.site-header nav>a:not(.nav-contact)::after {
  content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;
  background:#b28a4b;transform:scaleX(0);transform-origin:left;transition:transform .2s;
}
.site-header nav>a[aria-current] {color:#176b70}
.site-header nav>a[aria-current]:not(.nav-contact)::after {transform:scaleX(1)}
.site-header .nav-contact[aria-current] {background:#eaf3ef;border-color:#176b70}
.button,.nav-contact {border-radius:4px}
.profile {padding:25px 26px;background:#f0f6f4;border:1px solid #dbe7e1;border-radius:8px;align-self:start}
.profile>div:last-child {border-bottom:0;padding-bottom:0}
.profile>div+div {padding-top:14px;padding-bottom:14px}
.employer-card,.english-experience li {border-radius:6px;box-shadow:0 5px 20px #15364d04}
.employer-logo {border-radius:3px}
.experience-perspectives {column-gap:32px}
.experience-perspectives article {padding-left:20px;border-left:2px solid #c5dcd7}
.practice-list {border-top:0}
.practice-item {padding-inline:24px;border:1px solid #ccdee2;border-radius:6px;background:#ffffff70}
.practice-item+.practice-item {margin-top:14px}
.practice-item[open] {background:#fffdf8;border-color:#9abcbf;box-shadow:0 8px 24px #15364d06}
.practice-item summary {grid-template-columns:64px minmax(0,1fr) 35px}
.practice-body {padding-left:64px;padding-right:32px}
.practice-item[open] .practice-title h3 {color:#176b70}
.toggle-icon {border:1px solid #bdcfd0;border-radius:50%}
.toggle-icon::before,.toggle-icon::after {left:5px;top:13px}
.method-panel,.material-panel,.scope-note {border-radius:6px}
.method-tabs button,.filter-button {border-radius:4px}
.insight-card {border-radius:6px;box-shadow:0 5px 18px #15364d04}
.insight-card h3 {text-wrap:pretty}
.insight-read>span {width:34px;height:34px;display:inline-grid;place-items:center;background:#ffffffb3;border-radius:50%;font-size:20px;transition:transform .2s}
.insight-card:hover .insight-read>span {transform:translate(2px,-2px)}
.table-scroll-hint {display:none}
.evidence-table-wrap:focus-visible {outline:2px solid #176b70;outline-offset:5px}

/* Chronological rows keep each matter's title and complete account together. */
.highlight-grid {grid-template-columns:minmax(0,1fr);gap:18px}
.highlight-card,.highlight-card.highlight-card-recent {
  --matter-accent:#6b9da9;grid-column:auto;display:grid;
  grid-template-columns:132px minmax(0,.85fr) minmax(0,1.35fr);
  align-items:start;gap:32px;padding:34px 32px;
  border:1px solid #d7e4e7;border-left:4px solid var(--matter-accent);
  border-radius:6px;background:#f3f8f9;
}
.highlight-card.highlight-tone-green {--matter-accent:#80a994;background:#f1f7f3;border-color:#d6e4da;border-left-color:var(--matter-accent)}
.highlight-card.highlight-tone-gold {--matter-accent:#bd965d;background:#faf6ed;border-color:#e7dcc7;border-left-color:var(--matter-accent)}
.highlight-meta {display:flex;flex-direction:column;align-items:flex-start;gap:14px;letter-spacing:.3px;padding-top:3px}
.highlight-year {font-size:31px;line-height:1.2;color:#285f70;font-variant-numeric:tabular-nums}
.highlight-meta>span:not(.highlight-year) {font-size:var(--text-caption);line-height:1.8;color:#4f6574}
.highlight-tone-green .highlight-year {color:#316c58}
.highlight-tone-gold .highlight-year {color:#8c6834}
.highlight-card h3,html[lang=en] .highlight-card h3 {margin:0;font-size:26px;line-height:1.65;overflow-wrap:normal;text-wrap:pretty}
html[lang=en] .highlight-card h3 {font-size:27px}
.highlight-body {min-width:0}
.highlight-body>p {font-size:var(--text-body);line-height:var(--reading-line-height);color:#466272;overflow-wrap:break-word}
.highlight-reference {margin-top:20px;padding-top:16px;font-size:var(--text-caption);line-height:1.8;color:#536c77;border-top:1px solid #d1e0e1}
.highlight-tone-green .highlight-reference {border-top-color:#cedfd4}
.highlights-note {padding-left:18px;border-left:2px solid #bdd4d1}

@media(max-width:1180px) {
  .site-header nav>a:not(.nav-contact)::after {left:0;right:auto;width:30px;bottom:4px}
  .site-header nav>a[aria-current] {font-weight:600}
}
@media(max-width:1000px) {
  .highlight-card,.highlight-card.highlight-card-recent {grid-template-columns:126px minmax(0,1fr);gap:18px 28px;padding:30px}
  .highlight-meta {grid-row:span 2}
  .highlight-body {grid-column:2}
  .highlight-card h3 {font-size:26px}
  .practice-body {padding-right:0}
}
@media(max-width:620px) {
  .profile {padding:21px 20px}
  .employer-grid,.english-experience {grid-template-columns:minmax(0,1fr);gap:14px}
  .employer-card,.employer-card.maritime-employer,.employer-card:last-child {
    grid-column:auto;display:grid;grid-template-columns:112px minmax(0,1fr);
    gap:4px 18px;padding:22px 18px;min-height:0;align-items:start;
    border-top-width:1px;border-left:3px solid #87b8c9;
  }
  .employer-card.maritime-employer {border-left-color:#8ebdb0}
  .employer-card .employer-logo,.employer-card:last-child .employer-logo {
    grid-column:1;grid-row:1 / 5;align-self:center;width:112px;max-width:none;
    height:92px;margin:0;padding:9px;
  }
  .employer-card .employer-sector,.employer-card h3,.employer-card p {grid-column:2}
  .employer-card h3,.employer-card:nth-child(4) h3 {font-size:23px;line-height:1.4;margin:3px 0 0;letter-spacing:0;overflow-wrap:normal}
  .employer-card .employer-name {margin:0;padding:0}
  .employer-card .employer-role {margin:9px 0 0;padding:9px 0 0;font-size:16px}
  .employer-card .employer-logo.logo-msc {padding:0}
  .employer-card .logo-msc img {height:92px}
  .english-experience li {display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:18px;row-gap:8px;padding:22px 18px;background:#f0f6f4}
  .english-experience .employer-logo {grid-column:1;grid-row:span 2;width:112px;margin:0;align-self:center}
  .english-experience strong,.english-experience span {grid-column:2;overflow-wrap:normal}
  .experience-perspectives article {padding-left:17px}
  .highlight-card,.highlight-card.highlight-card-recent {grid-template-columns:minmax(0,1fr);gap:18px;padding:24px 21px}
  .highlight-meta {grid-row:auto;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:0}
  .highlight-meta>span:not(.highlight-year) {text-align:right;max-width:54%}
  .highlight-year {font-size:28px}
  .highlight-card h3,html[lang=en] .highlight-card h3 {font-size:25px;line-height:1.65}
  .highlight-body {grid-column:auto}
  .highlight-reference {margin-top:20px;padding-top:15px}
  .practice-item {padding-inline:18px}
  .practice-item summary {grid-template-columns:27px minmax(0,1fr) 26px;gap:7px;padding-block:24px}
  .practice-title h3 {font-size:27px}
  .practice-body {padding-left:0;padding-right:0;padding-bottom:25px}
  .toggle-icon {width:26px;height:26px}
  .toggle-icon::before,.toggle-icon::after {width:14px;left:5px;top:11px}
  .table-scroll-hint {display:flex;align-items:center;gap:8px;margin-top:24px;font-size:14px;color:#246a72}
  .table-scroll-hint>span {font-size:22px;line-height:1}
  .evidence-table-wrap {margin-top:12px;border:1px solid #d8e5e6;border-radius:4px}
}
@media(max-width:359px) {
  .employer-card,.employer-card.maritime-employer,.employer-card:last-child,.english-experience li {grid-template-columns:94px minmax(0,1fr);column-gap:12px;padding-inline:13px}
  .employer-card .employer-logo,.employer-card:last-child .employer-logo,.english-experience .employer-logo {width:94px;padding:7px}
  .practice-item {padding-inline:12px}
}
@media(prefers-reduced-motion:reduce) {
  .site-header nav>a::after,.insight-read>span {transition:none}
}

/* Keep the homepage focused; the complete archive has its own page. */
.highlight-preview-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.highlight-card.highlight-preview {display:flex;flex-direction:column;gap:0;padding:28px 26px;border-left-width:1px;border-top:3px solid var(--matter-accent)}
.highlight-preview .highlight-meta {flex-direction:row;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:0;margin-bottom:25px}
.highlight-preview .highlight-year {font-size:28px}
.highlight-preview .highlight-meta>span {font-size:15px;text-align:right}
.highlight-preview h3,html[lang=en] .highlight-preview h3 {font-size:25px;line-height:1.6;margin:0 0 18px}
.highlight-preview h3 a {color:inherit;text-decoration:none}
.highlight-preview h3 a:hover {color:#176b70}
.highlight-preview .highlight-body {width:100%;margin-bottom:24px}
.highlight-preview .highlight-body p {font-size:18px;line-height:1.9}
.matter-detail-link {display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #ccdce0;padding-top:18px;margin-top:auto;width:100%;font-size:17px;color:#205f68}
.matter-detail-link span {font-size:23px;transition:transform .2s}
.matter-detail-link:hover span {transform:translate(2px,-2px)}
.highlights-bottom {display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:30px}
.highlights-bottom p {font-size:16px;line-height:1.8;color:#58707c;max-width:650px}
.highlights-bottom .button {flex-shrink:0;font-size:17px;gap:15px}
.matter-total {display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;background:#ffffff20;border-radius:50%;font:16px Arial,sans-serif}
.matters-heading {padding-bottom:42px}
.matters-heading h1 {margin-top:14px}
.matters-heading .breadcrumb {margin-bottom:22px}
.matters-privacy {max-width:900px;font-size:16px;color:#647c86;line-height:1.9;margin-top:18px}
.matters-library {padding-block:36px 70px}
.matter-filters {display:flex;gap:10px;flex-wrap:wrap}
.matter-filters .filter-button {font-size:17px;padding:11px 20px}
.matter-count {font-size:16px;color:#617985;margin:25px 0 22px}
.matters-library .highlight-card {scroll-margin-top:140px}
.matters-end {display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:35px;margin-top:35px;border-top:1px solid var(--line)}
@media(max-width:1000px) {
  .highlight-preview-grid {grid-template-columns:1fr}
  .highlight-card.highlight-preview {display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px 26px;padding:28px;border-left-width:3px;border-top-width:1px}
  .highlight-preview .highlight-meta {grid-column:1;grid-row:span 3;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin:0;gap:12px}
  .highlight-preview h3,.highlight-preview .highlight-body,.highlight-preview .matter-detail-link {grid-column:2;margin:0}
  .highlight-preview .matter-detail-link {border:0;padding:6px 0 0;width:max-content;gap:15px}
}
@media(max-width:620px) {
  .highlight-card.highlight-preview {display:flex;padding:24px 22px}
  .highlight-preview .highlight-meta {flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:16px}
  .highlight-preview h3,html[lang=en] .highlight-preview h3 {font-size:23px;line-height:1.6;margin-bottom:12px}
  .highlight-preview .highlight-body p {font-size:17px;line-height:1.85}
  .highlight-preview .matter-detail-link {margin-top:15px;padding-top:14px;border-top:1px solid #ccdce0;width:100%}
  .highlights-bottom {flex-direction:column;align-items:stretch;gap:18px;margin-top:22px}
  .highlights-bottom .button {justify-content:center}
  .highlights-bottom p {font-size:15px}
  .matter-filters {gap:8px}
  .matter-filters .filter-button {font-size:16px;padding:9px 14px}
  .matters-heading {padding-bottom:30px}
  .matters-library {padding-top:26px}
}

/* User-supplied portrait: preserve the full original frame and readable profile. */
.about {grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:60px;align-items:start}
.about-aside .section-label {margin-bottom:28px}
.lawyer-portrait {margin:0;min-width:0}
.lawyer-portrait img {display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 12px 32px #15364d12}
.lawyer-portrait figcaption {display:flex;flex-direction:column;gap:7px;padding:19px 0 0;line-height:1.6}
.lawyer-portrait figcaption strong {font-size:22px;font-weight:500;color:var(--ink)}
.lawyer-portrait figcaption strong span {margin-left:9px;font-size:17px;font-weight:400;color:#53717e;letter-spacing:.3px}
.lawyer-portrait figcaption>span {font-size:16px;color:#53717e}
.about .about-bottom {grid-template-columns:minmax(0,1fr);gap:28px;margin-top:28px}
.about .profile {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px 28px;padding:24px 26px}
.about .profile>div {display:block;padding:0;border:0;min-width:0}
.about .profile dt {font-size:15px;margin-bottom:6px}
.about .profile dd {font-size:17px;line-height:1.75}
.english-profile {display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:60px;align-items:start}
.english-profile-copy h2 {margin-top:15px}
.english-profile-copy>p {font-size:18px;line-height:2;color:#536e7c}
.english-profile-copy>p+p {margin-top:16px}
@media(max-width:1000px) {
  .about,.english-profile {grid-template-columns:240px minmax(0,1fr);gap:36px}
  .about .profile {grid-template-columns:minmax(0,1fr);gap:18px}
}
@media(max-width:720px) {
  .about,.english-profile {display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
  .about-aside .section-label {margin-bottom:24px}
  .lawyer-portrait {width:min(100%,320px)}
  .about .profile {grid-template-columns:minmax(0,1fr);padding:22px}
  .english-profile-copy>p {font-size:17px;line-height:1.9}
  .english-profile-copy h2 {margin-top:14px}
}