/* Scoped editorial layout; the catalog's global styles stay unchanged. */
.editorial-standard { width:calc(100% - 40px); max-width:1200px; margin:0 auto; padding:20px 0 72px; }
.editorial-header { padding:16px 0 48px; border-bottom:1px solid #414141; }
.editorial-breadcrumb { margin:0 0 32px; font-size:14px; color:#aaa; }
.editorial-breadcrumb span { margin:0 14px; color:#656565; }
body.en .editorial-header h1 { max-width:1000px; margin:0 0 26px; font-size:64px; line-height:1.06; letter-spacing:-.045em; font-weight:500; }
.editorial-period { color:#fcff52; }
.editorial-intro { max-width:740px; margin:0; font-size:19px; line-height:1.65; color:#bdbdc3; }
.editorial-layout { display:grid; grid-template-columns:240px minmax(0,1fr); grid-gap:64px; padding-top:16px; }
.editorial-index { position:sticky; top:112px; align-self:start; padding-top:28px; }
.editorial-index > p { margin:0 0 16px; font-size:12px; text-transform:uppercase; letter-spacing:.12em; color:#a1a1aa; }
.editorial-index a { display:block; padding:12px 0; font-size:15px; line-height:1.45; border-bottom:1px solid #2e2e2e; }
.editorial-index a span { display:inline-block; width:30px; color:#85858c; font-family:"IBM Plex Mono",monospace; font-size:12px; }
body.en .editorial-index a:hover { color:#fcff52; }
.editorial-section { display:grid; grid-template-columns:32px minmax(0,1fr); grid-gap:16px; padding:32px 0 36px; border-bottom:1px solid #343434; scroll-margin-top:110px; }
.editorial-number { padding-top:5px; color:#fcff52; font:13px "IBM Plex Mono",monospace; }
body.en .editorial-section h2 { margin:0 0 16px; font-size:26px; line-height:1.25; font-weight:500; letter-spacing:-.025em; }
.editorial-section p { max-width:64ch; margin:0 0 16px; color:#bdbdc3; font-size:17px; line-height:1.8; }
.editorial-section p:last-child { margin-bottom:0; }
.editorial-next { display:grid; grid-template-columns:1fr 1fr; grid-gap:32px; margin-top:56px; padding:32px 0 0; border-top:2px solid #fcff52; }
body.en .editorial-next h2 { margin:0 0 8px; font-size:28px; font-weight:500; letter-spacing:-.025em; }
.editorial-next p { color:#aaa; margin:0; font-size:16px; }
.editorial-links a { display:block; padding:12px 0; border-bottom:1px solid #414141; font-size:17px; }
.editorial-links span { float:right; color:#fcff52; }
@media(max-width:1000px) {
 body.en .editorial-header h1 { font-size:48px; }
 .editorial-layout { grid-template-columns:190px minmax(0,1fr); grid-gap:28px; }
 .editorial-index a { font-size:14px; }
}
@media(max-width:720px) {
 .editorial-standard { width:calc(100% - 32px); padding:4px 0 48px; }
 .editorial-header { padding:16px 0 28px; }
 .editorial-breadcrumb { margin-bottom:24px; }
 body.en .editorial-header h1 { font-size:36px; line-height:1.12; letter-spacing:-.035em; }
 .editorial-intro { font-size:17px; line-height:1.65; }
 .editorial-layout { display:block; padding-top:0; }
 .editorial-index { position:static; padding:24px 0 8px; }
 .editorial-index a { font-size:15px; padding:12px 0; }
 .editorial-section { grid-template-columns:24px minmax(0,1fr); grid-gap:10px; padding:28px 0; scroll-margin-top:88px; }
 body.en .editorial-section h2 { font-size:24px; }
 .editorial-section p { font-size:16px; line-height:1.75; }
 .editorial-next { display:block; margin-top:32px; padding-top:24px; }
 .editorial-links { margin-top:20px; }
}
