/* Scoped editorial layout for the studio reading section. */
.sc-refresh #articles{--line:#72503624;--ink:#39291f;--muted:#7f6452;padding-block:64px;scroll-margin-top:120px}
.sc-refresh #articles .blogv4__wrap{max-width:1320px;padding:0 24px;background:none;border:0;border-radius:0;counter-reset:article}
.sc-refresh #articles .blogv4-eyebrow{color:#ad562b !important;font-size:11px;letter-spacing:.26em;margin-bottom:18px}
.sc-refresh #articles .blogv4-title{max-width:900px;margin:0 0 32px;font-size:clamp(30px,4.3vw,58px);line-height:1.14;letter-spacing:-.05em;text-align:left}
.sc-refresh #articles .blogv4-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0 0 56px;border-block:1px solid var(--line);counter-reset:chapter}
.sc-refresh #articles .blogv4-chip{counter-increment:chapter;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:15px;padding:22px 18px;border:0;border-right:1px solid var(--line);border-radius:0;background:none;color:#634635;font-size:14px;line-height:1.5;transition:background .2s,color .2s}
.sc-refresh #articles .blogv4-chip:last-child{border-right:0}
.sc-refresh #articles .blogv4-chip::before{content:'0' counter(chapter);font-size:12px;letter-spacing:.12em;color:#b75c2e}
.sc-refresh #articles .blogv4-chip:hover{transform:none;background:#f6e5d0;color:#321c11}
.sc-refresh #articles .blogv4-row{counter-increment:article;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:56px;align-items:start;padding:44px 0;margin:0;border:0 !important;border-top:1px solid var(--line) !important;border-radius:0;background:none !important;box-shadow:none !important;overflow:visible;scroll-margin-top:120px}
.sc-refresh #articles .blogv4-row:first-of-type{border-top:0 !important;padding-top:0}
.sc-refresh #articles .blogv4-col--text{min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.sc-refresh #articles .blogv4-col--text::before{content:'0' counter(article);position:static;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:22px;border-radius:50%;background:#edcba9;color:#82441f;font-size:14px;font-weight:700;opacity:1}
.sc-refresh #articles .blogv4-h2{padding:0;margin:0 0 24px;font-size:clamp(23px,2.3vw,32px);line-height:1.3;letter-spacing:-.035em;text-align:left}
.sc-refresh #articles .blogv4-col--text p{font-size:17px;line-height:1.85;margin:0 0 20px;color:#6d5546 !important}
.sc-refresh #articles .blogv4-col--media{position:sticky;top:125px;border:0;border-radius:100px 20px 20px 20px;background:#efd9c2;box-shadow:none;aspect-ratio:4/5;max-height:600px;width:100%;overflow:hidden}
.sc-refresh #articles .blogv4-col--media img{width:100%;height:100%;object-fit:cover;transform:none;filter:none}
.sc-refresh #articles .blogv4-row:nth-of-type(even){grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}
.sc-refresh #articles .blogv4-row:nth-of-type(even) .blogv4-col--media{grid-column:1;grid-row:1;border-radius:20px 100px 20px 20px}
.sc-refresh #articles .blogv4-row:nth-of-type(even) .blogv4-col--text{grid-column:2;grid-row:1}
.sc-refresh #articles .blogv4-callout{padding:26px;margin-top:28px;border:0 !important;border-radius:20px;background:#f3e4d2 !important}
.sc-refresh #articles .blogv4-callout__title{font-size:18px;line-height:1.45;margin:0 0 20px}
.sc-refresh #articles .blogv4-callout ul{list-style:none;padding:0;margin:0}
.sc-refresh #articles .blogv4-callout li{padding:14px 0;margin:0;border-top:1px solid var(--line);font-size:15px;line-height:1.75}
.sc-refresh #articles .blogv4-note{padding:24px 28px;margin:20px 0 0;border:0 !important;border-left:3px solid #c57d48 !important;border-radius:0;background:#f0e4d5 !important;box-shadow:none}
.sc-refresh #articles .blogv4-note p{margin:0;font-size:14px;line-height:1.7;color:#745d4d !important}
@media(max-width:900px){
 .sc-refresh #articles .blogv4-row,.sc-refresh #articles .blogv4-row:nth-of-type(even){gap:28px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
 .sc-refresh #articles .blogv4-row:nth-of-type(even) .blogv4-col--text{grid-column:1}
 .sc-refresh #articles .blogv4-row:nth-of-type(even) .blogv4-col--media{grid-column:2}
}
@media(max-width:650px){
 .sc-refresh #articles{padding-block:32px}
 .sc-refresh #articles .blogv4__wrap{padding-inline:20px}
 .sc-refresh #articles .blogv4-title{font-size:31px;margin-bottom:26px}
 .sc-refresh #articles .blogv4-nav{grid-template-columns:1fr;margin-bottom:32px}
 .sc-refresh #articles .blogv4-chip{flex-direction:row;align-items:center;gap:16px;padding:14px 4px;border-right:0;border-bottom:1px solid var(--line);font-size:14px}
 .sc-refresh #articles .blogv4-chip:last-child{border-bottom:0}
 .sc-refresh #articles .blogv4-row,.sc-refresh #articles .blogv4-row:nth-of-type(even){grid-template-columns:1fr;padding-block:32px;gap:22px}
 .sc-refresh #articles .blogv4-row .blogv4-col--text,.sc-refresh #articles .blogv4-row:nth-of-type(even) .blogv4-col--text{grid-column:1;grid-row:2}
 .sc-refresh #articles .blogv4-row .blogv4-col--media,.sc-refresh #articles .blogv4-row:nth-of-type(even) .blogv4-col--media{grid-column:1;grid-row:1;position:static;aspect-ratio:4/3;max-height:340px;border-radius:65px 18px 18px 18px}
 .sc-refresh #articles .blogv4-h2{font-size:23px;margin-bottom:20px}
 .sc-refresh #articles .blogv4-col--text p{font-size:16px;line-height:1.8}
 .sc-refresh #articles .blogv4-col--text::before{width:38px;height:38px;margin-bottom:16px}
 .sc-refresh #articles .blogv4-callout{padding:20px}
}
