/* TBW — стилі теми. * * Один файл замість інлайнових блоків у . Причина не в акуратності: * інлайновий стиль віддається заново на кожній сторінці, не кешується * браузером між переходами, не версіонується і не лежить у git. Файл * виправляє все чотири. * * Змінні (--bg, --ink, --dim, --gold) приходять із глобальних стилів теми * і тут навмисно не перевизначаються: одне джерело палітри. * * Перенесено зі снипетів WPCode: 6722 (alignwide), 6792 (лайтбокс). */ /* ── Широкі фігури в тілі статті ───────────────────────────────────────── Перенесено з 6722. Клас .alignwide в цій темі сам по собі нічого не розширює всередині .wp-block-post-content, тому ширину задаємо явно. */ .wp-block-post-content .alignwide { width: 100%; max-width: 100%; margin-left: 0 !important; margin-right: 0 !important; } .wp-block-post-content .alignwide img { width: 100%; height: auto; display: block; } .wp-block-post-content .alignwide figcaption { text-align: left; } /* Підказка «Click to enlarge» показується лише при наведенні і не перехоплює вказівник — інакше вона б заважала кліку по самій картинці. */ .wp-block-post-content .tbw-figure { position: relative; } .wp-block-post-content .tbw-figure::after { content: "Click to enlarge"; position: absolute; right: 10px; bottom: 10px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; letter-spacing: 1px; color: var(--dim); background: rgba(20, 22, 26, .9); border: 1px solid #2A2D34; border-radius: 3px; padding: 4px 8px; pointer-events: none; opacity: 0; transition: opacity .15s; } .wp-block-post-content .tbw-figure:hover::after { opacity: 1; } /* ── Лайтбокс ──────────────────────────────────────────────────────────── Перенесено з 6792. Розмітку створює assets/lightbox.js. */ .tbw-zoomable { cursor: zoom-in; } .tbw-lb { position: fixed; inset: 0; z-index: 99999; display: none; align-items: center; justify-content: center; background: rgba(10, 11, 13, .95); padding: 40px 24px; } .tbw-lb.is-open { display: flex; } .tbw-lb__fig { margin: 0; max-width: 96vw; display: flex; flex-direction: column; gap: 14px; align-items: center; } .tbw-lb__img { max-width: 96vw; max-height: 84vh; width: auto; height: auto; display: block; border: 1px solid #2A2D34; border-radius: 4px; background: var(--bg); } .tbw-lb__cap { color: var(--dim); font-size: 14px; line-height: 1.55; text-align: center; max-width: 70ch; margin: 0; } .tbw-lb__close { position: fixed; top: 18px; right: 22px; width: 44px; height: 44px; border: 1px solid #2A2D34; border-radius: 50%; background: var(--bg); color: var(--ink); font-size: 24px; line-height: 1; cursor: pointer; padding: 0; } .tbw-lb__close:hover, .tbw-lb__close:focus { border-color: var(--gold); color: var(--gold); outline: none; } .tbw-lb__hint { position: fixed; bottom: 18px; left: 0; right: 0; text-align: center; color: #6E6A63; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; letter-spacing: 1.4px; } body.tbw-lb-open { overflow: hidden; } @media (max-width: 600px) { .tbw-lb { padding: 20px 10px; } .tbw-lb__img { max-height: 76vh; } .tbw-lb__hint { display: none; } } /* ═══════════════════════════════════════════════════════════════════════════ * ПЕРЕНЕСЕНО З ОПЦІЇ WPCode «Header & Footer» (ihaf_insert_header), 10.08.2026. * * Ці 52 КБ віддавались інлайном у КОЖНОЇ з 350 сторінок сайту: не * кешувались між переходами, не версіонувались, не лежали в git. Це була * найбільша окрема стаття витрат у бюджеті — більша за всі снипети * разом узяті (вони давали 5,6 КБ). * * ПОРЯДОК БЛОКІВ ЗБЕРЕЖЕНО РІВНО ТАКИЙ, ЯКИЙ БУВ. Це не педантизм: у CSS * перемагає останнє правило рівної ваги, тож перестановка блоків тихо змінює * вигляд. Перевірено, що блок опції стояв у ПІСЛЯ файлу теми і що між * ними не було інших стилів — тому перенесення каскад не зачіпає. * * Лапки розекрановано: WordPress зберігав значення опції зі слешами * (156 входжень \" і 186 \'), а у файлі це був би невалідний CSS. * * Постранічні блоки (postid-6483, post-7233, page-id-7185, page-id-6608/6671) * лишені тут як є — вони прибиті до конкретних сторінок і важать разом ~10 КБ. * Умовне підключення — окреме завдання, воно потребує рішення про те, що з * цими сторінками робити далі. * ═══════════════════════════════════════════════════════════════════════════ */ /* ── з блоку id="tbw-fonts-local" ── */ @font-face{font-family:"Fraunces";font-style:normal;font-weight:400 600;font-display:optional;src:url(https://romankalugin.com/wp-content/uploads/2026/08/fraunces-latin-normal-subset.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:"Fraunces";font-style:italic;font-weight:400 500;font-display:optional;src:url(https://romankalugin.com/wp-content/uploads/2026/08/fraunces-latin-italic-subset.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} /* ── з блоку id="tbw-brain-article-v2" ── */ body.postid-6483 .tbw-subtitle{margin:24px 0 30px;color:var(--dim);font-family:var(--disp);font-size:clamp(1.05rem,.98rem + .3vw,1.22rem);font-style:italic;line-height:1.45} body.postid-6483 .entry-content.is-layout-constrained > .tbw-article-hero.alignwide, body.postid-6483 .entry-content.is-layout-constrained > .tbw-viz.alignwide{width:min(800px,calc(100vw - 48px))!important;max-width:800px!important;margin-left:50%!important;margin-right:0!important;transform:translateX(-50%)} body.postid-6483 .tbw-article-hero{margin-top:42px!important;margin-bottom:52px!important;overflow:hidden;border:1px solid var(--hair);border-radius:10px;background:var(--panel);box-shadow:0 22px 60px -42px rgba(0,0,0,.9)} body.postid-6483 .tbw-article-hero img{display:block;width:100%;height:auto;border-radius:9px} body.postid-6483 .tbw-viz{margin-top:48px!important;margin-bottom:48px!important;overflow:hidden;border-radius:14px;box-shadow:0 22px 60px -44px rgba(0,0,0,.95)} body.postid-6483 .tbw-viz svg{display:block;width:100%;height:auto} body.postid-6483 .tbw-action-list{counter-reset:tbw-action;display:grid;gap:12px;margin:24px 0 50px} body.postid-6483 .tbw-action-list>p{counter-increment:tbw-action;position:relative;margin:0!important;padding:20px 22px 20px 66px;background:linear-gradient(135deg,var(--panel),rgba(26,29,35,.72));border:1px solid var(--hair);border-radius:8px;color:var(--tbody)} body.postid-6483 .tbw-action-list>p::before{content:counter(tbw-action,decimal-leading-zero);position:absolute;left:20px;top:22px;color:var(--amber);font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.12em} body.postid-6483 .tbw-action-list>p:hover{border-color:rgba(232,162,58,.38)} @media(max-width:560px){ body.postid-6483 .entry-content.is-layout-constrained > .tbw-article-hero.alignwide, body.postid-6483 .entry-content.is-layout-constrained > .tbw-viz.alignwide{width:calc(100vw - 32px)!important} body.postid-6483 .tbw-action-list>p{padding:18px 17px 18px 54px} body.postid-6483 .tbw-action-list>p::before{left:16px;top:20px} } /* ── з блоку id="block3" ── */ footer .google-auto-placed,footer ins.adsbygoogle,footer ~ .google-auto-placed,footer ~ ins.adsbygoogle{display:none !important} /* ── з блоку id="tbw-uk-book-feed-card" ── */ body.blog .post-7233>.wp-block-group{display:grid!important;grid-template-columns:140px minmax(0,1fr);column-gap:24px;align-items:start} body.blog .post-7233 .wp-block-post-title, body.blog .post-7233 .wp-block-post-title+.wp-block-group{grid-column:1/-1} body.blog .post-7233 .wp-block-post-featured-image{grid-column:1;margin:6px 0 0!important;max-width:140px} body.blog .post-7233 .wp-block-post-featured-image img{display:block;width:140px!important;height:auto!important;object-fit:contain!important} body.blog .post-7233 .wp-block-post-excerpt{grid-column:2;margin:0} body.blog .post-7233 .wp-block-post-excerpt__excerpt{margin-top:0} @media(max-width:560px){ body.blog .post-7233>.wp-block-group{grid-template-columns:96px minmax(0,1fr);column-gap:16px} body.blog .post-7233 .wp-block-post-featured-image{max-width:96px} body.blog .post-7233 .wp-block-post-featured-image img{width:96px!important} } /* ── з блоку id="tbw-about-portrait-layout" ── */ body.page-id-7185 .entry-content>.tbw-about-intro{position:relative;left:50%;width:min(920px,calc(100vw - 48px));max-width:none;margin:8px 0 52px;transform:translateX(-50%);display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(32px,5vw,68px);align-items:center} body.page-id-7185 .tbw-about-intro-copy p{margin:0;font-size:clamp(1.12rem,1.04rem + .32vw,1.3rem);line-height:1.65} body.page-id-7185 .tbw-about-portrait{margin:0} body.page-id-7185 .tbw-about-portrait img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center 30%;border:1px solid var(--hair);border-radius:14px;box-shadow:0 24px 60px -34px rgba(0,0,0,.95)} body.page-id-7185 .tbw-about-portrait figcaption{margin-top:11px;color:var(--dim);font-family:var(--mono);font-size:.68rem;line-height:1.45;text-align:center} @media(max-width:760px){ body.page-id-7185 .entry-content>.tbw-about-intro{width:calc(100vw - 32px);grid-template-columns:1fr;margin-bottom:44px;gap:28px} body.page-id-7185 .tbw-about-portrait{width:min(280px,82vw);margin:0 auto} } /* ── з блоку id="tbw-translation-note-style" ── */ .tbw-translation-note{display:block;margin:0 0 30px;padding:14px 18px;border-left:2px solid var(--amber);background:color-mix(in srgb,var(--panel) 76%,transparent);color:var(--dim);font-size:.9rem;line-height:1.55} .tbw-translation-note strong{color:var(--tbody)} .tbw-translation-note a{color:var(--amber);text-underline-offset:3px} /* ── з блоку id="tbw-css" ── */ :root{ --bg:#15130f; --panel:#1A1D23; --panel-2:#20242B; --ink:#f2ede1; --tbody:#D7D1C5; --dim:#a49f95; --hair:#2a251c; --amber:#e8a23a; --amber-soft:rgba(242,169,27,.13); --amber-glow:0 0 34px -12px rgba(242,169,27,.55); --disp:"Fraunces","Playfair Display",Georgia,serif; --sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace; --fs:clamp(1.02rem,.92rem + .3vw,1.18rem); --col:700px; --sp-1:8px; --sp-2:16px; --sp-3:24px; --sp-4:40px; --sp-5:64px; --sp-6:96px; --sp-7:144px; } @media(min-width:1920px){:root{--fs:1.28rem}} :root, body{ --wp--preset--color--base:#15130f; --wp--preset--color--surface:#1A1D23; --wp--preset--color--contrast:#f2ede1; --wp--preset--color--muted:#a49f95; --wp--preset--color--accent:#e8a23a; --wp--preset--color--border:#2a251c; --wp--preset--font-family--editorial-serif:"Fraunces","Playfair Display",Georgia,serif; } html{scroll-behavior:smooth;overflow-x:clip} body{overflow-x:clip} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} body{background:var(--bg) !important; color:var(--tbody); font-family:var(--sans); font-size:var(--fs); line-height:1.72; -webkit-font-smoothing:antialiased} ::selection{background:var(--amber); color:#15130f} a{color:var(--ink); text-decoration-color:rgba(242,169,27,.55); text-underline-offset:3px; text-decoration-thickness:1px; transition:color .15s,text-decoration-color .15s} a:hover{color:var(--amber); text-decoration-color:var(--amber)} a:focus-visible{outline:2px solid var(--amber); outline-offset:3px; border-radius:2px} h1,h2,h3,h4,h5,h6{font-family:var(--disp); font-weight:500; color:var(--ink); letter-spacing:-.005em} .tbw-icon{width:1.05em;height:1.05em;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.18em;flex:none} .tbw-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dim)} #tbw-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--amber);z-index:99999;box-shadow:0 0 8px rgba(242,169,27,.7)} body.admin-bar #tbw-progress{top:32px} @media(max-width:782px){body.admin-bar #tbw-progress{top:46px}} header.wp-block-template-part{position:sticky;top:0;z-index:9990;background:transparent;border-bottom:1px solid var(--hair);transition:transform .3s ease,opacity .5s ease} header.wp-block-template-part::before{content:"";position:absolute;inset:0;background:rgba(20,22,26,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:-1;pointer-events:none} body.admin-bar header.wp-block-template-part{top:32px} @media(max-width:782px){body.admin-bar header.wp-block-template-part{top:46px}} header.wp-block-template-part.tbw-hide{transform:translateY(-110%)} /* Компактна шапка: менше повітря, але без зменшення 44px tap-targets. */ header.wp-block-template-part > .wp-block-group{background:transparent !important;padding-top:8px !important;padding-bottom:8px !important} .tbw-mast{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:0 clamp(16px,3vw,48px);min-height:44px} .tbw-wordmark{font-family:var(--disp);font-weight:500;font-size:clamp(1.2rem,1.05rem + .7vw,1.5rem);text-decoration:none;display:flex;align-items:center;gap:10px;color:var(--ink);white-space:nowrap;user-select:none;-webkit-user-select:none} .tbw-wordmark *{user-select:none;-webkit-user-select:none} .tbw-wordmark:hover{color:var(--ink)} .tbw-wordmark .tbw-dot{color:var(--amber)} .tbw-mark{width:25px;height:25px;flex:none} header .wp-block-navigation a,header .wp-block-navigation .wp-block-navigation-item__content{font-family:var(--mono);font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;color:#C9C3B6;padding:4px 0;min-height:44px;display:inline-flex !important;align-items:center;justify-content:center;box-sizing:border-box;line-height:1} header .wp-block-navigation a:hover{color:var(--amber)} header .wp-block-navigation{gap:clamp(10px,1.6vw,24px);margin:0 !important;align-items:center} header .wp-block-navigation ul.wp-block-navigation__container{align-items:center} header .wp-block-navigation li.wp-block-navigation-item{display:flex;align-items:center} header .wp-block-navigation__responsive-container-open{min-width:44px;min-height:44px;padding:8px;display:inline-flex;align-items:center;justify-content:center} header .wp-block-navigation li:last-child a{position:relative;display:inline-flex !important;align-items:center;justify-content:center;box-sizing:border-box;line-height:1;color:var(--amber);border:0;padding:0 10px;border-radius:3px} header .wp-block-navigation li:last-child a::before{content:"";position:absolute;inset:7px 0;border:1px solid var(--hair);border-radius:3px;pointer-events:none} header .wp-block-navigation li:last-child a:hover::before{border-color:var(--amber)} header .tbw-search-btn{position:relative;min-width:44px;min-height:44px;margin:0 !important;padding:8px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;appearance:none;background:transparent;border:0;border-radius:3px;color:var(--ink);font:inherit;line-height:1;cursor:pointer} header .tbw-search-btn::before{content:"";position:absolute;inset:6px;border:1px solid var(--hair);border-radius:3px;background:var(--panel);pointer-events:none} header .tbw-search-btn:hover::before{border-color:var(--amber)} header .tbw-search-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px} header .tbw-search-btn .tbw-icon{position:relative;width:20px;height:20px;z-index:1} header .wp-block-navigation__responsive-container.is-menu-open{position:fixed;inset:0;background:var(--bg) !important;padding:100px 32px 44px;z-index:99998} .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px} .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container{display:flex;flex-direction:column;align-items:flex-start;gap:2px} .wp-block-navigation__responsive-container.is-menu-open a{font-size:1.15rem;color:var(--ink);padding:10px 0} .wp-block-navigation__responsive-container-close{color:var(--ink) !important} header .wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open,.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open{color:var(--ink) !important} .wp-block-navigation__responsive-container.is-menu-open a,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{color:var(--ink) !important;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase} .wp-block-navigation__responsive-container.is-menu-open a:hover,.wp-block-navigation__responsive-container.is-menu-open a:focus{color:var(--amber) !important} .wp-block-navigation__responsive-container.is-menu-open li:last-child a{border:1px solid var(--hair);padding:6px 14px;border-radius:3px;color:var(--amber) !important} .wp-block-navigation__responsive-container.is-menu-open li:last-child a::before{display:none} .wp-block-navigation__responsive-container-close svg{stroke:var(--ink);fill:var(--ink);width:30px;height:30px} .wp-block-navigation__responsive-container-open svg,.wp-block-navigation__responsive-container-close svg{stroke:var(--ink);fill:var(--ink);width:28px;height:28px} main.wp-block-group{padding-top:0} h1.wp-block-post-title{font-size:clamp(1.9rem,1.3rem + 2.9vw,3.1rem);line-height:1.06;margin:clamp(34px,6vw,64px) 0 10px} body.home h1.wp-block-post-title{display:none} .tbw-breadcrumbs{width:min(var(--col),calc(100% - 48px));margin:clamp(24px,4vw,40px) auto 0;color:var(--dim);font-family:var(--mono);font-size:.7rem;letter-spacing:.045em;line-height:1.45;display:flex;align-items:center;gap:10px;min-width:0} .tbw-breadcrumb-label{flex:0 0 auto;color:var(--amber);font-size:.58rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap} .tbw-breadcrumbs ol{display:flex;align-items:center;flex-wrap:nowrap;gap:7px;margin:0;padding:0;list-style:none;min-width:0} .tbw-breadcrumbs li{display:inline-flex;align-items:center;min-width:0} .tbw-breadcrumbs a{color:var(--dim);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--dim) 42%,transparent);text-underline-offset:3px} .tbw-breadcrumbs a:hover{color:var(--amber)} .tbw-breadcrumbs .tbw-breadcrumb-sep{color:color-mix(in srgb,var(--amber) 68%,var(--dim));font-size:1.1em;font-weight:600;user-select:none} .tbw-breadcrumbs+h1.wp-block-post-title{margin-top:12px} @media(max-width:560px){.tbw-breadcrumbs{width:calc(100% - 32px);gap:7px;font-size:.64rem}.tbw-breadcrumb-label{font-size:.52rem}} .wp-block-post-content p{line-height:1.78} .wp-block-post-content h2{font-size:1.55rem;margin:46px 0 14px;scroll-margin-top:120px} .wp-block-post-content h3{font-size:1.22rem;margin:32px 0 10px;scroll-margin-top:120px} body.admin-bar{scroll-padding-top:0 !important} .wp-block-post-content img{max-width:100%;height:auto;border-radius:6px} .wp-block-post-content blockquote{border-left:3px solid var(--amber);padding:6px 0 6px 20px;margin:22px 0;color:var(--ink);font-family:var(--disp);font-style:italic} .wp-block-post-content code{font-family:var(--mono);background:var(--panel);border:1px solid var(--hair);border-radius:4px;padding:1px 6px;font-size:.9em} .wp-block-post-content table{border-collapse:collapse;width:100%;font-size:.92em} .wp-block-post-content td,.wp-block-post-content th{border:1px solid var(--hair);padding:8px 12px;text-align:left} .wp-block-post-content th{background:var(--panel);color:var(--ink)} .wp-block-post-content hr{border:none;border-top:1px solid var(--hair);margin:36px 0} body.single .entry-content.is-layout-constrained > :not(.alignwide):not(.alignfull), body.single main.is-layout-constrained > h1.wp-block-post-title, body.single main.is-layout-constrained > .wp-block-group{max-width:var(--col)} .tbw-meta{font-family:var(--mono);font-size:.74rem;color:var(--dim);letter-spacing:.06em;display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-bottom:10px} .tbw-meta .wp-block-post-date,.tbw-meta .wp-block-post-author-name{font-size:.74rem;color:var(--dim)} .tbw-meta a{color:var(--dim);text-decoration:none} .tbw-meta span{display:inline-flex;align-items:center;gap:6px} .tbw-tldr{margin:30px 0;padding:22px 24px;background:var(--panel);border:1px solid var(--hair);border-left:3px solid var(--amber);border-radius:6px} .tbw-tldr .tbw-tldr-h{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--amber);font-family:var(--mono);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700} .tbw-tldr ul{margin:0 0 0 18px;padding:0} .tbw-tldr li{margin:8px 0;font-size:.97rem;color:var(--tbody)} .tbw-shift{margin:26px 0;padding:18px 22px;background:var(--amber-soft);border-radius:6px;border:1px solid rgba(242,169,27,.25)} .tbw-shift p{margin:6px 0 !important;font-size:.97rem;color:var(--ink)} .tbw-bottom{margin:48px 0 8px;padding:26px;background:var(--panel);border:1px solid var(--amber);border-radius:8px;box-shadow:var(--amber-glow)} .tbw-bottom h2{margin:0 0 12px !important;display:flex;align-items:center;gap:9px;font-size:1.1rem !important;color:var(--amber);font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;font-weight:700} .tbw-bottom p{font-family:var(--disp);font-style:italic;font-size:1.1rem;color:var(--ink)} .tbw-src-h{font-size:.78rem !important;font-family:var(--mono) !important;letter-spacing:.15em;text-transform:uppercase;color:var(--dim) !important;border-top:1px solid var(--hair);padding-top:22px;margin-top:48px !important} .tbw-src-list li{font-size:.86rem;color:var(--dim);margin:7px 0} .tbw-src-list a{color:var(--dim)} .tbw-rail{display:none} @media(min-width:1340px){ .tbw-rail{display:block;position:fixed;top:130px;width:220px;z-index:10;transition:opacity .8s ease;max-height:calc(100vh - 160px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--hair) transparent} body.admin-bar .tbw-rail{top:160px;max-height:calc(100vh - 190px)} .tbw-rail.tbw-left{left:calc(50vw - var(--col)/2 - 264px)} .tbw-rail.tbw-right{right:calc(50vw - var(--col)/2 - 244px);width:200px} .tbw-rail::-webkit-scrollbar{width:5px} .tbw-rail::-webkit-scrollbar-thumb{background:var(--hair);border-radius:3px} .tbw-rail::-webkit-scrollbar-track{background:transparent} .tbw-rail.tbw-footer-near,body.admin-bar .tbw-rail.tbw-footer-near{position:absolute!important;top:var(--tbw-rail-stop,auto)!important;max-height:none!important} } .tbw-toc .tbw-label{display:block;margin-bottom:12px} .tbw-toc a{display:block;font-size:.8rem;color:var(--dim);text-decoration:none;padding:5px 0 5px 13px;border-left:2px solid var(--hair);line-height:1.35;transition:color .15s,border-color .15s} .tbw-toc a:hover{color:var(--ink)} .tbw-toc a.tbw-active{color:var(--amber);border-left-color:var(--amber)} .tbw-toc a.tbw-sub{font-size:.72rem;padding-left:26px;opacity:.85} .tbw-toc a.tbw-sub.tbw-active{opacity:1} .tbw-share .tbw-label{display:block;margin-bottom:10px;color:var(--dim)} .tbw-share button,.tbw-share a{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--hair);color:var(--dim);font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;padding:8px 12px;border-radius:4px;cursor:pointer;margin:6px 0;text-decoration:none;transition:border-color .15s,color .15s;width:100%;min-height:40px;box-sizing:border-box} .tbw-share button:hover,.tbw-share a:hover{border-color:var(--amber);color:var(--amber)} .tbw-share button{color:#8eb267;border-color:rgba(142,178,103,.42)} .tbw-share a{color:#b493dd;border-color:rgba(180,147,221,.42)} .tbw-share button:hover{border-color:#8eb267;color:#8eb267} .tbw-share a:hover{border-color:#b493dd;color:#b493dd} .tbw-copy-status{display:block;min-height:1.2em;margin:8px 0 0;color:#8eb267;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase} .tbw-copy-status[hidden]{display:none} header.wp-block-template-part,footer.wp-block-template-part,.tbw-rail{transition:opacity .8s ease,transform .3s ease} body.tbw-focus header.wp-block-template-part{opacity:.5} body.tbw-focus .tbw-rail{opacity:.6} body.tbw-focus footer.wp-block-template-part{opacity:.7} .tbw-hero{padding:clamp(40px,8vw,110px) 0 clamp(40px,6vw,80px);position:relative;overflow:visible} .tbw-hero h1{font-size:clamp(2.3rem,1.4rem + 5vw,4.7rem);line-height:1.03;max-width:17ch;margin:0} .tbw-hero h1 em{font-style:italic;color:var(--amber)} .tbw-hero .tbw-sub{max-width:52ch;margin-top:24px;color:var(--tbody);font-size:clamp(1.05rem,1rem + .35vw,1.28rem)} .tbw-btn{display:inline-flex;align-items:center;gap:12px;margin-top:32px;font-family:var(--mono);font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:#15130f !important;background:var(--amber);padding:15px 26px;text-decoration:none;border-radius:3px;font-weight:700} .tbw-btn .tbw-arr{width:1.25em;height:1.25em;stroke:#15130f;stroke-width:2.8;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s} .tbw-btn:hover{filter:brightness(1.07)} .tbw-btn:hover .tbw-arr{transform:translateX(4px)} .tbw-sec-head{display:flex;align-items:baseline;gap:14px;margin:0 0 26px} .tbw-sec-head .tbw-num{font-family:var(--mono);font-size:.74rem;color:var(--amber);letter-spacing:.1em} .tbw-sec-head h2{font-size:clamp(1.4rem,1.2rem + 1vw,1.85rem);margin:0} .tbw-section{padding:clamp(36px,5vw,64px) 0;border-bottom:1px solid var(--hair)} .tbw-section:last-child{border-bottom:none} .entry-content.is-layout-constrained > .tbw-section.alignwide,.entry-content.is-layout-constrained > .tbw-hero.alignwide{max-width:1100px} .tbw-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} @media(max-width:980px){.tbw-cards{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){.tbw-cards{grid-template-columns:1fr}} .tbw-card{background:var(--panel);border:1px solid var(--hair);border-radius:8px;padding:24px 22px;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative} .tbw-card:hover{border-color:var(--amber);transform:translateY(-3px);box-shadow:var(--amber-glow)} .tbw-card .tbw-ic{width:32px;height:32px;stroke:var(--amber);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px;opacity:.85;transition:opacity .2s} .tbw-card:hover .tbw-ic{opacity:1} .tbw-card h3{font-size:1.26rem;margin:0 0 8px} .tbw-card h3 a{text-decoration:none} .tbw-card h3 a::after{content:"";position:absolute;inset:0} .tbw-card p{font-size:.93rem;color:var(--dim);margin:0} .tbw-card .tbw-cta{margin-top:14px;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);display:flex;align-items:center;gap:6px} .tbw-list .tbw-item{display:grid;grid-template-columns:32px 1fr;gap:13px;padding:16px 10px;border-bottom:1px solid var(--hair);align-items:start;border-radius:6px;transition:background .18s;position:relative} .tbw-list .tbw-item:hover{background:linear-gradient(90deg,var(--panel) 0%,transparent 90%)} .tbw-list .tbw-fmt{stroke:var(--dim);width:21px;height:21px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:5px;transition:stroke .18s} .tbw-list .tbw-item:hover .tbw-fmt{stroke:var(--amber)} .tbw-list h3{font-size:clamp(1.05rem,1rem + .4vw,1.28rem);margin:0} .tbw-list h3 a{text-decoration:none} .tbw-list h3 a::after{content:"";position:absolute;inset:0} .tbw-list .tbw-item p{font-size:.9rem;color:var(--dim);margin:5px 0 0;max-width:68ch} .wp-block-query li.wp-block-post{list-style:none;display:grid;grid-template-columns:32px 1fr;gap:13px;padding:17px 10px;border-bottom:1px solid var(--hair);border-radius:6px;transition:background .18s;position:relative;margin:0} .wp-block-query li.wp-block-post:hover{background:linear-gradient(90deg,var(--panel) 0%,transparent 90%)} .wp-block-query .tbw-qic{stroke:var(--dim);width:21px;height:21px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:5px;grid-column:1;transition:stroke .18s} .wp-block-query li.wp-block-post:hover .tbw-qic{stroke:var(--amber)} .wp-block-query li.wp-block-post > *{grid-column:2} .wp-block-query li.wp-block-post:not(:has(.tbw-qic)) > *{grid-column:1 / -1} .wp-block-query h3.wp-block-post-title{font-size:clamp(1.05rem,1rem + .4vw,1.28rem);margin:0} .wp-block-query h3.wp-block-post-title a{text-decoration:none} .wp-block-query h3.wp-block-post-title a::after{content:"";position:absolute;inset:0} .wp-block-query .wp-block-post-excerpt{margin:5px 0 0} .wp-block-query .wp-block-post-excerpt__excerpt{font-size:.9rem;color:var(--dim);max-width:68ch;margin:0} .wp-block-query .wp-block-post-excerpt__more-text,.wp-block-query .wp-block-post-excerpt__more-link{display:none} .wp-block-query .wp-block-post-date{font-family:var(--mono);font-size:.72rem;color:var(--dim);margin:4px 0 0} .wp-block-query .wp-block-post-terms{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;margin:4px 0 0} .wp-block-query .wp-block-post-terms a{color:var(--dim);text-decoration:none} .wp-block-query .wp-block-post-terms a:hover{color:var(--amber)} ul.wp-block-post-template{padding-left:0;margin:0} .wp-block-query-pagination{margin-top:28px;font-family:var(--mono);font-size:.85rem} .wp-block-query-pagination a,.wp-block-query-pagination .page-numbers{color:var(--dim);text-decoration:none;padding:7px 13px;border:1px solid var(--hair);border-radius:4px;margin-right:6px} .wp-block-query-pagination a:hover{border-color:var(--amber);color:var(--amber)} .wp-block-query-pagination .page-numbers.current{color:#15130f;background:var(--amber);border-color:var(--amber);font-weight:700} .wp-block-query-pagination .wp-block-query-pagination-numbers{display:inline-flex;flex-wrap:wrap;gap:6px} .post-navigation-link-previous,.post-navigation-link-next{max-width:var(--col);margin-left:auto;margin-right:auto;padding:8px 0;font-size:.9rem} .post-navigation-link-previous a,.post-navigation-link-next a{color:var(--dim);text-decoration:none} .post-navigation-link-previous a:hover,.post-navigation-link-next a:hover{color:var(--amber)} .wp-block-comments{max-width:var(--col);margin-left:auto;margin-right:auto;color:var(--dim);font-size:.92rem} .wp-block-comments a{color:var(--dim)} .comment-reply-title,.wp-block-comments-title{font-size:1.2rem !important} input[type=text],input[type=email],input[type=url],input[type=search],textarea{background:var(--panel);border:1px solid var(--hair);color:var(--ink);border-radius:4px;padding:9px 12px;font-family:var(--sans);font-size:.95rem} input:focus,textarea:focus{outline:2px solid var(--amber);outline-offset:1px;border-color:var(--amber)} input[type=submit],button.wp-block-search__button,.wp-block-button__link{background:var(--amber);color:#15130f;border:none;border-radius:3px;font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:12px 20px;cursor:pointer} input[type=submit]:hover,.wp-block-button__link:hover{filter:brightness(1.07)} footer.wp-block-template-part{border-top:1px solid var(--hair);color:var(--dim);font-size:.9rem;margin-top:clamp(40px,7vw,80px)} footer.wp-block-template-part > .wp-block-group{background:transparent !important} .tbw-foot{max-width:1400px;margin:0 auto;padding:34px clamp(16px,3vw,48px) 56px;display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;align-items:center} .tbw-foot .tbw-fmark{display:flex;align-items:center;gap:9px} .tbw-foot .tbw-mark{width:19px;height:19px} .tbw-foot a{color:var(--dim)} .tbw-foot a:hover{color:var(--amber)} .tbw-hic{width:.78em;height:.78em;stroke:var(--amber);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.05em;margin-right:8px} .wp-element-caption,figcaption{color:var(--dim);font-size:.82rem} mark{background:var(--amber-soft);color:var(--ink)} .page-numbers.dots{border:none !important} .wp-block-query-title{font-size:clamp(1.5rem,1.2rem + 1.6vw,2.3rem);margin:12px 0 8px} .tbw-404-search{margin:26px 0 40px} .tbw-404-search .wp-block-search__inside-wrapper{max-width:560px;display:flex;gap:10px} .tbw-404-search .wp-block-search__input{flex:1} .wp-block-query-no-results p{color:var(--dim)} ::-webkit-scrollbar{width:12px;height:12px} ::-webkit-scrollbar-track{background:#101216} ::-webkit-scrollbar-thumb{background:#2a251c;border-radius:6px;border:3px solid #101216} ::-webkit-scrollbar-thumb:hover{background:#3A414B} html{scrollbar-color:#2a251c #101216} .tbw-wordmark .tbw-wm-a{color:var(--dim);font-weight:400} .tbw-wordmark .tbw-wm-b{color:var(--ink);font-weight:600;margin-left:.28em} .tbw-hero .tbw-hero-mark{position:absolute;right:calc(50% - 50vw - 150px);top:52%;width:min(34vw,560px);height:min(34vw,560px);opacity:.07;pointer-events:none;transform:translateY(-50%);animation:tbwspin 300s linear infinite} @keyframes tbwspin{to{transform:translateY(-50%) rotate(360deg)}} @media(prefers-reduced-motion:reduce){.tbw-hero .tbw-hero-mark{animation:none}} @media(max-width:1200px){.tbw-hero .tbw-hero-mark{display:none}} .tbw-btn-ghost{background:transparent;color:var(--amber) !important;border:1px solid rgba(242,169,27,.55)} .tbw-btn-ghost:hover{border-color:var(--amber);filter:none;background:var(--amber-soft)} .tbw-btn-ghost .tbw-arr{stroke:var(--amber)} .tbw-cards.tbw-cards-2{grid-template-columns:repeat(2,1fr)} @media(max-width:640px){.tbw-cards.tbw-cards-2{grid-template-columns:1fr}} body.page-id-5690 h1.wp-block-post-title{display:none} body.page-id-5683 h1.wp-block-post-title{display:none} body.page-id-5690 .wp-block-query li.wp-block-post > *{grid-column:1 / -1} .tbw-slang{display:flex;gap:8px;margin-top:16px} .tbw-slang button{background:none;border:1px solid var(--hair);color:var(--dim);font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:99px;cursor:pointer;transition:color .15s,border-color .15s} .tbw-slang button.on{color:var(--amber);border-color:var(--amber)} .tbw-slang button:hover{color:var(--ink)} .tbw-scene{display:block;width:100%;height:auto} .tbw-scene-wrap{background:linear-gradient(180deg,#181B21,#15130f);border:1px solid var(--hair);border-radius:10px;overflow:hidden;margin:0 0 18px} .tbw-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} @media(max-width:980px){.tbw-path-grid{grid-template-columns:1fr}} .tbw-path-card{background:var(--panel);border:1px solid var(--hair);border-radius:10px;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;flex-direction:column} .tbw-path-card:hover{border-color:var(--amber);transform:translateY(-3px);box-shadow:var(--amber-glow)} .tbw-path-card .tbw-pbody{padding:20px 22px 24px} .tbw-path-card h3{font-size:1.3rem;margin:0 0 8px} .tbw-path-card .tbw-pnum{font-family:var(--mono);font-size:.7rem;color:var(--amber);letter-spacing:.14em;display:block;margin-bottom:8px} .tbw-path-card p{font-size:.93rem;color:var(--dim);margin:0 0 14px} .tbw-plinks{display:flex;flex-direction:column;gap:7px} .tbw-plinks a{font-size:.9rem;text-decoration:none;color:var(--tbody);border-left:2px solid var(--hair);padding-left:11px;transition:color .15s,border-color .15s} .tbw-plinks a:hover{color:var(--amber);border-left-color:var(--amber)} .tbw-plinks-row{display:flex;flex-wrap:wrap;gap:8px} .tbw-plinks-row a{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--dim);border:1px solid var(--hair);padding:5px 11px;border-radius:99px;transition:color .15s,border-color .15s} .tbw-plinks-row a:hover{color:var(--amber);border-color:var(--amber)} .tbw-rules{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} @media(max-width:980px){.tbw-rules{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.tbw-rules{grid-template-columns:1fr}} .tbw-rule{border:1px solid var(--hair);border-radius:8px;padding:16px 16px 18px;background:linear-gradient(180deg,#181B21,transparent)} .tbw-rule .tbw-icon{width:20px;height:20px;stroke:var(--amber);margin-bottom:10px} .tbw-rule h4{font-size:.98rem;margin:0 0 6px;color:var(--ink);font-family:var(--disp);font-weight:500} .tbw-rule p{font-size:.82rem;color:var(--dim);margin:0} #tbw-search-bar{position:absolute;top:100%;left:0;right:0;background:linear-gradient(180deg,#181B21 0%,#15130f 100%);border-bottom:1px solid var(--hair);box-shadow:0 24px 48px -22px rgba(0,0,0,.8);overflow:hidden;max-height:0;opacity:0;transition:max-height .38s cubic-bezier(.22,.9,.3,1),opacity .28s ease;z-index:9989} #tbw-search-bar.open{max-height:240px;opacity:1} #tbw-search-bar::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 30px,rgba(43,48,55,.22) 30px 31px);pointer-events:none} .tbw-sb-in{max-width:1400px;margin:0 auto;padding:26px clamp(16px,3vw,48px) 20px;position:relative} .tbw-sb-row{display:flex;align-items:center;gap:16px} .tbw-sb-mark{width:30px;height:30px;flex:none;transition:transform .3s cubic-bezier(.22,.9,.3,1)} .tbw-sb-input{flex:1;background:transparent;border:none;outline:none;color:var(--ink);font-family:var(--disp);font-style:italic;font-size:clamp(1.25rem,1rem + 1.5vw,1.9rem);caret-color:var(--amber);padding:4px 0;min-width:0} .tbw-sb-input::placeholder{color:#5E5A50} .tbw-sb-x{background:none;border:none;color:var(--dim);cursor:pointer;padding:6px;flex:none} .tbw-sb-x svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round} .tbw-sb-x:hover{color:var(--amber)} .tbw-sb-line{height:2px;background:var(--hair);position:relative;margin-top:6px;border-radius:99px} .tbw-sb-line i{position:absolute;left:0;top:0;height:100%;width:0;background:var(--amber);box-shadow:0 0 12px rgba(242,169,27,.65);transition:width .18s ease;border-radius:99px} .tbw-sb-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap} .tbw-sb-quick{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .tbw-sb-quick a{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--dim);border:1px solid var(--hair);padding:4px 11px;border-radius:99px;transition:color .15s,border-color .15s} .tbw-sb-quick a:hover{color:var(--amber);border-color:var(--amber)} .tbw-sb-hint{font-family:var(--mono);font-size:.62rem;color:#5E5A50;letter-spacing:.12em;white-space:nowrap} @media(max-width:640px){.tbw-sb-hint{display:none}#tbw-search-bar.open{max-height:300px}} /* ── з блоку id="tbw-fixes-1" ── */ .wp-block-post-content [style*="color"]{color:inherit !important;background-color:transparent !important} #tbw-search-bar .tbw-sb-mark{display:none !important} .wp-block-post-content .tbw-article-figure{margin:42px 0 48px;padding:0} .wp-block-post-content .tbw-article-figure img{display:block;width:100%;height:auto;border:1px solid var(--hair);border-radius:8px;box-shadow:0 12px 28px rgba(0,0,0,.16)} .wp-block-post-content .tbw-article-figure figcaption{margin-top:10px;color:var(--dim);font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;line-height:1.5;text-transform:uppercase} .wp-block-post-content .tbw-flow-chart{margin:42px 0 48px;padding:0} .wp-block-post-content .tbw-flow-chart-svg{display:block;width:100%;height:auto;box-sizing:border-box} .wp-block-post-content .tbw-flow-chart figcaption{margin-top:10px;color:var(--dim);font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;line-height:1.5;text-transform:uppercase} @media(max-width:700px){.wp-block-post-content .tbw-article-figure{margin:30px 0 36px}.wp-block-post-content .tbw-article-figure figcaption{font-size:.62rem}} /* ── з блоку id="tbw-comments-v2" ── */ body{ --tbwc-panel:#1A1D23; --tbwc-panel-2:#20242B; --tbwc-line:#2A2E36; --tbwc-line-soft:#23272F; --tbwc-head:#f2ede1; --tbwc-read:#D7D1C5; --tbwc-mut:#a49f95; --tbwc-mut-2:#7F7A70; --tbwc-amber:#e8a23a; --tbwc-mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace; --tbwc-serif:"Fraunces",Georgia,"Times New Roman",serif; --tbwc-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif; } .tbw-postnav{display:flex;gap:16px;align-items:stretch;margin:8px 0 40px;padding:6px 0;border-top:1px solid var(--tbwc-line-soft);border-bottom:1px solid var(--tbwc-line-soft);} .tbw-postnav .wp-block-post-navigation-link{flex:1 1 0;min-width:0;margin:0;padding:0;font-size:inherit;} .tbw-postnav .post-navigation-link-next{border-left:1px solid var(--tbwc-line-soft);} .tbw-postnav a{display:flex;flex-direction:column;gap:3px;padding:12px 4px;text-decoration:none;color:var(--tbwc-read);transition:color .15s ease;} .tbw-postnav .post-navigation-link-next a{align-items:flex-end;text-align:right} .tbw-postnav .post-navigation-link__label{font-family:var(--tbwc-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--tbwc-mut-2);display:block;} .tbw-postnav .post-navigation-link-previous .post-navigation-link__label::before{content:"←\\00a0";color:var(--tbwc-amber);} .tbw-postnav .post-navigation-link-next .post-navigation-link__label::after{content:"\\00a0→";color:var(--tbwc-amber);} .tbw-postnav .tbw-nav-title{font-family:var(--tbwc-serif);font-weight:500;font-size:1rem;line-height:1.3;color:var(--tbwc-head);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .tbw-postnav a:hover .tbw-nav-title{color:var(--tbwc-amber)} .wp-block-comments-title{font-family:var(--tbwc-serif);font-weight:600;font-size:1.35rem;color:var(--tbwc-head);margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid var(--tbwc-line);letter-spacing:.005em;} .wp-block-comment-template{list-style:none;margin:0;padding:0} .wp-block-comment-template li.comment{background:var(--tbwc-panel);border:1px solid var(--tbwc-line-soft);border-radius:9px;padding:15px 18px 16px;margin:0 0 14px;list-style:none;transition:border-color .15s ease,box-shadow .15s ease;} .wp-block-comment-template li.comment:hover{border-color:var(--tbwc-line);box-shadow:0 1px 0 rgba(242,169,27,.06);} .wp-block-comment-template li.comment > .wp-block-columns{display:block;gap:0;margin:0} .wp-block-comment-template li.comment > .wp-block-columns > .wp-block-column{width:auto !important;flex-basis:auto !important} .wp-block-comment-template .tbw-avatar-col,.wp-block-comment-template .wp-block-column:has(.wp-block-avatar){display:none !important} .wp-block-comment-template .wp-block-avatar{display:none !important} .wp-block-comment-author-name{display:inline;font-weight:600;font-size:.94rem;color:var(--tbwc-head);letter-spacing:.005em;margin:0;} .wp-block-comment-author-name a{color:inherit;text-decoration:none} .wp-block-comment-date{display:inline;margin:0 0 0 8px;font-size:0} .wp-block-comment-date::before{content:"·";color:var(--tbwc-mut-2);font-size:.9rem;margin-right:8px} .wp-block-comment-date a,.wp-block-comment-date time{font-family:var(--tbwc-mono);font-size:.72rem;color:var(--tbwc-mut-2);text-decoration:none;letter-spacing:.02em;} .wp-block-comment-content{color:var(--tbwc-read);font-size:.93rem;line-height:1.62;margin:7px 0 0} .wp-block-comment-content p{margin:0 0 .6em} .wp-block-comment-content p:last-child{margin-bottom:0} .wp-block-comment-reply-link{margin-top:9px} .wp-block-comment-reply-link a,a.comment-reply-link{font-family:var(--tbwc-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tbwc-mut);text-decoration:none;transition:color .15s ease;} .wp-block-comment-reply-link a::before{content:"↳\\00a0";color:var(--tbwc-mut-2)} .wp-block-comment-reply-link a:hover,a.comment-reply-link:hover{color:var(--tbwc-amber)} .wp-block-comment-template .children,.wp-block-comment-template ol{list-style:none;margin:10px 0 0;padding:0 0 0 18px;border-left:2px solid var(--tbwc-line);} .wp-block-comment-template .children li.comment,.wp-block-comment-template ol li.comment{background:var(--tbwc-panel-2);margin-bottom:10px} .comment-respond,#respond{margin-top:34px;padding-top:26px;border-top:1px solid var(--tbwc-line)} .comment-reply-title{font-family:var(--tbwc-serif);font-weight:600;font-size:1.15rem;color:var(--tbwc-head);margin:0 0 16px;} .comment-reply-title small{font-family:var(--tbwc-sans);font-weight:400} .comment-form .logged-in-as,.comment-form .comment-notes{font-size:.8rem;color:var(--tbwc-mut);margin:0 0 14px;} .comment-form .logged-in-as a{color:var(--tbwc-amber);text-decoration:none} .comment-form-author,.comment-form-email,.comment-form-url{display:inline-block;width:calc(50% - 6px);vertical-align:top;margin:0 0 12px;} .comment-form-email{margin-left:8px} .comment-form-url{width:100%;margin-left:0} .comment-form-comment{margin:0 0 14px} .comment-form label{display:block;font-family:var(--tbwc-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--tbwc-mut);margin:0 0 6px;} #respond .comment-form input[type=text],#respond .comment-form input[type=email],#respond .comment-form input[type=url],#respond .comment-form textarea{width:100% !important;background:var(--tbwc-panel-2) !important;border:1px solid var(--tbwc-line) !important;border-radius:7px !important;color:var(--tbwc-read) !important;font-family:inherit !important;font-size:.92rem !important;padding:11px 13px !important;transition:border-color .15s ease;} .comment-form textarea{min-height:120px;resize:vertical;line-height:1.55} .comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--tbwc-amber)} .comment-form input::placeholder,.comment-form textarea::placeholder{color:var(--tbwc-mut-2)} .comment-form .comment-form-cookies-consent{font-size:.78rem;color:var(--tbwc-mut-2)} .comment-form .comment-form-cookies-consent label{display:inline;font-family:inherit;font-size:.78rem;letter-spacing:0;text-transform:none;color:var(--tbwc-mut-2);} .comment-form .form-submit .submit,.comment-form .form-submit .wp-block-button__link,.comment-form .form-submit input[type=submit]{margin-top:4px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:var(--tbwc-amber) !important;color:#15130f !important;border:0;border-radius:7px;font-family:var(--tbwc-mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:12px 22px;transition:filter .15s ease;} .comment-form .form-submit .submit:hover,.comment-form .form-submit .wp-block-button__link:hover,.comment-form .form-submit input[type=submit]:hover{filter:brightness(1.08)} @media(max-width:560px){.comment-form-author,.comment-form-email{width:100%;margin-left:0}.tbw-postnav .tbw-nav-title{font-size:.9rem}} .tbw-cadmin{display:flex;gap:14px;align-items:center;margin-top:10px;padding-top:9px;border-top:1px dashed var(--tbwc-line-soft)} .tbw-cadmin a,.tbw-cadmin button{font-family:var(--tbwc-mono);font-size:.62rem;letter-spacing:.11em;text-transform:uppercase;background:none;border:0;padding:0;margin:0;cursor:pointer;line-height:1;text-decoration:none;transition:color .15s ease} .tbw-cadmin .tbw-cadmin-edit{color:var(--tbwc-mut)} .tbw-cadmin .tbw-cadmin-edit:hover{color:var(--tbwc-amber)} .tbw-cadmin .tbw-cadmin-del{color:#c05b45} .tbw-cadmin .tbw-cadmin-del:hover{color:#e0654a} .tbw-cadmin .tbw-cadmin-del:disabled{opacity:.6;cursor:default} .tbw-cadmin .tbw-cadmin-done{font-family:var(--tbwc-mono);font-size:.62rem;letter-spacing:.11em;text-transform:uppercase;color:var(--tbwc-mut-2)} /* активний розділ у шапці — колір хаба той самий, що на головній */ .wp-block-navigation-item__content[href*="/procrastination/"]{--tbw-nav-acc:#cf9951} .wp-block-navigation-item__content[href*="/attention/"]{--tbw-nav-acc:#3dbbae} .wp-block-navigation-item__content[href*="/habits/"]{--tbw-nav-acc:#e18a79} .wp-block-navigation-item__content[href*="/myths/"]{--tbw-nav-acc:#b493dd} .wp-block-navigation-item__content[href*="/energy/"]{--tbw-nav-acc:#75a7e9} .wp-block-navigation-item__content[href*="/book-reviews/"]{--tbw-nav-acc:#8eb267} .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content, body.tbw-hub-procrastination .wp-block-navigation-item__content[href*="/procrastination/"], body.tbw-hub-attention .wp-block-navigation-item__content[href*="/attention/"], body.tbw-hub-habits .wp-block-navigation-item__content[href*="/habits/"], body.tbw-hub-myths .wp-block-navigation-item__content[href*="/myths/"], body.tbw-hub-energy .wp-block-navigation-item__content[href*="/energy/"], body.tbw-hub-book-reviews .wp-block-navigation-item__content[href*="/book-reviews/"]{ color:var(--tbw-nav-acc,var(--amber)) !important;position:relative} .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content::after, body.tbw-hub-procrastination .wp-block-navigation-item__content[href*="/procrastination/"]::after, body.tbw-hub-attention .wp-block-navigation-item__content[href*="/attention/"]::after, body.tbw-hub-habits .wp-block-navigation-item__content[href*="/habits/"]::after, body.tbw-hub-myths .wp-block-navigation-item__content[href*="/myths/"]::after, body.tbw-hub-energy .wp-block-navigation-item__content[href*="/energy/"]::after, body.tbw-hub-book-reviews .wp-block-navigation-item__content[href*="/book-reviews/"]::after{ content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--tbw-nav-acc,var(--amber));border-radius:1px} @media (max-width:781px){ .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content::after, body.tbw-hub-procrastination .wp-block-navigation-item__content[href*="/procrastination/"]::after, body.tbw-hub-attention .wp-block-navigation-item__content[href*="/attention/"]::after, body.tbw-hub-habits .wp-block-navigation-item__content[href*="/habits/"]::after, body.tbw-hub-myths .wp-block-navigation-item__content[href*="/myths/"]::after, body.tbw-hub-energy .wp-block-navigation-item__content[href*="/energy/"]::after, body.tbw-hub-book-reviews .wp-block-navigation-item__content[href*="/book-reviews/"]::after{bottom:-3px}} .tbw-more{margin:48px 0 0;padding-top:22px;border-top:1px solid var(--hair)} .tbw-more__h{font-size:1.02rem;font-weight:600;margin:0 0 14px;color:var(--dim);letter-spacing:0} .tbw-more__l{list-style:none;margin:0;padding:0;display:grid;gap:11px} .tbw-more__l li{margin:0;padding-left:15px;position:relative} .tbw-more__l li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--na,var(--amber))} .tbw-more__l a{font-size:1.08rem;line-height:1.45;color:var(--ink);text-decoration:none} .tbw-more__l a:hover{color:var(--na,var(--amber));text-decoration:underline;text-underline-offset:3px} @media (max-width:640px){.tbw-more{margin:36px 0 0}.tbw-more__l a{font-size:1rem}} /* ── з блоку id="tbw-hub-icon" ── */ body.page-id-6671 h1.wp-block-post-title::before, body.page-id-6752 h1.wp-block-post-title::before, body.page-id-5684 h1.wp-block-post-title::before, body.page-id-6755 h1.wp-block-post-title::before, body.page-id-6669 h1.wp-block-post-title::before, body.page-id-6608 h1.wp-block-post-title::before{ content:'';display:inline-block;width:.78em;height:.78em;margin-right:calc(8px + .21em);vertical-align:-.05em;background-color:var(--amber);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain} body.page-id-6671 h1.wp-block-post-title::before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M15.5%208.5l-2%205-5%202%202-5%205-2z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M15.5%208.5l-2%205-5%202%202-5%205-2z%22%2F%3E%3C%2Fsvg%3E)} body.page-id-6752 h1.wp-block-post-title::before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224.5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%20fill%3D%22black%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224.5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%20fill%3D%22black%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E)} body.page-id-5684 h1.wp-block-post-title::before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M17%202l4%204-4%204%22%2F%3E%3Cpath%20d%3D%22M3%2011v-1a4%204%200%20014-4h14%22%2F%3E%3Cpath%20d%3D%22M7%2022l-4-4%204-4%22%2F%3E%3Cpath%20d%3D%22M21%2013v1a4%204%200%2001-4%204H3%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M17%202l4%204-4%204%22%2F%3E%3Cpath%20d%3D%22M3%2011v-1a4%204%200%20014-4h14%22%2F%3E%3Cpath%20d%3D%22M7%2022l-4-4%204-4%22%2F%3E%3Cpath%20d%3D%22M21%2013v1a4%204%200%2001-4%204H3%22%2F%3E%3C%2Fsvg%3E)} body.page-id-6755 h1.wp-block-post-title::before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%222.6%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%222.6%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2218%22%20r%3D%222.6%22%2F%3E%3Cpath%20d%3D%22M8%207.5l3%208M16%207.5l-3%208M8.5%206h7%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%222.6%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%222.6%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2218%22%20r%3D%222.6%22%2F%3E%3Cpath%20d%3D%22M8%207.5l3%208M16%207.5l-3%208M8.5%206h7%22%2F%3E%3C%2Fsvg%3E)} body.page-id-6669 h1.wp-block-post-title::before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%202L4%2014h6l-1%208%209-12h-6l1-8z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%202L4%2014h6l-1%208%209-12h-6l1-8z%22%2F%3E%3C%2Fsvg%3E)} body.page-id-6608 h1.wp-block-post-title::before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2019.5A2.5%202.5%200%20016.5%2017H20%22%2F%3E%3Cpath%20d%3D%22M6.5%202H20v20H6.5A2.5%202.5%200%20014%2019.5v-15A2.5%202.5%200%20016.5%202z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2019.5A2.5%202.5%200%20016.5%2017H20%22%2F%3E%3Cpath%20d%3D%22M6.5%202H20v20H6.5A2.5%202.5%200%20014%2019.5v-15A2.5%202.5%200%20016.5%202z%22%2F%3E%3C%2Fsvg%3E)}