@font-face{font-family:"Kreon";font-style:normal;font-weight:300 700;font-display:swap;src:url(/kiln/fonts/kreon-normal-300-700-latin-ext.bf9f7a2aac.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Kreon";font-style:normal;font-weight:300 700;font-display:swap;src:url(/kiln/fonts/kreon-normal-300-700-latin.b2281e4272.woff2) format("woff2");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:"Sen";font-style:normal;font-weight:400 800;font-display:swap;src:url(/kiln/fonts/sen-normal-400-800-latin-ext.654269747a.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Sen";font-style:normal;font-weight:400 800;font-display:swap;src:url(/kiln/fonts/sen-normal-400-800-latin.bc4e080d91.woff2) format("woff2");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 {
  --brick: #9a4430; --brick2: #87392a; --brickLine: #7b3324; --stone: #f4ecdd; --stone2: #ebe0cc; --stone3: #ddcfb6;
  --ink: #2a1d17; --soft: #4a3a31; --mute: #6e5b4f; --rust: #8f3b25; --rule: #d5c5a8; --lit: #ffe2a3; --litInk: #4a2a10;
  --paid: #00b8ff; --paidHover: #3cc9ff; --paidInk: #04202c;
  --display: "Kreon", Georgia, serif; --body: "Sen", system-ui, sans-serif; --wrap: 1200px; --gap: 12px; color-scheme: light;
}
:root[data-theme="dark"] {
  --brick: #3b2019; --brick2: #331b15; --brickLine: #2a1510; --stone: #2a2420; --stone2: #322b26; --stone3: #3d342e;
  --ink: #f1e6d4; --soft: #dccdb7; --mute: #b3a28e; --rust: #e59a7c; --rule: #4a3f37; --lit: #6b4b1c; --litInk: #ffe7bd; color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brick: #3b2019; --brick2: #331b15; --brickLine: #2a1510; --stone: #2a2420; --stone2: #322b26; --stone3: #3d342e;
    --ink: #f1e6d4; --soft: #dccdb7; --mute: #b3a28e; --rust: #e59a7c; --rule: #4a3f37; --lit: #6b4b1c; --litInk: #ffe7bd; color-scheme: dark;
  }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; color: var(--ink); font: 400 18px/1.62 var(--body); background-color: var(--brick);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='72'%3E%3Cg stroke='%23000' stroke-opacity='.2' stroke-width='3' fill='none'%3E%3Cpath d='M0 1.5h84M0 37.5h84M1.5 0v36M43.5 36v36'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 84px 72px; }
a { color: var(--rust); text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
a:hover { color: var(--ink); }
:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; }
img { max-width: 100%; height: auto; display: block; }
h1, h2, h3 { font-family: var(--display); font-weight: 700; line-height: 1.08; margin: 0; color: var(--ink); }
p { margin: 0 0 .85em; }
.kln-wrap { max-width: var(--wrap); margin: 0 auto; padding-inline: 24px; }
.kln-skip { position: absolute; left: -9999px; top: 8px; background: var(--stone); color: var(--ink); padding: 8px 14px; z-index: 50; }
.kln-skip:focus { left: 8px; }
.kln-i { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; vertical-align: -3px; }
.kln-stone { background: var(--stone); border-radius: 3px; box-shadow: inset 0 -3px 0 var(--stone3); }
.kln-head { padding: var(--gap) 0 0; position: relative; z-index: 20; }
.kln-head__bar { display: flex; align-items: center; gap: 18px; padding: 12px 18px; }
.kln-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--ink); white-space: nowrap; }
.kln-logo svg { width: 40px; height: 34px; flex: none; }
.kln-logo__b1 { fill: var(--rust); }
.kln-logo__b2 { fill: var(--stone3); }
.kln-logo__t { display: flex; flex-direction: column; line-height: 1.05; }
.kln-logo__t b { font: 700 22px/1 var(--display); }
.kln-logo__t span { font: 600 12px/1.3 var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--mute); margin-top: 3px; }
.kln-nav { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.kln-nav ul { list-style: none; display: flex; gap: 2px; margin: 0; padding: 0; }
.kln-nav a { display: block; padding: 8px 10px; font: 600 15px/1 var(--body); color: var(--soft); text-decoration: none; border-radius: 3px; }
.kln-nav a:hover { background: var(--stone2); color: var(--ink); }
.kln-nav a[aria-current="page"] { background: var(--stone2); color: var(--ink); box-shadow: inset 0 -3px 0 var(--rust); }
.kln-theme { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 12px; border: 1.5px solid var(--rule); background: var(--stone); color: var(--ink); border-radius: 3px; font: 600 14px/1 var(--body); cursor: pointer; }
.kln-theme span { display: none; }
.kln-theme .kln-i--moon { display: none; }
:root[data-theme="dark"] .kln-theme .kln-i--sun { display: none; }
:root[data-theme="dark"] .kln-theme .kln-i--moon { display: inline; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .kln-theme .kln-i--sun { display: none; } :root:not([data-theme="light"]) .kln-theme .kln-i--moon { display: inline; } }
.kln-head__end { display: flex; align-items: center; gap: 8px; }
.kln-paid { display: inline-flex; align-items: center; gap: 8px; background: var(--paid); color: var(--paidInk); text-decoration: none; font: 700 16px/1 var(--body); padding: 12px 18px; border-radius: 4px; white-space: nowrap; box-shadow: 0 3px 0 #0089c0; }
.kln-paid:hover { background: var(--paidHover); color: var(--paidInk); }
.kln-paid--lg { font-size: 18px; padding: 15px 22px; }
.kln-ad { display: inline-block; font: 700 11px/1 var(--body); letter-spacing: .12em; text-transform: uppercase; border: 1.5px solid var(--mute); color: var(--mute); padding: 3px 5px; border-radius: 3px; vertical-align: middle; }
.kln-onl { font: 600 15px/1 var(--body); text-decoration: none; color: var(--ink); border: 1.5px solid var(--rule); padding: 10px 12px; border-radius: 3px; white-space: nowrap; }
.kln-burger { display: none; width: 42px; height: 42px; background: var(--stone); border: 1.5px solid var(--rule); color: var(--ink); border-radius: 3px; cursor: pointer; }
.kln-burger .kln-i { width: 22px; height: 22px; vertical-align: middle; }
.kln-note { font-size: 13px; color: #f6e6d6; margin: 6px 0 0; text-align: right; letter-spacing: .02em; }
.kln-wall { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--gap); padding-block: var(--gap); }
.kln-wall > * { margin: 0; }
.kln-c { padding: 22px 24px; }
.kln-hero { grid-column: 1 / 8; padding: 30px 32px 26px; }
.kln-hero h1 { font-size: clamp(40px, 4.6vw, 62px); margin: 6px 0 16px; letter-spacing: -.01em; }
.kln-kick { font: 700 13px/1.3 var(--body); letter-spacing: .16em; text-transform: uppercase; color: var(--rust); margin: 0; }
.kln-lede { font-size: 19px; color: var(--soft); }
.kln-by { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 15px; color: var(--mute); margin: 0; }
.kln-pic { grid-column: 8 / 13; grid-row: 1; padding: 10px; position: relative; min-height: 340px; }
.kln-pic img { position: absolute; left: 10px; top: 10px; width: calc(100% - 20px); height: calc(100% - 46px); object-fit: cover; border-radius: 2px; }
.kln-pic figcaption { position: absolute; left: 10px; right: 10px; bottom: 8px; padding: 0 4px; }
.kln-pic figcaption, .kln-fig figcaption { font-size: 13px; color: var(--mute); padding: 8px 4px 0; }
.kln-fact { display: flex; flex-direction: column; justify-content: center; padding: 18px 22px; }
.kln-fact b { font: 700 clamp(34px, 3.6vw, 50px)/1 var(--display); color: var(--rust); }
.kln-fact span { font-size: 15px; color: var(--soft); margin-top: 6px; line-height: 1.35; }
.kln-hero-tool { grid-column: 1 / 9; grid-row: 2 / span 3; }
.kln-f1 { grid-column: 9 / 13; grid-row: 2; }
.kln-f2 { grid-column: 9 / 13; grid-row: 3; }
.kln-f3 { grid-column: 9 / 13; grid-row: 4; }
.kln-hero-tool .kln-wallsvg { max-height: 300px; width: auto; max-width: 100%; }
.kln-adtop { padding: 0 0 var(--gap); }
.kln-adtop__in { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 32px; align-items: center; padding: 20px 26px; border-left: 8px solid var(--rust); }
.kln-adtop__h, .kln-endad__h { font: 700 22px/1.2 var(--display); margin: 0 0 6px; }
.kln-adtop p, .kln-endad p { color: var(--soft); }
.kln-rg { display: flex; gap: 12px; align-items: flex-start; font-size: 14px !important; color: var(--mute) !important; margin: 8px 0 0; line-height: 1.45; }
.kln-age { flex: none; display: inline-grid; place-items: center; width: 38px; height: 38px; border: 2px solid var(--rust); border-radius: 50%; font: 700 13px/1 var(--body); color: var(--ink); }
.kln-endad { padding: 22px 24px; border-top: 8px solid var(--rust); }
.kln-endad__d { font-size: 14px !important; color: var(--mute) !important; margin-top: 10px; }
.kln-course { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--gap); padding-block: 0 var(--gap); }
.kln-end { grid-column: 1 / 3; padding: 20px 18px; display: flex; flex-direction: column; justify-content: space-between; gap: 12px; }
.kln-end b { font: 700 13px/1.3 var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--rust); }
.kln-end span { font: 700 76px/.9 var(--display); color: var(--rule); }
.kln-end__w { display: block; flex: 1; width: 100%; min-height: 48px; }
.kln-ep__b { fill: var(--stone2); }
.kln-fact__b { width: 84px; height: auto; margin-bottom: 10px; fill: var(--rust); opacity: .85; }
.kln-body { grid-column: 3 / 13; padding: 28px 32px 30px; }
.kln-course--r .kln-end { grid-column: 11 / 13; grid-row: 1; }
.kln-course--r .kln-body { grid-column: 1 / 11; grid-row: 1; }
.kln-h2 { font-size: clamp(30px, 3vw, 40px); margin: 0 0 16px; }
.kln-h3 { font: 700 23px/1.2 var(--display); margin: 20px 0 8px; }
.kln-text { color: var(--soft); max-width: 44em; }
.kln-text a, .kln-faq a, .kln-list a, .kln-addr a { overflow-wrap: anywhere; }
.kln-text--cols { columns: 2; column-gap: 36px; max-width: none; }
.kln-text--cols p { break-inside: avoid; }
.kln-list { list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 8px; }
.kln-list li { background: var(--stone2); padding: 12px 16px 12px 44px; position: relative; color: var(--soft); border-radius: 2px; }
.kln-list li::before { content: ""; position: absolute; left: 14px; top: 19px; width: 18px; height: 10px; background: var(--rust); border-radius: 1px; }
.kln-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 26px 34px; align-items: start; }
.kln-more { margin: 12px 0 0; font: 700 15px/1.3 var(--body); }
.kln-more a { display: inline-flex; gap: 6px; align-items: center; text-decoration: none; border-bottom: 2px solid var(--rust); padding-bottom: 2px; color: var(--ink); }
.kln-fig { margin: 0; }
.kln-fig img { width: 100%; border-radius: 2px; }
.kln-addr { display: flex; gap: 10px; align-items: flex-start; background: var(--stone2); padding: 12px 16px; color: var(--soft); margin: 4px 0 12px; border-radius: 2px; }
.kln-scroll { overflow-x: auto; margin: 14px 0 0; }
.kln-table { width: 100%; border-collapse: separate; border-spacing: 0 4px; font-size: 16px; }
.kln-table caption { caption-side: bottom; text-align: left; font-size: 13px; color: var(--mute); padding-top: 6px; }
.kln-table th, .kln-table td { text-align: left; vertical-align: top; padding: 9px 12px; background: var(--stone2); }
.kln-table thead th { background: none; font: 700 12px/1.3 var(--body); letter-spacing: .12em; text-transform: uppercase; color: var(--mute); }
.kln-table tbody th { font-weight: 700; white-space: nowrap; }
.kln-table td { color: var(--soft); }
.kln-tool { background: var(--stone2); padding: 18px 18px 16px; border-radius: 3px; }
.kln-hero-tool.kln-tool { background: var(--stone); padding: 20px 22px; }
.kln-tool__h h2, .kln-tool__h h3 { font: 700 23px/1.15 var(--display); margin: 0 0 4px; }
.kln-tool__h p { font-size: 15px; color: var(--mute); margin: 0 0 10px; }
.kln-days { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 10px; }
.kln-day { position: relative; }
.kln-day input { position: absolute; opacity: 0; pointer-events: none; }
.kln-day span { display: block; min-width: 46px; text-align: center; padding: 7px 8px; font: 700 14px/1 var(--body); background: var(--stone); color: var(--soft); border: 1.5px solid var(--rule); border-radius: 2px; cursor: pointer; }
.kln-hero-tool .kln-day span { background: var(--stone2); }
.kln-day input:checked + span { background: var(--rust); border-color: var(--rust); color: var(--stone); }
.kln-day input:focus-visible + span { outline: 3px solid var(--ink); }
.kln-row { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: flex-end; margin: 0 0 10px; }
.kln-field { display: flex; flex-direction: column; gap: 4px; font: 700 12px/1.3 var(--body); letter-spacing: .1em; text-transform: uppercase; color: var(--mute); }
.kln-field select { font: 600 16px/1.2 var(--body); color: var(--ink); background: var(--stone); border: 1.5px solid var(--rule); border-radius: 2px; padding: 8px 10px; min-width: 130px; }
.kln-check { display: inline-flex; gap: 8px; align-items: center; font: 600 15px/1.2 var(--body); color: var(--soft); cursor: pointer; }
.kln-check input { width: 18px; height: 18px; accent-color: var(--rust); }
.kln-say { font-size: 16px; color: var(--soft); margin: 8px 0 0; min-height: 3em; }
.kln-say b { color: var(--ink); }
.kln-wallsvg { display: block; width: 100%; height: auto; }
.kln-wb { fill: var(--stone); stroke: var(--brickLine); stroke-width: 1; }
.kln-wb--on { fill: var(--brick); stroke: var(--brickLine); }
.kln-wb--sel { fill: var(--rust); }
.kln-wr--sel { fill: none; stroke: var(--ink); stroke-width: 2.5; }
.kln-wl { fill: var(--mute); font: 700 11px var(--body); letter-spacing: .06em; }
.kln-wl--h { fill: var(--ink); font-size: 12px; }
.kln-wl--sel { fill: var(--ink); }
.kln-wt { fill: var(--stone); font: 700 10px var(--body); letter-spacing: .04em; }
.kln-arch { display: block; width: 100%; height: auto; }
.kln-ar__frame { fill: var(--stone3); }
.kln-ar__open { fill: var(--lit); }
.kln-ar__shut { fill: url(#kln-bricks); }
.kln-ar__call { fill: url(#kln-hatch); }
.kln-ar__key { fill: var(--rust); }
.kln-ar__name { fill: var(--ink); font: 700 18px var(--display); }
.kln-ar__st { fill: var(--litInk); font: 700 15px var(--body); letter-spacing: .06em; }
.kln-ar__st--shut { fill: #fbeee0; }
.kln-ar__st--call { fill: var(--ink); }
.kln-pat__b { fill: var(--brick2); }
.kln-pat__m { fill: var(--brickLine); }
.kln-pat__h { stroke: var(--mute); stroke-width: 3; }
.kln-crs { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.kln-crs button { width: 100%; display: grid; grid-template-columns: 118px minmax(0, 1fr) 62px; gap: 10px; align-items: center; background: var(--stone); border: 1.5px solid transparent; border-radius: 2px; padding: 5px 10px; cursor: pointer; font: 600 14px/1.2 var(--body); color: var(--soft); text-align: left; }
.kln-crs button[aria-pressed="true"] { border-color: var(--rust); color: var(--ink); }
.kln-crs svg { width: 100%; height: 14px; display: block; }
.kln-crs b { text-align: right; font-weight: 700; color: var(--ink); }
.kln-crb { fill: var(--brick); }
.kln-crs button[aria-pressed="true"] .kln-crb { fill: var(--rust); }
.kln-go { display: inline-flex; gap: 8px; align-items: center; margin: 12px 0 0; font: 700 15px/1.2 var(--body); color: var(--ink); text-decoration: none; border: 2px solid var(--ink); padding: 10px 14px; border-radius: 3px; }
.kln-go:hover { background: var(--stone); }
.kln-osm { font-size: 13px; color: var(--mute); margin: 8px 0 0; }
.kln-jsonly { display: none; }
.kln-js .kln-jsonly { display: block; }
.kln-js .kln-nojs { display: none; }
.kln-band { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--gap); padding-block: var(--gap); }
.kln-band__t { grid-column: 1 / 8; padding: 28px 32px; }
.kln-band__t h1 { font-size: clamp(36px, 4vw, 52px); margin: 8px 0 14px; }
.kln-band__p { grid-column: 8 / 13; padding: 10px; }
.kln-band__p .kln-fig img { aspect-ratio: 4 / 3; object-fit: cover; }
.kln-band--nopic .kln-band__t { grid-column: 1 / 13; }
.kln-back { display: inline-flex; gap: 6px; align-items: center; font: 700 14px/1 var(--body); color: var(--mute); text-decoration: none; }
.kln-toc { padding: 14px 22px; margin: 0 0 var(--gap); display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: center; }
.kln-toc span { font: 700 12px/1 var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--rust); }
.kln-toc ul { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; padding: 0; }
.kln-toc a { font-size: 15px; color: var(--ink); }
.kln-faq { display: grid; gap: 8px; }
.kln-faq details { background: var(--stone2); padding: 12px 16px; border-radius: 2px; }
.kln-faq summary { cursor: pointer; font: 700 19px/1.3 var(--display); }
.kln-faq p { color: var(--soft); margin: 8px 0 0; }
.kln-cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.kln-cards a { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px; background: var(--stone2); text-decoration: none; height: 100%; border-radius: 2px; color: var(--ink); }
.kln-cards a:hover { background: var(--stone3); }
.kln-cards__k { font: 700 12px/1.3 var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--rust); }
.kln-cards__t { font: 700 20px/1.2 var(--display); }
.kln-foot { padding: 0 0 var(--gap); }
.kln-foot__in { padding: 30px 32px 20px; }
.kln-foot__g { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 24px 40px; }
.kln-foot h2 { font: 700 12px/1.3 var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--rust); margin: 0 0 10px; }
.kln-foot ul { list-style: none; margin: 0; padding: 0; }
.kln-foot li { margin: 0 0 6px; font-size: 15px; }
.kln-foot p { font-size: 15px; color: var(--soft); }
.kln-foot__brand { font: 700 24px/1 var(--display) !important; color: var(--ink) !important; margin-bottom: 10px; }
.kln-foot__fine { border-top: 1.5px solid var(--rule); margin-top: 18px; padding-top: 14px; }
.kln-foot__fine p { font-size: 13px; color: var(--mute); margin: 0 0 5px; }
.kln-hold { padding: 40px 32px; }
@media (max-width: 1080px) {
  .kln-nav a { padding: 8px 6px; font-size: 14px; }
  .kln-hero { grid-column: 1 / 8; }
  .kln-pic { grid-column: 8 / 13; }
  .kln-hero-tool { grid-column: 1 / 13; grid-row: 2; }
  .kln-f1 { grid-column: 1 / 5; grid-row: 3; }
  .kln-f2 { grid-column: 5 / 9; grid-row: 3; }
  .kln-f3 { grid-column: 9 / 13; grid-row: 3; }
}
@media (max-width: 900px) {
  body { font-size: 17px; }
  .kln-wrap { padding-inline: 12px; }
  .kln-head__bar { padding: 8px 10px; gap: 8px; }
  .kln-logo svg { width: 32px; height: 28px; }
  .kln-logo__t b { font-size: 19px; }
  .kln-logo__t span { display: none; }
  .kln-burger { display: inline-grid; place-items: center; }
  .kln-nav { position: absolute; left: 12px; right: 12px; top: 100%; display: none; flex-direction: column; align-items: stretch; background: var(--stone); padding: 10px; border-radius: 3px; box-shadow: 0 8px 20px rgba(0, 0, 0, .25); }
  .kln-nav.is-open { display: flex; }
  .kln-nav ul { flex-direction: column; }
  .kln-nav a { padding: 12px 8px; font-size: 16px; border-bottom: 1px solid var(--rule); }
  .kln-theme { align-self: flex-start; margin-top: 8px; }
  .kln-theme span { display: inline; }
  .kln-note { text-align: left; }
  .kln-wall, .kln-course, .kln-band { grid-template-columns: minmax(0, 1fr); }
  .kln-wall > *, .kln-hero, .kln-pic, .kln-f1, .kln-f2, .kln-f3, .kln-hero-tool, .kln-end, .kln-body, .kln-course--r .kln-end, .kln-course--r .kln-body, .kln-band__t, .kln-band__p { grid-column: 1 / -1; grid-row: auto; }
  .kln-hero { padding: 22px 18px; }
  .kln-pic { min-height: 0; }
  .kln-pic img { position: static; width: 100%; height: auto; aspect-ratio: 1 / 1; }
  .kln-pic figcaption { position: static; padding: 8px 4px 0; }
  .kln-end { flex-direction: row; align-items: center; padding: 12px 16px; }
  .kln-end span { font-size: 24px; }
  .kln-end__w { display: none; }
  .kln-body { padding: 22px 18px 24px; }
  .kln-band__t { padding: 22px 18px; }
  .kln-text--cols { columns: 1; }
  .kln-split { grid-template-columns: minmax(0, 1fr); }
  .kln-adtop__in { grid-template-columns: minmax(0, 1fr); padding: 18px; }
  .kln-cards { grid-template-columns: minmax(0, 1fr); }
  .kln-foot__in { padding: 24px 18px 16px; }
  .kln-foot__g { grid-template-columns: minmax(0, 1fr); }
  .kln-toc { padding: 12px 16px; }
}
@media (max-width: 520px) {
  .kln-paid--head { padding: 10px 10px; font-size: 14px; }
  .kln-head__bar { gap: 6px; padding: 8px; }
  .kln-head__end { gap: 5px; }
  .kln-logo { gap: 8px; }
  .kln-logo svg { width: 26px; height: 22px; }
  .kln-logo__t b { font-size: 17px; }
  .kln-burger { width: 38px; height: 38px; }
  .kln-day span { min-width: 40px; padding: 7px 5px; }
  .kln-crs button { grid-template-columns: 96px minmax(0, 1fr) 52px; padding: 5px 8px; font-size: 13px; }
  .kln-field select { min-width: 0; }
  .kln-wl { font-size: 14px; }
  .kln-wl--h { font-size: 14px; }
  .kln-ar__st { font-size: 21px; }
  .kln-ar__name { font-size: 24px; }
}