@font-face{font-family:Inter;src:url('assets/inter-cyrillic.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;src:url('assets/inter-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Serif 4';src:url('assets/source-serif-4-cyrillic.woff2') format('woff2');font-style:normal;font-weight:400 600;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Source Serif 4';src:url('assets/source-serif-4-latin.woff2') format('woff2');font-style:normal;font-weight:400 600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--page-bg:#F8F7F4;--paper:#FFFFFF;--ink:#242B2B;--olive:#72796E;--warm:#E7E2D9;--near:#F7F5F0;--reading:720px;--radius:6px;--sans:Inter,Arial,sans-serif;--serif:'Source Serif 4',Georgia,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#FFFFFF}
body{margin:0;background:#FFFFFF;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
main,footer,.crumb,.catalog-intro,.tag-filter,.grid,.card,.article-shell,.article-head,.prose,.related,.article-tags,.cta,.feedback,.subscription{background-color:#FFFFFF}
button,input{font:inherit}
button{color:var(--ink)}
a{color:var(--ink);text-underline-offset:3px}
a:hover{color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.skip{position:absolute;left:16px;top:-100px;z-index:5;background:#FFFFFF;border:1px solid var(--olive);padding:10px}
.skip:focus{top:16px}
.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.demo{background:var(--near);border-bottom:1px solid var(--warm);padding:8px 16px;text-align:center;font-size:11px;line-height:1.4;letter-spacing:.04em;color:var(--ink)}
header{background-color:var(--page-bg);border-bottom:1px solid var(--warm)}
.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-family:var(--serif);font-size:25px;line-height:1.15;letter-spacing:-.025em;font-weight:600}
.brand small{display:block;font-family:var(--sans);font-size:11px;line-height:1.5;letter-spacing:.045em;font-weight:400;margin-top:5px}
.nav{display:flex;align-items:center;gap:32px;font-size:14px;white-space:nowrap}
.nav span{padding:8px 0}
.nav .current{font-weight:600;border-bottom:1px solid var(--olive)}
.crumb{font-size:12px;line-height:1.45;padding-top:29px;color:var(--ink);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.crumb a{text-decoration:none;border-bottom:1px solid var(--olive)}
.crumb [aria-current="page"]{overflow-wrap:anywhere}
.eyebrow{font-family:var(--sans);font-size:11px;font-weight:600;line-height:1.45;letter-spacing:.11em;text-transform:uppercase;color:var(--ink)}
h1,h2,h3,p{overflow-wrap:anywhere}
h1,h2,h3{color:var(--ink)}
.catalog-intro{display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:32px;border-bottom:1px solid var(--warm);padding:82px 0 67px}
.catalog-intro .eyebrow{margin-top:17px;max-width:160px}
.catalog-intro h1{grid-column:2;font-family:var(--serif);font-size:clamp(58px,6vw,92px);font-weight:400;line-height:1.03;letter-spacing:-.055em;margin:0 0 26px}
.catalog-intro p{grid-column:2;font-family:var(--serif);font-size:27px;line-height:1.38;max-width:770px;margin:0}
.tag-filter{display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:32px;padding:29px 0 44px;align-items:start}
.tag-filter>.eyebrow{padding-top:13px}
.topics{display:flex;flex-wrap:wrap;gap:8px 9px}
.topics a,.topics span{min-height:42px;display:inline-flex;align-items:center;border:1px solid var(--olive);border-radius:var(--radius);padding:9px 14px;background:#FFFFFF;color:var(--ink);font-size:13px;line-height:1.25;text-decoration:none}
.topics .selected{background:var(--near);border-color:var(--olive);font-weight:600}
.topics a:hover{background:var(--near)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;row-gap:45px}
.card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--warm);padding-bottom:26px}
.card>a:first-child{display:block;width:100%;line-height:0;text-decoration:none}
.card img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;border:1px solid var(--warm);border-radius:2px;background:#FFFFFF}
.card h2,.card h3{font-family:var(--serif);font-size:29px;line-height:1.2;letter-spacing:-.025em;font-weight:400;margin:23px 0 12px}
.card p{font-size:15px;line-height:1.6;margin:0 0 23px;max-width:36ch}
.read,.primary,.actions button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid var(--olive);border-radius:var(--radius);padding:9px 17px;background:#FFFFFF;color:var(--ink);font-family:var(--sans);font-size:13px;line-height:1.2;font-weight:600;text-decoration:none;box-shadow:none}
.read{margin-top:auto}
.read span{font-size:17px;font-weight:400;line-height:1}
.read:hover,.primary:hover:not(:disabled),.actions button:hover:not(:disabled){background:var(--near)}
.primary:disabled,.actions button:disabled{opacity:1;color:var(--ink);background:#FFFFFF;cursor:default}
.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:56px 0 15px}
.pagination a,.pagination span{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:1px solid var(--olive);border-radius:var(--radius);background:#FFFFFF;color:var(--ink);font-size:14px;text-decoration:none}
.pagination .selected{background:var(--near);font-weight:600}
.pagination a:hover{background:var(--near)}
.demo-note{font-size:11px;text-align:center;line-height:1.5;margin:0 0 75px}
footer{border-top:1px solid var(--warm);padding:31px 0 37px;margin-top:10px}
.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:start;font-size:12px;line-height:1.55}
.footer-inner strong{font-family:var(--serif);font-size:19px;font-weight:600}
.footer-inner p{margin:4px 0 0}

.article-shell{width:min(960px,calc(100% - 64px));margin-inline:auto}
.article-head{max-width:var(--reading);margin-inline:auto;padding:76px 0 36px}
.article-head h1{font-family:var(--serif);font-size:clamp(43px,4.4vw,65px);font-weight:400;line-height:1.1;letter-spacing:-.043em;margin:17px 0 20px}
.dek{font-family:var(--serif);font-size:23px;line-height:1.48;margin:0 0 30px}
.byline{display:flex;align-items:center;gap:13px;border-top:1px solid var(--warm);padding-top:22px}
.avatar{width:42px;height:42px;border:1px solid var(--olive);border-radius:50%;display:grid;place-items:center;flex:none;font-size:12px;font-weight:600;background:#FFFFFF}
.author-name{font-size:13px;font-weight:600;line-height:1.4}
.author-role{font-size:11px;line-height:1.4;margin-top:2px}
.meta{display:flex;flex-wrap:wrap;gap:6px 17px;font-size:11px;line-height:1.4;margin:13px 0 0 55px}
.cover{max-width:var(--reading);margin:0 auto 43px}
.cover img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border:1px solid var(--warm);border-radius:2px;background:#FFFFFF}
.cover figcaption,.body-figure figcaption{font-family:var(--sans);font-size:11px;line-height:1.5;margin-top:10px}
.prose{max-width:var(--reading);margin-inline:auto;font-family:var(--serif);font-size:20px;line-height:1.72}
.prose p{margin:0 0 24px}
.prose h2{font-family:var(--serif);font-size:37px;line-height:1.2;letter-spacing:-.025em;font-weight:400;margin:55px 0 19px}
.prose h3{font-family:var(--serif);font-size:28px;line-height:1.25;font-weight:400;margin:36px 0 14px}
.prose ul{margin:0 0 27px;padding-left:27px}
.prose li{padding:4px 0}
.toc{font-family:var(--sans);border-top:1px solid var(--warm);border-bottom:1px solid var(--warm);padding:24px 0;margin:43px 0 42px;font-size:14px;line-height:1.55}
.toc strong{font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.toc ol{margin:14px 0 0;padding-left:23px}
.toc li{padding:3px 0}
.toc a{text-decoration:none;border-bottom:1px solid var(--warm)}
.prose blockquote{font-family:var(--serif);font-size:27px;line-height:1.45;font-weight:400;border-left:2px solid var(--olive);margin:39px 0;padding:3px 0 3px 24px}
.callout{border:1px solid var(--warm);border-left:2px solid var(--olive);border-radius:2px;padding:26px 29px;margin:37px 0;background:#FFFFFF}
.prose .callout h3{margin:0 0 21px;font-size:27px}
.callout dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:25px}
.callout dt{font-family:var(--sans);font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:600}
.callout dd{font-family:var(--serif);font-size:20px;line-height:1.45;margin:8px 0 0}
.prose .callout p{font-family:var(--sans);font-size:14px;line-height:1.6;border-top:1px solid var(--warm);padding-top:18px;margin:22px 0 6px}
.callout small,.steps small{font-family:var(--sans);font-size:11px;line-height:1.5;display:block}
.body-figure{margin:39px 0 41px}
.body-figure img{display:block;width:100%;height:auto;border:1px solid var(--warm);border-radius:2px}
.steps{background:#FFFFFF;border-top:1px solid var(--warm);border-bottom:1px solid var(--warm);padding:28px 0;margin:40px 0}
.prose .steps h3{margin:0 0 24px}
.steps ol{padding:0;margin:0 0 25px;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;counter-reset:step}
.steps li{counter-increment:step;padding:0}
.steps li:before{content:counter(step,decimal-leading-zero);font-family:var(--sans);font-size:12px;line-height:1;width:35px;height:35px;border:1px solid var(--olive);border-radius:50%;display:grid;place-items:center;margin-bottom:13px}
.steps strong{font-family:var(--serif);font-size:21px;font-weight:400;display:block}
.steps li span{font-family:var(--sans);font-size:13px;line-height:1.5;display:block;margin-top:4px}
.end-note{font-family:var(--sans);font-size:12px;line-height:1.5;border-top:1px solid var(--warm);padding-top:18px;margin:48px 0 0}
.article-tags{font-family:var(--sans);border-bottom:1px solid var(--warm);padding:27px 0 34px}
.article-tags>strong{font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.article-tags .topics{margin:17px 0 10px}
.article-tags small,.cta small,.feedback small,.subscription small{font-family:var(--sans);font-size:11px;line-height:1.5;display:block}
.cta{padding:51px 0 52px;border-bottom:1px solid var(--warm)}
.prose .cta h2{font-size:39px;margin:14px 0 17px}
.prose .cta p{font-family:var(--sans);font-size:16px;line-height:1.65;max-width:620px;margin:0 0 22px}
.cta small{margin-top:14px}
.feedback{font-family:var(--sans);padding:29px 0 33px;border-bottom:1px solid var(--warm)}
.feedback strong{font-size:13px;font-weight:600;display:block;margin-bottom:15px}
.actions{display:flex;gap:9px;flex-wrap:wrap}
.actions button{font-size:12px;min-height:44px;padding:9px 14px}
.feedback small{margin-top:11px}
.subscription{padding:54px 0 45px;border-bottom:1px solid var(--warm);font-family:var(--sans)}
.prose .subscription h2{font-size:41px;line-height:1.16;margin:12px 0 17px;max-width:600px}
.prose .subscription p{font-family:var(--sans);font-size:16px;line-height:1.65;margin:0 0 26px;max-width:590px}
.subscription form{background:#FFFFFF}
.subscription form>label:first-child{font-size:12px;font-weight:600;display:block;margin-bottom:8px}
.email-row{display:flex;gap:10px;margin-bottom:19px}
.email-row input{background:#FFFFFF;border:1px solid var(--olive);border-radius:var(--radius);color:var(--ink);font-family:var(--sans);font-size:15px;min-height:48px;min-width:0;flex:1;padding:10px 14px;opacity:1;-webkit-text-fill-color:var(--ink)}
.email-row input::placeholder{color:var(--ink);opacity:1}
.email-row button{min-height:48px}
.consent{display:flex;gap:11px;align-items:flex-start;font-family:var(--sans);font-size:12px;line-height:1.55;margin:0 0 12px}
.consent input{width:18px;height:18px;flex:none;margin:1px 0 0;accent-color:var(--olive);opacity:1}
.prose .mark-future{border-top:1px solid var(--warm);font-family:var(--sans);font-size:13px;line-height:1.6;padding-top:17px;margin:25px 0 12px}
.related{border-top:1px solid var(--warm);margin-top:83px;padding-top:35px;padding-bottom:80px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}
.section-heading h2{font-family:var(--serif);font-size:39px;line-height:1.2;font-weight:400;letter-spacing:-.025em;margin:0}
.section-heading a{font-size:13px;text-decoration:none;border-bottom:1px solid var(--olive);white-space:nowrap;padding-bottom:3px}
.related .card h3{font-size:27px}
.article-page footer{margin-top:0}
button:disabled,input:disabled{pointer-events:none}

@media(max-width:999px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-intro,.tag-filter{grid-template-columns:150px minmax(0,1fr)}.article-head h1{font-size:55px}}
@media(max-width:599px){
 .wrap,.article-shell{width:calc(100% - 32px)}
 .demo{font-size:10px;padding:7px 13px}
 .header-inner{min-height:92px;align-items:start;flex-direction:column;justify-content:center;gap:9px}
 .brand{font-size:21px}
 .brand small{font-size:10px;margin-top:3px}
 .nav{gap:24px;font-size:12px}
 .nav span{padding:1px 0 3px}
 .crumb{padding-top:21px;font-size:11px;gap:8px}
 .catalog-intro{display:block;padding:47px 0 37px}
 .catalog-intro .eyebrow{margin:0 0 15px;max-width:none}
 .catalog-intro h1{font-size:55px;margin-bottom:18px}
 .catalog-intro p{font-size:21px;line-height:1.43}
 .tag-filter{display:block;padding:22px 0 32px}
 .tag-filter>.eyebrow{padding:0;margin-bottom:14px}
 .topics{gap:7px}
 .topics a,.topics span{font-size:11px;padding:8px 11px;min-height:40px}
 .grid{grid-template-columns:minmax(0,1fr);row-gap:29px}
 .card{padding-bottom:28px}
 .card h2,.card h3{font-size:29px;margin-top:19px}
 .card p{font-size:15px;margin-bottom:20px}
 .pagination{margin-top:40px}
 .demo-note{margin-bottom:53px}
 .footer-inner{flex-direction:column;gap:18px}
 .article-head{padding:44px 0 29px}
 .article-head h1{font-size:41px;line-height:1.12;margin:14px 0 18px}
 .dek{font-size:20px;line-height:1.45;margin-bottom:24px}
 .byline{padding-top:19px}
 .meta{margin-left:0;font-size:11px}
 .cover{margin-bottom:31px}
 .prose{font-size:18px;line-height:1.7}
 .prose p{margin-bottom:20px}
 .prose h2{font-size:31px;margin:42px 0 15px}
 .prose h3{font-size:25px;margin:30px 0 13px}
 .toc{margin:33px 0;padding:20px 0}
 .prose blockquote{font-size:24px;padding-left:17px;margin:32px 0}
 .callout{padding:21px 18px;margin:31px 0}
 .prose .callout h3{font-size:24px}
 .callout dl{display:block}
 .callout dl>div+div{margin-top:18px}
 .callout dd{font-size:19px}
 .body-figure{margin:31px 0}
 .steps ol{grid-template-columns:minmax(0,1fr);gap:18px}
 .steps li{display:grid;grid-template-columns:35px minmax(0,1fr);column-gap:13px}
 .steps li:before{grid-row:1/3;margin:0}
 .steps li span{grid-column:2}
 .prose .cta h2,.prose .subscription h2{font-size:32px}
 .cta{padding:42px 0}
 .subscription{padding:45px 0 38px}
 .email-row{flex-direction:column}
 .email-row button{align-self:flex-start}
 .section-heading{align-items:start;flex-direction:column;gap:12px}
 .section-heading h2{font-size:33px}
 .related{margin-top:58px;padding-bottom:55px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Sage Garden project adaptation. Theme colors from 21st.dev live light preview (13.10.2026); no theme CSS copied. */
:root{--ink:#242B2B;--sage-primary:#7C9082;--sage-primary-accessible:#526B5C;--sage-secondary:#CED4BF;--sage-accent:#BFC9BB;--sage-muted:#E8E6E1;--sage-foreground:#242B2B;--sage-border:#E8E6E1;--sage-input:#FFFFFF;--sage-ring:#526B5C;--olive:var(--sage-primary);--warm:var(--sage-muted);--near:var(--sage-accent);--radius:5.6px}
.skip{background:#FFFFFF;border-color:var(--sage-primary)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--sage-ring);outline-offset:3px}
.topics a,.topics span{background:#FFFFFF;border-color:var(--sage-primary);color:var(--sage-foreground)}
.topics .selected{background:var(--sage-secondary);border-color:var(--sage-primary-accessible)}
.topics a:hover{background:var(--sage-accent)}
.read,.primary,.actions button{background:var(--sage-secondary);color:var(--sage-foreground);border-color:var(--sage-primary);box-shadow:0 1px 2px rgb(26 31 46 / 4%)}
.read:hover,.primary:hover:not(:disabled),.actions button:hover:not(:disabled){background:var(--sage-accent);border-color:var(--sage-primary-accessible)}
.read:active,.primary:active:not(:disabled),.actions button:active:not(:disabled){background:var(--sage-primary);color:#17201B}
.primary:disabled,.actions button:disabled{background:var(--sage-muted);color:var(--sage-foreground);border-color:var(--sage-primary);opacity:1;box-shadow:none;cursor:not-allowed}
.pagination a,.pagination span{background:#FFFFFF;border-color:var(--sage-primary);color:var(--sage-foreground)}
.pagination .selected{background:var(--sage-secondary);border-color:var(--sage-primary-accessible)}
.pagination a:hover{background:var(--sage-accent)}
.email-row input{background:var(--sage-input);border-color:var(--sage-primary);color:var(--sage-foreground)}
.email-row input::placeholder{color:#526058}
.email-row input:disabled{opacity:1;color:var(--sage-foreground);-webkit-text-fill-color:var(--sage-foreground)}
.consent input{accent-color:var(--sage-primary-accessible)}
.avatar,.steps li:before{border-color:var(--sage-primary);background:var(--sage-secondary)}
.callout{border-left-color:var(--sage-primary-accessible)}
.prose blockquote{border-left-color:var(--sage-primary-accessible)}

.related .grid{background-color:#FFFFFF}

.brand,.card h2 a{text-decoration:none}.card picture,.cover picture,.body-figure picture{display:block;width:100%}.image-placeholder{aspect-ratio:8/5;width:100%;background:#E8E6E1}.honeypot{position:absolute;left:-10000px}.all-topics{margin-top:16px}.all-topics summary{min-height:44px;cursor:pointer}.manual-share input{max-width:100%;width:100%;min-height:44px}.actions button[aria-pressed=true]{background:#BFC9BB;border-color:#526B5C}select:focus-visible,summary:focus-visible{outline:2px solid #526B5C;outline-offset:3px}.nav a{padding:8px 0;display:block;min-height:44px}.article-shell{padding-bottom:24px}.pagination{margin-bottom:55px}

/* Preserve source line breaks and full-width single limitation callouts. */
.prose blockquote p{white-space:pre-line}
.callout dl>div:only-child{grid-column:1 / -1}

.prose .callout-copy p{font-family:var(--serif);font-size:20px;line-height:1.45;border:0;padding:0;margin:0}