/* Focused homepage and compact reading surfaces; append after readability.css. */
:root {
  --refined-rule: #d8e5e5;
  --refined-teal: #176b70;
  --refined-note: #5d7380;
}
.home-refined .section {padding-block:76px}
.home-refined .section-top {grid-template-columns:205px minmax(0,1fr);gap:36px;margin-bottom:34px}
.home-refined .section-top h2 {font-size:35px;line-height:1.5;letter-spacing:0;text-wrap:balance}
.home-refined .section-subtitle {max-width:720px;margin-top:12px}
.home-refined .section-label {gap:7px}
.home-refined .section-label>span:first-child {font-size:12px;letter-spacing:1px}
.home-refined .section-label>span:last-child {font-size:15px}
.home-refined .hero {
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.8fr);
  min-height:0;gap:70px;padding-block:48px 58px;align-items:center;
}
.home-refined .hero-copy {padding-bottom:8px;min-width:0}
.home-refined .hero h1 {font-size:clamp(40px,4.15vw,60px);line-height:1.43;letter-spacing:-1.4px;margin:0 0 28px}
.home-refined .hero-intro {font-size:18px;line-height:1.85;color:var(--ink)}
.home-refined .hero-intro strong {font-size:23px;font-weight:500}
.home-refined .hero-scope {max-width:520px;margin-top:16px;font-size:18px;line-height:1.9;color:#4f6574}
.home-refined .hero-actions {gap:20px 28px;margin-top:26px}
.home-refined .hero-actions .button {min-height:54px;padding:13px 22px}
.home-refined .hero-experience {display:inline-block;margin-top:30px;padding-top:15px;border-top:1px solid #c5d9db;font-size:14px;line-height:1.8;color:#5d7380;letter-spacing:.4px}
.home-refined .hero-portrait {width:min(100%,380px);margin:0 auto;position:relative;isolation:isolate}
.home-refined .hero-portrait picture {display:block;border-radius:8px;overflow:hidden;background:#e2e8ea;box-shadow:0 14px 35px #15364d10}
.home-refined .hero-portrait img {width:100%;height:auto;display:block;object-fit:contain;border-radius:8px}
.home-refined .hero-portrait figcaption {display:flex;align-items:center;justify-content:space-between;padding:14px 0 0;gap:10px;color:#4c6777;font-size:14px;line-height:1.8}
.home-refined .hero-portrait figcaption>span:first-child {color:#244c61;font-size:17px}
.home-refined .hero-portrait figcaption [lang=en] {margin-left:8px;font-size:14px;letter-spacing:.5px}
.home-refined .practice-section {background:#edf5f5;border-block:1px solid #dbe8e8}
.home-refined .practice-section .section {padding-block:58px 62px}
.home-refined .practice-item {background:#fffdfa;border-color:#d3e1e2}
.home-refined .practice-item summary {padding-block:22px}
.home-refined .practice-title h3 {font-size:27px}
.home-refined .practice-title>span {font-size:12px;letter-spacing:1px}
.home-refined .practice-item+.practice-item {margin-top:10px}
.home-refined .practice-number {font-size:20px;font-variant-numeric:tabular-nums}
.home-refined .practice-context p,.home-refined .practice-context ul {font-size:18px}
.home-refined .highlights-preview-section {padding-bottom:70px}
.home-refined .about-experience {border-top:1px solid var(--refined-rule)}
.home-refined .about-story {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.85fr);gap:60px;align-items:start}
.home-refined .about-story .about-text {font-size:18px;line-height:1.9}
.home-refined .about-story .about-text p+p {margin-top:17px}
.home-refined .about-harbor {margin:4px 0 0;border-radius:6px;overflow:hidden;background:#dfedf0}
.home-refined .about-harbor picture {display:block}
.home-refined .about-harbor img {display:block;width:100%;height:auto}
.home-refined .professional-reference {padding-top:18px;border-top:1px solid #d7e3e3;color:#3c626d}
.inline-link {display:inline;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#92b4b7;color:#176b70;margin-left:5px}
.inline-link:hover {text-decoration-color:currentColor}
.home-refined .career-heading {display:flex;align-items:center;justify-content:space-between;gap:18px;margin:32px 0 18px;scroll-margin-top:125px}
.home-refined .career-heading h3 {font-size:20px;line-height:1.6;font-weight:500}
.home-refined .career-heading>span {font:12px/1.7 Arial,sans-serif;color:#5d7380;letter-spacing:1.2px}
.home-refined .employer-grid {grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.home-refined .employer-card {grid-column:auto;min-height:0;padding:18px 17px;background:#f2f7f7;border:1px solid #dae6e7;box-shadow:none;align-items:stretch}
.home-refined .employer-card.maritime-employer {background:#f0f6f2;border-color:#d6e3d9}
.home-refined .employer-sector {font-size:12px;line-height:1.7;color:#5b737f}
.home-refined .employer-card .employer-logo {height:70px;margin-top:12px;padding:11px}
.home-refined .employer-card .employer-logo.logo-msc {padding:4px}
.home-refined .employer-card h3,.home-refined .employer-card:nth-child(4) h3 {font-size:21px;line-height:1.4;margin:16px 0 5px;letter-spacing:0}
.home-refined .employer-card .employer-name {font-size:14px;line-height:1.7;margin:0 0 16px;padding:0}
.home-refined .employer-card .employer-role {font-size:16px;line-height:1.75;margin-top:auto;padding-top:12px}
.home-refined .insights {padding-bottom:70px}
.home-refined .insights .section-action {margin-top:13px}
.home-refined .process-compact {padding-block:55px 65px;border-top:1px solid var(--refined-rule)}
.compact-workflow {padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;counter-reset:step}
.compact-workflow li {min-width:0;border-top:2px solid #b6d3d4;padding-top:15px}
.compact-workflow li>span {display:block;font:20px/1.5 Georgia,serif;color:#176b70}
.compact-workflow h3 {margin:10px 0 8px;font-size:21px;line-height:1.6;font-weight:500}
.compact-workflow p {font-size:18px;line-height:1.85;color:#4f6574}
.process-bottom {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px 30px;margin-top:26px;padding-top:15px;border-top:1px solid #dce7e7}
.process-bottom .small-note {margin:0;max-width:600px}
.process-bottom .text-link {font-size:16px;line-height:1.8}
.home-refined .contact-inner {padding-block:65px 60px}
.home-refined .contact-main h2 {font-size:45px;line-height:1.4;margin-block:20px 16px}

/* Shorter page introductions surface the actual articles and matters sooner. */
.subpage .breadcrumb-trail {padding-top:24px;padding-bottom:0;font-size:14px;line-height:1.8}
.subpage .page-heading {padding-block:28px 32px}
.subpage .breadcrumb-trail+.page-heading {padding-top:23px}
.subpage .page-heading:not(.article-heading):not(.english-heading) h1 {font-size:clamp(34px,3.5vw,46px);line-height:1.4;margin:12px 0 14px;letter-spacing:-.5px}
.subpage .page-heading .eyebrow {font-size:12px;letter-spacing:1.2px}
.subpage .page-heading .page-tagline {font-size:23px;line-height:1.6;margin:0 0 10px;color:#245f6b}
.subpage .page-intro {max-width:880px;line-height:1.85}
.subpage .matters-privacy {margin-top:12px;font-size:15px}
.article-library,.matters-library {padding-top:26px}
.article-filters,.matter-filters {gap:8px}
.article-filters .filter-button,.matter-filters .filter-button {padding:9px 16px;min-height:44px;font-size:16px;line-height:1.6}
.filter-count,.matter-count {margin:18px 0 20px;font-size:14px;line-height:1.8}
.insight-grid,.highlight-preview-grid {gap:22px;align-items:stretch}
.insight-card {padding:25px 25px 22px;box-shadow:none;border-radius:7px;transition:transform .2s,border-color .2s,box-shadow .2s}
.insight-card:hover {border-color:#82abb1;box-shadow:0 10px 24px #16384e08}
.insight-meta {font-size:13px;line-height:1.7;gap:6px 12px;color:#5d7380}
.insight-meta span:last-child {color:#667882}
.insight-card h3 {font-size:23px;line-height:1.55;margin:20px 0 15px;min-height:3.1em;text-wrap:pretty}
.insight-card p {font-size:18px;line-height:1.85;margin-bottom:24px}
.insight-read {font-size:16px;line-height:1.8;padding-top:15px}
.highlight-card {box-shadow:none}
.highlight-card .highlight-year,.highlight-preview .highlight-year {font-family:Arial,sans-serif;font-size:19px;font-weight:400;line-height:1.4;letter-spacing:.3px;color:#557581}
.highlight-card.highlight-tone-green .highlight-year {color:#567b68}
.highlight-card.highlight-tone-gold .highlight-year {color:#87714f}
.highlight-meta>span:not(.highlight-year),.highlight-preview .highlight-meta>span {font-size:13px;line-height:1.7}
.highlight-card.highlight-preview {padding:25px 25px 22px;border-radius:7px}
.highlight-preview .highlight-meta {margin-bottom:20px;gap:10px}
.highlight-preview h3,html[lang=en] .highlight-preview h3 {font-size:23px;line-height:1.55;min-height:3.1em;margin-bottom:15px}
.highlight-preview .highlight-body p {font-size:18px;line-height:1.85}
.highlight-preview .highlight-body {margin-bottom:22px}
.matter-detail-link {font-size:16px;line-height:1.8;padding-top:15px;min-height:44px}
.highlights-bottom {margin-top:24px}
.highlights-bottom p {font-size:15px;line-height:1.8}
.highlights-bottom .button {font-size:16px}
.matters-library .highlight-card {grid-template-columns:102px minmax(0,.9fr) minmax(0,1.5fr);gap:28px;padding:29px 28px}
.matters-library .highlight-card h3 {font-size:24px;line-height:1.6}
.matters-library .highlight-meta {gap:12px}
.matters-library .highlight-reference {font-size:14px}
.article-heading h1 {font-size:clamp(30px,3.3vw,44px);line-height:1.5;max-width:1000px;margin:16px 0}
.article-byline {margin-top:21px;font-size:14px}
.reading-body {overflow-wrap:break-word}
.reading-body table {border-collapse:collapse;width:100%;text-align:left;font-size:17px;line-height:1.85}
.reading-body th,.reading-body td {padding:15px 17px;border:1px solid #d7e3e4;vertical-align:top}
.reading-body th {background:#eaf3f3;font-weight:500;color:#245c67}
.reading-body td {background:#fffefa}
.reading-body .table-wrap,.reading-body .article-table-wrap,.reading-body .reading-table-wrap {overflow:auto;max-width:100%;margin-block:23px;overscroll-behavior-x:contain}
.reading-body .table-wrap:focus-visible,.reading-body .article-table-wrap:focus-visible,.reading-body .reading-table-wrap:focus-visible {outline:2px solid #176b70;outline-offset:4px}

@media(max-width:1180px) {
  .home-refined .hero {gap:45px;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}
  .home-refined .section-top {grid-template-columns:170px minmax(0,1fr);gap:28px}
  .home-refined .employer-grid {grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
  .home-refined .employer-card {grid-column:span 2}
  .home-refined .employer-card.maritime-employer {grid-column:span 3}
  .home-refined .about-story {gap:36px;grid-template-columns:minmax(0,1.4fr) minmax(240px,.85fr)}
  .compact-workflow {gap:20px}
}
@media(max-width:1000px) {
  .home-refined .hero {gap:30px;padding-block:40px 46px}
  .home-refined .hero h1 {font-size:40px;letter-spacing:-1px}
  .home-refined .hero-portrait {width:min(100%,310px)}
  .home-refined .hero-intro strong {font-size:22px}
  .home-refined .hero-actions {gap:16px 22px}
  .home-refined .hero-experience {font-size:13px;letter-spacing:0;margin-top:24px}
  .home-refined .about-story {grid-template-columns:minmax(0,1.5fr) minmax(220px,.75fr);gap:30px}
  .home-refined .section {padding-block:60px}
  .home-refined .section-top h2 {font-size:31px}
  .home-refined .practice-section .section {padding-block:50px}
  .matters-library .highlight-card {grid-template-columns:100px minmax(0,1fr);gap:16px 25px;padding:27px}
  .matters-library .highlight-meta {grid-row:span 2}
  .matters-library .highlight-body {grid-column:2}
  .highlight-card.highlight-preview {padding:25px}
  .highlight-preview h3 {min-height:0;margin-bottom:0}
  .highlight-preview .highlight-meta {margin-bottom:0}
  .highlight-preview .highlight-body {margin:0}
  .compact-workflow {grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
}
@media(max-width:800px) {
  .home-refined .hero {grid-template-columns:minmax(0,1.1fr) minmax(210px,.75fr);gap:25px}
  .home-refined .hero h1 {font-size:clamp(30px,4.3vw,37px);letter-spacing:-.5px;margin-bottom:20px}
  .home-refined .hero-intro,.home-refined .hero-scope {font-size:17px;line-height:1.8}
  .home-refined .hero-scope {margin-top:13px}
  .home-refined .hero-portrait {width:min(100%,270px)}
  .home-refined .hero-portrait figcaption {flex-direction:column;align-items:flex-start;gap:1px;padding-top:10px}
  .home-refined .hero-actions {gap:10px 16px;margin-top:21px}
  .home-refined .hero-experience {max-width:290px;margin-top:17px}
  .home-refined .hero-actions .button {padding:11px 16px;font-size:15px;gap:16px;min-height:48px}
  .home-refined .hero-actions .text-link {font-size:15px;gap:14px}
  .home-refined .about-story {grid-template-columns:minmax(0,1fr)}
  .home-refined .about-harbor {max-width:420px;margin:0}
  .home-refined .section-top {grid-template-columns:130px minmax(0,1fr);gap:24px}
  .home-refined .practice-title {gap:4px}
  .home-refined .career-heading>span {font-size:11px}
}
@media(max-width:620px) {
  .home-refined .hero {display:grid;grid-template-columns:minmax(0,1fr);gap:27px;padding-block:31px 38px}
  .home-refined .hero-copy {padding-bottom:0}
  .home-refined .hero h1 {font-size:clamp(29px,8.3vw,40px);line-height:1.43;letter-spacing:-.6px;margin:0 0 20px}
  .home-refined .hero-intro {font-size:17px;line-height:1.85}
  .home-refined .hero-intro strong {font-size:22px}
  .home-refined .hero-scope {font-size:17px;line-height:1.85;max-width:420px;margin-top:12px}
  .home-refined .hero-actions {margin-top:22px;gap:12px 20px}
  .home-refined .hero-actions .button {font-size:16px;padding:12px 19px;min-height:50px}
  .home-refined .hero-actions .text-link {font-size:16px}
  .home-refined .hero-experience {font-size:13px;max-width:none;margin-top:19px;padding-top:12px}
  .home-refined .hero-portrait {width:240px;max-width:80%;justify-self:center}
  .home-refined .hero-portrait figcaption {flex-direction:row;align-items:center;font-size:13px;padding-top:11px;gap:8px}
  .home-refined .hero-portrait figcaption>span:first-child {font-size:15px}
  .home-refined .hero-portrait figcaption [lang=en] {font-size:12px;margin-left:5px;letter-spacing:0}
  .home-refined .section {padding-block:47px}
  .home-refined .section-top {display:block;margin-bottom:26px}
  .home-refined .section-top h2 {font-size:28px;line-height:1.5;text-wrap:pretty}
  .home-refined .section-label {display:flex;flex-direction:row;justify-content:space-between;gap:12px;margin-bottom:20px}
  .home-refined .section-label>span:first-child {font-size:11px;letter-spacing:.8px}
  .home-refined .section-label>span:last-child {font-size:14px}
  .home-refined .section-subtitle {font-size:17px;line-height:1.85;max-width:none;margin-top:12px}
  .home-refined .practice-section .section {padding-block:42px}
  .home-refined .practice-item {padding-inline:14px;border-radius:5px}
  .home-refined .practice-item summary {padding-block:19px;grid-template-columns:26px minmax(0,1fr) 26px;gap:8px}
  .home-refined .practice-title h3 {font-size:24px}
  .home-refined .practice-title>span {font-size:11px;letter-spacing:.3px;line-height:1.6}
  .home-refined .practice-number {font-size:17px}
  .home-refined .practice-context p,.home-refined .practice-context ul {font-size:17px}
  .home-refined .practice-body {padding-bottom:23px;gap:20px}
  .home-refined .about-story {gap:25px}
  .home-refined .about-story .about-text {font-size:17px;line-height:1.9}
  .home-refined .about-harbor {width:100%;max-width:420px}
  .home-refined .professional-reference {padding-top:15px}
  .home-refined .career-heading {align-items:flex-start;flex-direction:column;gap:4px;margin:27px 0 16px}
  .home-refined .career-heading h3 {font-size:20px}
  .home-refined .career-heading>span {font-size:11px;letter-spacing:1.2px}
  .home-refined .employer-grid {grid-template-columns:minmax(0,1fr);gap:12px}
  .home-refined .employer-card,.home-refined .employer-card.maritime-employer,.home-refined .employer-card:last-child {grid-column:auto;display:grid;grid-template-columns:104px minmax(0,1fr);gap:3px 17px;padding:16px;border-left:3px solid #98bdc7;min-height:0}
  .home-refined .employer-card.maritime-employer {border-left-color:#97bdad}
  .home-refined .employer-card .employer-logo,.home-refined .employer-card:last-child .employer-logo {grid-column:1;grid-row:1/5;align-self:center;width:104px;height:77px;margin:0;padding:10px}
  .home-refined .employer-card .employer-logo.logo-msc {padding:2px}
  .home-refined .employer-card .logo-msc img {height:auto;max-height:73px}
  .home-refined .employer-card .employer-sector,.home-refined .employer-card h3,.home-refined .employer-card p {grid-column:2}
  .home-refined .employer-card h3,.home-refined .employer-card:nth-child(4) h3 {font-size:21px;line-height:1.4;margin:2px 0}
  .home-refined .employer-card .employer-sector {font-size:12px;line-height:1.6}
  .home-refined .employer-card .employer-name {margin:0;padding:0;font-size:14px}
  .home-refined .employer-card .employer-role {margin:7px 0 0;padding-top:7px;font-size:16px}
  .home-refined .process-compact {padding-block:42px 45px}
  .compact-workflow {grid-template-columns:minmax(0,1fr);gap:0}
  .compact-workflow li {display:grid;grid-template-columns:30px minmax(0,1fr);gap:13px;padding:15px 0;border-top:1px solid #d4e1e2}
  .compact-workflow li>span {font-size:18px;line-height:1.7;padding-top:1px}
  .compact-workflow h3 {font-size:20px;line-height:1.6;margin:0 0 5px}
  .compact-workflow p {font-size:17px;line-height:1.85}
  .process-bottom {margin-top:7px;padding-top:18px;align-items:flex-start;gap:12px}
  .process-bottom .text-link {font-size:16px;gap:12px}
  .home-refined .contact-inner {padding-block:48px 42px}
  .home-refined .contact-main h2 {font-size:38px}
  .subpage .breadcrumb-trail {padding-top:19px;font-size:13px;gap:8px;line-height:1.9}
  .subpage .page-heading,.subpage .breadcrumb-trail+.page-heading {padding-block:20px 26px}
  .subpage .page-heading:not(.article-heading):not(.english-heading) h1 {font-size:32px;line-height:1.4;margin:10px 0 13px}
  .subpage .page-heading .page-tagline {font-size:21px;line-height:1.6;margin-bottom:9px}
  .subpage .page-heading .eyebrow {font-size:11px;letter-spacing:.8px}
  .subpage .page-intro {font-size:17px;line-height:1.85}
  .subpage .matters-privacy {font-size:14px;line-height:1.85;margin-top:11px}
  .article-library,.matters-library {padding-top:22px;padding-bottom:48px}
  .article-filters .filter-button,.matter-filters .filter-button {font-size:15px;padding:8px 12px;min-height:44px}
  .filter-count,.matter-count {font-size:13px;margin-block:16px 18px}
  .insight-grid,.highlight-preview-grid {gap:17px}
  .insight-card,.highlight-card.highlight-preview {padding:22px 21px 20px}
  .insight-meta,.highlight-meta>span:not(.highlight-year),.highlight-preview .highlight-meta>span {font-size:12px}
  .insight-card h3,.highlight-preview h3,html[lang=en] .highlight-preview h3 {font-size:22px;line-height:1.55;min-height:0}
  .insight-card h3 {margin:16px 0 13px}
  .insight-card p,.highlight-preview .highlight-body p {font-size:17px;line-height:1.85}
  .insight-card p {margin-bottom:20px}
  .highlight-preview h3 {margin-bottom:13px}
  .highlight-preview .highlight-meta {margin-bottom:16px}
  .highlight-card .highlight-year,.highlight-preview .highlight-year {font-size:18px;line-height:1.4}
  .highlight-preview .highlight-body {margin-bottom:0}
  .highlight-preview .matter-detail-link {margin-top:17px;padding-top:13px}
  .insight-read,.matter-detail-link {font-size:16px}
  .highlights-bottom {gap:16px;margin-top:20px}
  .highlights-bottom p {font-size:14px;line-height:1.85}
  .highlights-bottom .button {font-size:16px}
  .matters-library .highlight-card {grid-template-columns:minmax(0,1fr);gap:16px;padding:23px 21px}
  .matters-library .highlight-meta {grid-row:auto;gap:12px}
  .matters-library .highlight-card h3 {font-size:23px;line-height:1.6}
  .matters-library .highlight-body {grid-column:auto}
  .matters-library .highlight-reference {font-size:13px}
  .article-heading h1 {font-size:29px;line-height:1.5;margin:14px 0}
  .article-byline {margin-top:17px;font-size:13px}
  .reading-body table {font-size:16px;min-width:620px}
  .reading-body th,.reading-body td {padding:13px 15px}
}
@media(max-width:359px) {
  .home-refined .hero h1 {font-size:28px;letter-spacing:-.8px}
  .home-refined .hero-actions {gap:10px 14px}
  .home-refined .hero-actions .button {padding-inline:15px;font-size:15px}
  .home-refined .hero-actions .text-link {font-size:15px}
  .home-refined .employer-card,.home-refined .employer-card.maritime-employer,.home-refined .employer-card:last-child {grid-template-columns:88px minmax(0,1fr);gap:3px 13px;padding:14px}
  .home-refined .employer-card .employer-logo,.home-refined .employer-card:last-child .employer-logo {width:88px;padding:8px}
}
@media(prefers-reduced-motion:reduce) {
  .insight-card {transition:none}
}