.editorial-page{--ed-bg:#f5f8f6;--ed-card:#fff;--ed-ink:#163e39;--ed-muted:#61786f;--ed-line:#dce7e0;--ed-soft:#eaf3ed;--ed-brand:#145757;background:var(--ed-bg);color:var(--ed-ink);--text-primary:var(--ed-ink);--text-secondary:var(--ed-muted);--card-bg:var(--ed-card);--border:var(--ed-line);--accent:var(--ed-brand);--bg-muted:var(--ed-soft)}
html[data-theme=dark] .editorial-page{--ed-bg:#102321;--ed-card:#192f2b;--ed-ink:#e7f2ed;--ed-muted:#aec4ba;--ed-line:#344f45;--ed-soft:#243e34;--ed-brand:#78dbb8}
.editorial-page *{box-sizing:border-box}.editorial-page :is(a,button):focus-visible{outline:3px solid var(--ed-brand);outline-offset:4px}
.editorial-page .arls-page,.editorial-page .art-page{padding-top:28px;padding-bottom:64px;max-width:1180px}
:root .editorial-page :is(.art-breadcrumb,.arls-breadcrumb){gap:10px;font-size:12px;margin-bottom:28px;line-height:1.8}
:root .editorial-page :is(.art-breadcrumb__link,.art-breadcrumb__sep,.arls-breadcrumb__link){color:var(--ed-muted)}
:root .editorial-page :is(.art-breadcrumb__current,.arls-breadcrumb__current){color:var(--ed-ink)}
:root .editorial-page :is(.art-breadcrumb__sep,.arls-breadcrumb__sep)::before{content:'/';font-family:inherit;transform:none}
.editorial-page .arls-hero{padding:28px 32px;background:var(--ed-soft);border-inline-start:4px solid var(--ed-brand);border-radius:12px;margin-bottom:30px}
.editorial-page .arls-hero__title{font-size:clamp(30px,4vw,42px);color:var(--ed-ink);margin-bottom:12px;line-height:1.4}
.editorial-page .arls-hero__sub{color:var(--ed-muted);line-height:1.9;font-size:15px}
.editorial-page .arls-grid{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.editorial-page .arls-card{border-radius:15px;border-color:var(--ed-line);background:var(--ed-card);min-width:0;box-shadow:0 3px 16px #10372e04}
.editorial-page .arls-card__body{padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.editorial-page .arls-card__title{font-size:18px;line-height:1.7;margin:0}.editorial-page .arls-card__title a{color:var(--ed-ink)}
.editorial-page .arls-card__date{color:var(--ed-muted);font-size:12px;margin:0}
.editorial-page .arls-card__excerpt{font-size:14px;line-height:1.95;color:var(--ed-muted);margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.editorial-page .arls-card__link{display:inline-flex;align-items:center;gap:8px;color:var(--ed-brand);font-size:13px;font-weight:600;min-height:44px;margin-top:auto;border-top:1px solid var(--ed-line);padding-top:12px;width:100%}
.editorial-page .arls-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr}
.editorial-page .arls-card:first-child .arls-card__img-wrap{height:100%;min-height:300px;aspect-ratio:auto}
.editorial-page .arls-card:first-child .arls-card__body{padding:32px;justify-content:center}
.editorial-page .arls-card:first-child .arls-card__title{font-size:clamp(23px,2.5vw,30px)}
.editorial-page .arls-card:first-child .arls-card__link{margin-top:4px}
.editorial-page .arls-pagination__btn{min-height:44px;background:var(--ed-card);color:var(--ed-ink);border-color:var(--ed-line)}
.editorial-page .arls-empty{background:var(--ed-card);border:1px solid var(--ed-line);border-radius:16px;padding:60px 24px}
/* Center the reading column and give the headline room before the cover. */
:root .editorial-page .art-masthead{display:flex;flex-direction:column;max-width:960px;margin:0 auto 32px;background:var(--ed-card);border:1px solid var(--ed-line);border-radius:18px;box-shadow:none;overflow:hidden}
:root .editorial-page .art-masthead__info{order:0;width:100%;padding:36px 40px;align-items:flex-start;text-align:start;min-height:0}
:root .editorial-page .art-masthead__title{font-size:clamp(27px,3.1vw,40px);line-height:1.6;color:var(--ed-ink);margin:0 0 18px;letter-spacing:0}
:root .editorial-page .art-masthead__fig{order:1;width:100%;height:auto;aspect-ratio:2.2;margin:0;border:0;flex:none;background:var(--ed-soft)}
:root .editorial-page .art-masthead__img{width:100%;height:100%;object-fit:cover;transform:none}
:root .editorial-page .art-masthead__badge{color:var(--ed-muted);background:var(--ed-soft);border-color:var(--ed-line);font-size:12px;padding:7px 11px}
:root .editorial-page .art-masthead__badge i{color:var(--ed-brand)}
:root .editorial-page .art-body{max-width:790px;margin:0 auto 28px;padding:30px 36px;background:var(--ed-card);border:1px solid var(--ed-line);border-radius:14px;font-size:18px;line-height:2.15;color:var(--ed-ink);overflow-wrap:anywhere}
:root .editorial-page .as-prose :is(h2,h3,h4,strong){color:var(--ed-ink)}
:root .editorial-page .as-prose a{color:var(--ed-brand)}
:root .editorial-page .as-prose blockquote{background:var(--ed-soft);border-color:var(--ed-brand);color:var(--ed-ink)}
:root .editorial-page :is(.art-share,.art-tags){max-width:790px;margin:0 auto;padding:18px 0;flex-wrap:wrap;border-color:var(--ed-line);gap:10px;color:var(--ed-muted)}
:root .editorial-page :is(.art-share__label,.art-tags__label){color:var(--ed-muted)}
:root .editorial-page .art-share__btn{width:44px;height:44px;background:var(--ed-card);color:var(--ed-brand);border-color:var(--ed-line);border-radius:9px}
:root .editorial-page .art-share__btn:hover{background:var(--ed-soft)}
:root .editorial-page .art-tag{background:var(--ed-soft);color:var(--ed-brand);border-color:var(--ed-line);padding:6px 12px;font-size:12px}
:root .editorial-page .art-nav{max-width:960px;margin:32px auto 0;border-color:var(--ed-line);gap:18px}
:root .editorial-page .art-nav__card{background:var(--ed-card);border-color:var(--ed-line);padding:22px;border-radius:12px}
:root .editorial-page .art-nav__title{color:var(--ed-ink);line-height:1.8}
:root .editorial-page .art-nav__dir{color:var(--ed-muted)}
.editorial-back{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:fit-content;margin:28px auto 0;padding:10px 20px;border:1px solid var(--ed-line);border-radius:9px;color:var(--ed-brand);background:var(--ed-card);font-size:13px;text-decoration:none}
@media(max-width:860px){.editorial-page .arls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-page .arls-card:first-child .arls-card__body{padding:24px}}
@media(max-width:600px){.editorial-page .arls-hero{padding:22px}.editorial-page .arls-grid{grid-template-columns:1fr}.editorial-page .arls-card:first-child{display:flex}.editorial-page .arls-card:first-child .arls-card__img-wrap{aspect-ratio:16/9;min-height:0}.editorial-page .arls-card:first-child .arls-card__title{font-size:21px}:root .editorial-page .art-masthead__info{padding:24px 20px}:root .editorial-page .art-masthead__fig{aspect-ratio:16/10}:root .editorial-page .art-body{font-size:16px;padding:24px 20px;line-height:2}:root .editorial-page .art-breadcrumb__current{max-width:100%;white-space:normal}.editorial-page .arls-card__body{padding:20px}}
@media(prefers-reduced-motion:reduce){.editorial-page *{transition:none!important;transform:none!important}}

/* Article reading styles: preserve direction and comfortable paragraph rhythm. */
:root .editorial-page .art-body{max-width:820px;padding:clamp(22px,4vw,44px);font-size:1.125rem;line-height:1.95;text-align:start;word-break:normal;overflow-wrap:break-word}
:root .editorial-page .art-body p{margin:0 0 1.25em;line-height:inherit;text-align:start}
:root .editorial-page .art-body>:first-child{margin-top:0}
:root .editorial-page .art-body>:last-child{margin-bottom:0}
:root .editorial-page .art-body :is(h2,h3,h4,h5,h6){line-height:1.55;margin-block:1.7em .65em;font-weight:700;scroll-margin-top:100px}
:root .editorial-page .art-body h2{font-size:1.5em}
:root .editorial-page .art-body h3{font-size:1.25em}
:root .editorial-page .art-body h4{font-size:1.1em}
:root .editorial-page .art-body :is(ul,ol){margin-block:1em 1.5em;padding-inline-start:1.65em;list-style-position:outside}
:root .editorial-page .art-body ul{list-style-type:disc}
:root .editorial-page .art-body ol{list-style-type:decimal}
:root .editorial-page .art-body li{padding-inline-start:.25em;margin-bottom:.6em;line-height:inherit}
:root .editorial-page .art-body li>p{margin-bottom:.5em}
:root .editorial-page .art-body blockquote{margin:1.5em 0;padding:1em 1.25em;border-inline-start:3px solid var(--ed-brand);border-inline-end:0;border-radius:10px;font-style:normal;line-height:inherit}
:root .editorial-page .art-body :is(img,video,iframe){max-width:100%}
:root .editorial-page .art-body figure{margin:1.5em 0;max-width:100%}
:root .editorial-page .art-body figcaption{font-size:.85em;color:var(--ed-muted);line-height:1.7;margin-top:.6em}
:root .editorial-page .art-body a{overflow-wrap:anywhere;text-decoration-thickness:1px;text-underline-offset:4px}
:root .editorial-page .art-body table{max-width:100%;overscroll-behavior-inline:contain}
:root .editorial-page .art-body pre{white-space:pre;max-width:100%;text-align:start}
:root .editorial-page :is(.art-share,.art-tags){max-width:820px}
@media(max-width:600px){:root .editorial-page .art-body{padding:24px 20px;font-size:1.0625rem;line-height:1.95;border-radius:12px}:root .editorial-page .art-body p{margin-bottom:1.15em}}