/* ОКО reading and footer continue the instrument's ink, gold and fine lines. */
body.kd-oko-design { background:#0c0d16 !important; }
body.kd-oko-design.oko-active-view .oko-reading,
body.kd-oko-design.oko-active-view .oko-learning-path { display:none; }
body.kd-oko-design .oko-reading,
body.kd-oko-design .oko-learning-path { --reading-gold:#d5bd88; --reading-text:#eee7d8; --reading-muted:#aaa6b7; --reading-line:#d3b98428; --reading-serif:'Cormorant',Georgia,serif; color:var(--reading-text); font-family:'Golos Text',system-ui,sans-serif; max-width:1440px; padding:0 56px; margin:0 auto; box-sizing:border-box; }
body.kd-oko-design .oko-reading * , body.kd-oko-design .oko-learning-path * { box-sizing:border-box; }
body.kd-oko-design .oko-reading :is(h2,h3),
body.kd-oko-design .oko-learning-path h2 { margin:0; font:500 48px/1.1 var(--reading-serif); color:var(--reading-text); letter-spacing:-.015em; }
body.kd-oko-design .oko-reading em,
body.kd-oko-design .oko-learning-path em { color:var(--reading-gold); font-style:italic; }
body.kd-oko-design .oko-reading p { margin:0 0 19px; font-size:16px; line-height:1.9; color:var(--reading-muted); }
body.kd-oko-design .oko-reading p:last-child { margin-bottom:0; }
body.kd-oko-design .oko-reading strong { color:#e3dac7; font-weight:500; }
body.kd-oko-design .oko-reading-eyebrow { display:block; font-size:11px; font-weight:500; line-height:1.8; letter-spacing:.14em; color:var(--reading-gold); text-transform:uppercase; }
body.kd-oko-design .oko-reading h2 { margin-top:17px; }
body.kd-oko-design .oko-reading-art { width:72px; height:72px; color:#c8ac78; flex:none; }
body.kd-oko-design .oko-reading-intro { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:48px 85px; padding:60px 0 82px; }
body.kd-oko-design .oko-reading-intro h2 { max-width:490px; font-size:53px; }
body.kd-oko-design .oko-reading-intro h2 em { display:block; }
body.kd-oko-design .oko-reading-intro-body { padding-top:38px; }
body.kd-oko-design .oko-reading-mark { display:flex; align-items:center; gap:22px; margin-top:30px; color:#c6b18a; }
body.kd-oko-design .oko-reading-mark > span { font:500 64px/1 var(--reading-serif); }
body.kd-oko-design .oko-reading-mark > i { display:block; width:1px; height:40px; background:#d3b98445; transform:rotate(15deg); }
body.kd-oko-design .oko-reading-mark > small { font-size:12px; line-height:1.8; }
body.kd-oko-design .oko-reading-steps { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
body.kd-oko-design .oko-reading-steps > div { position:relative; padding:25px 30px; border:1px solid var(--reading-line); border-radius:5px; background:linear-gradient(130deg,#191923,#10121b); }
body.kd-oko-design .oko-reading-steps h3 { font-size:30px; margin-bottom:12px; padding-right:38px; }
body.kd-oko-design .oko-reading-steps p { font-size:14px; line-height:1.85; max-width:300px; }
body.kd-oko-design .oko-reading-step-number { position:absolute; top:25px; right:25px; font:500 23px/1 var(--reading-serif); color:#b99f6d; }
body.kd-oko-design .oko-reading-section { padding:72px 0; border-top:1px solid var(--reading-line); }
body.kd-oko-design .oko-reading-section-head { display:flex; align-items:end; justify-content:space-between; gap:35px; margin-bottom:35px; }
body.kd-oko-design .oko-reading-section-head h2 { max-width:630px; }
body.kd-oko-design .oko-reading-section-head > p { font-size:14px; line-height:1.9; text-align:right; margin:0; }
body.kd-oko-design .oko-reading-categories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; }
body.kd-oko-design .oko-reading-category { border:1px solid #d3b98435; border-radius:5px; background:linear-gradient(130deg,#181821,#11131d); }
body.kd-oko-design .oko-reading summary { list-style:none; cursor:pointer; }
body.kd-oko-design .oko-reading summary::-webkit-details-marker { display:none; }
body.kd-oko-design .oko-reading-category > summary { display:grid; grid-template-columns:65px minmax(0,1fr) 22px; align-items:center; gap:25px; padding:27px; min-height:170px; }
body.kd-oko-design .oko-reading-category .oko-reading-art { width:65px; height:65px; }
body.kd-oko-design .oko-reading-category h3 { font-size:32px; margin:9px 0; }
body.kd-oko-design .oko-reading-category .oko-reading-eyebrow { font-size:10px; }
body.kd-oko-design .oko-reading-description { display:block; font-size:13px; line-height:1.8; color:var(--reading-muted); }
body.kd-oko-design .oko-reading-toggle { display:block; position:relative; width:18px; height:18px; flex:none; color:#cdb480; }
body.kd-oko-design .oko-reading-toggle::before,
body.kd-oko-design .oko-reading-toggle::after { content:''; position:absolute; top:8px; left:2px; width:14px; height:1px; background:currentColor; }
body.kd-oko-design .oko-reading-toggle::after { transform:rotate(90deg); transition:transform .2s; }
body.kd-oko-design .oko-reading details[open] > summary .oko-reading-toggle::after { transform:rotate(0deg); }
body.kd-oko-design .oko-reading summary:hover { background:#d3b98405; }
body.kd-oko-design .oko-reading summary:focus-visible,
body.kd-oko-design .oko-reading a:focus-visible,
body.kd-oko-design .oko-learning-path a:focus-visible { outline:2px solid #e4c991; outline-offset:5px; }
body.kd-oko-design .oko-reading-detail { padding:0 27px 27px; }
body.kd-oko-design .oko-reading-detail > p { border-top:1px solid var(--reading-line); padding-top:25px; font-size:15px; }
body.kd-oko-design .oko-reading a { color:#d7bf8e; text-decoration:none; border-bottom:1px solid #d3b98440; }
body.kd-oko-design .oko-reading a:hover { color:#f0dbb4; border-color:#d3b98490; }
body.kd-oko-design .oko-reading-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
body.kd-oko-design .oko-reading-links > a { display:inline-flex; align-items:center; gap:15px; border:1px solid #d3b98435; border-radius:4px; padding:11px 14px; color:#d7c49f; font-size:12px; line-height:1.65; background:#0d0f1780; }
body.kd-oko-design .oko-reading-links > a:hover { background:#d3b9840a; }
body.kd-oko-design .oko-reading-links > a > span { color:#bca36f; }
body.kd-oko-design .oko-reading-note { margin:27px 0 0 !important; border-left:1px solid #c4aa7375; padding:9px 0 9px 22px; font-size:14px !important; line-height:1.85 !important; }
body.kd-oko-design .oko-reading-laboratory { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:70px; padding:40px; margin:5px 0 75px; border:1px solid #d3b98445; border-radius:5px; background:radial-gradient(ellipse at 15% 50%,#b79b6212,transparent 55%),linear-gradient(130deg,#191923,#10121b); }
body.kd-oko-design .oko-reading-laboratory .oko-reading-art { width:86px; height:86px; margin-bottom:20px; }
body.kd-oko-design .oko-reading-laboratory h2 { font-size:43px; }
body.kd-oko-design .oko-reading-laboratory > div:last-child { padding-top:17px; }
body.kd-oko-design .oko-reading-laboratory p { font-size:15px; }
body.kd-oko-design .oko-reading-rhythm { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:85px; padding:45px 0 80px; align-items:center; }
body.kd-oko-design .oko-reading-duration-value { display:block; font:500 clamp(90px,9vw,130px)/1 var(--reading-serif); color:#e3c998; }
body.kd-oko-design .oko-reading-duration-value > span { color:#7e6e51; margin:0 8px; }
body.kd-oko-design .oko-reading-duration small { display:block; color:var(--reading-muted); font-size:14px; margin:20px 0 27px; }
body.kd-oko-design .oko-reading-duration > i { display:block; height:1px; width:72px; background:#d3b98455; margin-bottom:25px; }
body.kd-oko-design .oko-reading-rhythm h2 { margin-bottom:26px; }
body.kd-oko-design .oko-reading-split { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:85px; padding:70px 0; border-top:1px solid var(--reading-line); }
body.kd-oko-design .oko-reading-split > header > p { max-width:340px; font-size:14px; line-height:1.9; margin:23px 0 0; }
body.kd-oko-design .oko-reading-split > header > .oko-reading-art { margin-top:30px; width:100px; height:100px; opacity:.6; }
body.kd-oko-design .oko-reading-split > div { padding-top:8px; }
body.kd-oko-design .oko-reading-question { border-bottom:1px solid #d3b98430; }
body.kd-oko-design .oko-reading-question:first-child { border-top:1px solid #d3b98430; }
body.kd-oko-design .oko-reading-question > summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:23px 3px; color:#e1d8c9; font-size:16px; line-height:1.7; }
body.kd-oko-design .oko-reading-answer { padding:0 34px 25px 3px; }
body.kd-oko-design .oko-reading-answer p { font-size:15px; }
body.kd-oko-design .oko-reading-care { padding:35px; border:1px solid #d3b98430; border-radius:5px; margin:10px 0 0; background:#d3b98404; gap:50px; }
body.kd-oko-design .oko-reading-care p { font-size:15px; }
body.kd-oko-design .oko-reading-faq { border-top:0; padding-bottom:85px; }
body.kd-oko-design .oko-learning-path { padding-bottom:70px; }
body.kd-oko-design .oko-learning-path > header { border-top:1px solid var(--reading-line); padding-top:55px; margin-bottom:35px; }
body.kd-oko-design .oko-learning-path h2 { font-size:43px; margin-top:17px; }
body.kd-oko-design .oko-learning-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
body.kd-oko-design .oko-learning-grid > a { display:grid; grid-template-columns:58px minmax(0,1fr) 14px; gap:18px; align-items:center; padding:27px 24px; border:1px solid var(--reading-line); border-radius:5px; color:var(--reading-text); background:linear-gradient(130deg,#171823,#11131b); text-decoration:none; }
body.kd-oko-design .oko-learning-grid > a[aria-current] { border-color:#d3b98470; background:linear-gradient(130deg,#25221e,#171820); }
body.kd-oko-design .oko-learning-grid > a:hover { border-color:#d3b98490; }
body.kd-oko-design .oko-learning-grid .oko-reading-art { width:58px; height:58px; }
body.kd-oko-design .oko-learning-grid strong { display:block; font:500 28px/1.2 var(--reading-serif); color:var(--reading-text); margin:8px 0 10px; }
body.kd-oko-design .oko-learning-grid > a > span > span:last-child { display:block; font-size:12px; line-height:1.8; color:var(--reading-muted); }
body.kd-oko-design .oko-learning-grid i { font-size:20px; font-style:normal; color:#cfb27c; }
body.kd-oko-design .kd-map { margin-top:0; border-color:#d3b98428; background:#0c0d16; }
body.kd-oko-design .kd-map-in { max-width:1440px; padding:40px 56px 30px; }
body.kd-oko-design .kd-map-h { font-size:11px; letter-spacing:.14em; font-weight:500; color:#c7ae79; margin-bottom:30px; }
body.kd-oko-design .kd-map-grid { gap:25px 30px; }
body.kd-oko-design .kd-map-col b { font:500 24px/1.3 'Cormorant',Georgia,serif; color:#e5ddce; margin-bottom:13px; }
body.kd-oko-design .kd-map-col a { font-size:13px; line-height:1.6; color:#aaa6b7; padding:6px 0; }
body.kd-oko-design .kd-map-col a:hover, body.kd-oko-design .kd-map-col a[aria-current] { color:#d5bd88; }
body.kd-oko-design .kd-foot { background:#0c0d16; color:#aaa6b7; }
body.kd-oko-design .kd-foot-in { max-width:1328px; padding:25px 0 35px; border-color:#d3b98428; gap:14px 20px; }
body.kd-oko-design .kd-foot-brand { color:#d5bd88; }
body.kd-oko-design .kd-foot-links a { color:#aaa6b7; font-size:13px; }
body.kd-oko-design .kd-foot-links a:hover { color:#d5bd88; }
body.kd-oko-design .kd-fine { font-size:12px; line-height:1.9; color:#8f8a9b; }
@media(max-width:1439px) { body.kd-oko-design .kd-foot-in { margin-inline:56px; } }
@media(max-width:1150px) {
 body.kd-oko-design .oko-reading, body.kd-oko-design .oko-learning-path { padding-inline:36px; }
 body.kd-oko-design .oko-reading-intro, body.kd-oko-design .oko-reading-rhythm, body.kd-oko-design .oko-reading-split { gap:45px; }
 body.kd-oko-design .oko-reading-intro h2 { font-size:47px; }
 body.kd-oko-design .oko-reading h2 { font-size:43px; }
 body.kd-oko-design .oko-reading-category > summary { grid-template-columns:48px minmax(0,1fr) 18px; gap:18px; padding:24px; }
 body.kd-oko-design .oko-reading-category .oko-reading-art { width:48px; height:48px; }
 body.kd-oko-design .oko-reading-category h3 { font-size:30px; }
 body.kd-oko-design .oko-reading-laboratory { gap:45px; padding:30px; }
 body.kd-oko-design .oko-learning-grid { grid-template-columns:1fr; }
 body.kd-oko-design .oko-learning-grid > a { grid-template-columns:64px minmax(0,1fr) 20px; padding:24px 28px; }
 body.kd-oko-design .kd-map-in { padding-inline:36px; }
 body.kd-oko-design .kd-foot-in { margin-inline:36px; }
}
@media(max-width:760px) {
 body.kd-oko-design .oko-reading-intro, body.kd-oko-design .oko-reading-rhythm, body.kd-oko-design .oko-reading-split, body.kd-oko-design .oko-reading-laboratory { grid-template-columns:minmax(0,1fr); gap:30px; }
 body.kd-oko-design .oko-reading-intro { padding-top:35px; }
 body.kd-oko-design .oko-reading-intro-body { padding-top:0; }
 body.kd-oko-design .oko-reading-steps { gap:13px; }
 body.kd-oko-design .oko-reading-steps > div { padding:24px 19px; }
 body.kd-oko-design .oko-reading-steps h3 { font-size:26px; padding-right:0; margin-top:25px; }
 body.kd-oko-design .oko-reading-step-number { top:17px; right:17px; font-size:18px; }
 body.kd-oko-design .oko-reading-steps p { font-size:13px; }
 body.kd-oko-design .oko-reading-section-head { align-items:start; flex-direction:column; gap:20px; }
 body.kd-oko-design .oko-reading-section-head > p { text-align:left; }
 body.kd-oko-design .oko-reading-categories { grid-template-columns:1fr; }
 body.kd-oko-design .oko-reading-category > summary { min-height:145px; }
 body.kd-oko-design .oko-reading-laboratory > div:last-child { padding-top:0; }
 body.kd-oko-design .oko-reading-duration-value { font-size:104px; }
 body.kd-oko-design .oko-reading-duration > i { display:none; }
 body.kd-oko-design .oko-reading-duration small { margin-bottom:18px; }
 body.kd-oko-design .oko-reading-split > header > .oko-reading-art { display:none; }
 body.kd-oko-design .kd-map-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:540px) {
 body.kd-oko-design .oko-reading, body.kd-oko-design .oko-learning-path { padding-inline:23px; }
 body.kd-oko-design .oko-reading-intro { gap:28px; padding-bottom:48px; }
 body.kd-oko-design .oko-reading h2, body.kd-oko-design .oko-reading-intro h2 { font-size:38px; line-height:1.12; }
 body.kd-oko-design .oko-reading-eyebrow { font-size:10px; letter-spacing:.1em; }
 body.kd-oko-design .oko-reading p { font-size:15px; line-height:1.9; }
 body.kd-oko-design .oko-reading-mark { gap:18px; margin-top:25px; }
 body.kd-oko-design .oko-reading-mark > span { font-size:55px; }
 body.kd-oko-design .oko-reading-mark > small { font-size:11px; }
 body.kd-oko-design .oko-reading-steps { grid-template-columns:1fr; }
 body.kd-oko-design .oko-reading-steps > div { padding:24px; }
 body.kd-oko-design .oko-reading-steps h3 { margin-top:0; font-size:29px; padding-right:30px; }
 body.kd-oko-design .oko-reading-steps p { max-width:none; font-size:14px; }
 body.kd-oko-design .oko-reading-step-number { top:25px; right:24px; font-size:22px; }
 body.kd-oko-design .oko-reading-section { padding:45px 0; }
 body.kd-oko-design .oko-reading-section-head { margin-bottom:25px; }
 body.kd-oko-design .oko-reading-category > summary { grid-template-columns:40px minmax(0,1fr) 15px; gap:15px; padding:22px 18px; }
 body.kd-oko-design .oko-reading-category .oko-reading-art { width:40px; height:40px; }
 body.kd-oko-design .oko-reading-category h3 { font-size:28px; }
 body.kd-oko-design .oko-reading-category .oko-reading-eyebrow { font-size:9px; }
 body.kd-oko-design .oko-reading-description { font-size:12px; }
 body.kd-oko-design .oko-reading-detail { padding:0 22px 24px; }
 body.kd-oko-design .oko-reading-links { gap:8px; }
 body.kd-oko-design .oko-reading-links > a { padding:10px 12px; font-size:12px; gap:12px; }
 body.kd-oko-design .oko-reading-note { padding-left:18px; }
 body.kd-oko-design .oko-reading-laboratory { padding:25px 23px; margin-bottom:42px; }
 body.kd-oko-design .oko-reading-laboratory .oko-reading-art { width:65px; height:65px; margin-bottom:16px; }
 body.kd-oko-design .oko-reading-laboratory h2 { font-size:34px; }
 body.kd-oko-design .oko-reading-rhythm { padding:15px 0 48px; }
 body.kd-oko-design .oko-reading-duration-value { font-size:95px; }
 body.kd-oko-design .oko-reading-duration small { font-size:13px; margin-top:15px; }
 body.kd-oko-design .oko-reading-split { padding:45px 0; gap:25px; }
 body.kd-oko-design .oko-reading-question > summary { font-size:15px; padding:20px 0; gap:15px; }
 body.kd-oko-design .oko-reading-answer { padding:0 15px 23px 0; }
 body.kd-oko-design .oko-reading-care { padding:25px 23px; margin-top:4px; }
 body.kd-oko-design .oko-reading-care p { font-size:14px; }
 body.kd-oko-design .oko-reading-faq { padding-bottom:50px; }
 body.kd-oko-design .oko-learning-path { padding-bottom:45px; }
 body.kd-oko-design .oko-learning-path > header { padding-top:35px; margin-bottom:25px; }
 body.kd-oko-design .oko-learning-path h2 { font-size:38px; }
 body.kd-oko-design .oko-learning-grid > a { grid-template-columns:45px minmax(0,1fr) 15px; gap:18px; padding:24px 20px; }
 body.kd-oko-design .oko-learning-grid .oko-reading-art { width:45px; height:45px; }
 body.kd-oko-design .oko-learning-grid strong { font-size:27px; }
 body.kd-oko-design .kd-map-in { padding:32px 23px 24px; }
 body.kd-oko-design .kd-map-grid { gap:24px 20px; }
 body.kd-oko-design .kd-map-col b { font-size:23px; }
 body.kd-oko-design .kd-map-col a { font-size:12px; }
 body.kd-oko-design .kd-foot-in { margin-inline:23px; padding-top:20px; }
 body.kd-oko-design .kd-foot-links { margin-left:0; gap:3px 14px; }
 body.kd-oko-design .kd-foot-links a { padding-inline:0; font-size:12px; }
 body.kd-oko-design .kd-fine { font-size:11px; }
}
@media(max-width:360px) {
 body.kd-oko-design .oko-reading-category > summary { grid-template-columns:minmax(0,1fr) 18px; }
 body.kd-oko-design .oko-reading-category .oko-reading-art { display:none; }
}
@media(prefers-reduced-motion:reduce) { body.kd-oko-design .oko-reading-toggle::after { transition:none; } }