/* Разные структуры публичных страниц. Общие элементы — навигация, доступ,
   контакт и юридические ссылки; основное содержимое у каждого продукта своё. */
.j-header,.j-main,.j-footer{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.j-header{display:flex;justify-content:space-between;gap:32px;align-items:center;padding:25px 0;border-bottom:1px solid var(--d-line)}
.j-brand{font-size:18px;font-weight:800;display:flex;gap:12px;align-items:center;text-decoration:none}
.j-brand>span{display:grid;place-items:center;width:40px;height:40px;background:var(--d-soft);border-radius:9px;font-family:var(--d-head);font-size:22px}
.j-header nav{display:flex;gap:26px;font-size:13px;font-weight:700}.j-header nav a{text-decoration:none}
.j-main{padding-bottom:48px}.j-main section[id],.j-main aside[id]{scroll-margin-top:24px}
.j-main h1{max-width:960px;margin:20px 0;font-size:clamp(2.2rem,4.4vw,4rem);line-height:1.08;overflow-wrap:anywhere}
.j-main h2{font-size:clamp(1.65rem,2.7vw,2.7rem);margin:0 0 22px;line-height:1.16;overflow-wrap:anywhere}
.j-main h3{font-size:19px;margin:0 0 14px}.j-main p{line-height:1.75}.j-main li{line-height:1.65}
.j-main .j-lead{font-size:17px;max-width:650px;color:var(--d-muted);margin:0 0 28px}
.j-kicker{font-size:10px;letter-spacing:.15em;font-weight:800;display:block}
.j-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;max-width:100%;padding:17px 22px;background:var(--d-accent);color:#fff!important;border:1px solid var(--d-accent);border-radius:var(--d-radius);text-decoration:none;font-size:14px;font-weight:800;line-height:1.5;cursor:pointer;text-align:left}
.j-primary:hover{filter:brightness(1.1)}.j-primary>span{font-size:19px}.j-trial{font-size:11px!important;margin-top:15px!important;color:var(--d-muted)}
.j-panel{padding:25px;border:1px solid var(--d-line);border-radius:var(--d-radius);background:var(--d-soft)}.j-panel p{font-size:14px;color:var(--d-muted)}
.j-sample{color:#23312b;background:#fff;border:1px solid var(--d-line);border-radius:var(--d-radius);padding:26px}
.j-example{font-size:11px!important;color:#596c63;margin-bottom:20px!important;line-height:1.65!important}
.design-foto>.j-main .j-example{color:var(--d-muted)}
.j-tabs [role=tablist]{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--d-line);padding-bottom:10px;margin-bottom:23px}
.j-tabs [role=tab]{background:transparent;color:inherit;border:1px solid transparent;border-radius:6px;padding:10px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.j-tabs [role=tab][aria-selected=true]{background:var(--d-accent);color:#fff;border-color:var(--d-accent)}
.j-tab-panel{line-height:1.7}.j-tab-panel[hidden]{display:none!important}
.j-tab-panel:focus{outline-offset:8px}.j-tab-panel h3{margin-top:15px}
.j-table-scroll{overflow:auto;width:100%}.j-table-scroll table{width:100%;border-collapse:collapse;font-size:13px;margin:0;background:transparent;color:inherit}
.j-table-scroll th{background:transparent;font-size:10px;font-weight:700;letter-spacing:.04em;text-align:left;color:inherit;white-space:nowrap}
.j-table-scroll th,.j-table-scroll td{padding:18px 16px;border-bottom:1px solid var(--d-line)}.j-table-scroll td{white-space:nowrap}.j-table-scroll tr:last-child td{border-bottom:0}
.j-file{display:inline-flex;align-items:center;border:1px dashed currentColor;background:var(--d-soft);padding:22px 28px;font-weight:700;font-size:13px;border-radius:8px}
.j-arrow{font-size:40px;display:block}.j-check{display:flex;align-items:center;gap:12px;margin:15px 0;padding:12px 0;border-bottom:1px solid var(--d-line);font-size:14px}
.j-main input[type=checkbox],.j-main input[type=radio]{accent-color:var(--d-accent);width:18px;height:18px;flex-shrink:0}
.j-contact{padding:36px;background:var(--d-soft);border-radius:var(--d-radius)}.j-contact h2{font-size:25px;margin-bottom:15px}.j-contact>p{font-size:14px;color:var(--d-muted)}
.j-contact .d-telegram{font-size:14px;margin-top:15px}.j-contact>details{margin-top:25px;font-size:13px}.j-contact summary{cursor:pointer;font-weight:700;padding:10px 0}
.j-contact .l-form{margin-top:16px;padding:24px}.j-contact form button{width:100%}.j-contact form .hp{display:none}
.j-prices{padding:36px;border-top:2px solid var(--d-accent)}.j-prices h2{font-size:25px}.j-prices ul{list-style:none;padding:0;margin:20px 0 0}.j-prices li{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 0;border-top:1px solid var(--d-line)}
.j-prices li b{display:block;font-size:14px}.j-prices li span{display:block;font-size:11px;color:var(--d-muted);margin-top:5px}.j-prices li strong{font-size:20px;white-space:nowrap}.j-prices li a{font-size:12px;text-underline-offset:4px}
.j-rate-free{display:flex;flex-direction:column;gap:5px}.j-rate-free b{font-size:14px}.j-rate-free span{font-size:11px;color:var(--d-muted)}
.j-rates-strip ul{display:flex;gap:34px}.j-rates-strip li{flex:1;flex-wrap:wrap}.j-rates-rail li{display:grid;grid-template-columns:1fr auto}.j-rates-rail li a{grid-column:1/-1}
.j-proof,.j-limits{padding:26px 0;border-bottom:1px solid var(--d-line);font-size:13px}.j-proof summary,.j-limits summary{cursor:pointer;font-weight:700}.j-proof img{display:block;width:100%;height:auto;margin-top:24px;border:1px solid var(--d-line)}
.j-proof figure{margin:0}.j-proof figcaption{font-size:11px;color:var(--d-muted);margin:15px 0}.j-limits p{color:var(--d-muted);margin-top:15px}
.j-footer{border-top:1px solid var(--d-line);padding:30px 0 45px;display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:var(--d-muted)}.j-footer>div{display:flex;gap:20px;flex-wrap:wrap}.j-footer>p{width:100%;font-size:11px}.j-footer a{text-underline-offset:4px}
.j-main blockquote{margin:0;font-family:var(--d-head);font-size:24px;line-height:1.65}.j-main blockquote small{display:block;font-family:var(--d-body);font-size:11px;margin-top:20px;color:var(--d-muted)}
.j-main button:not(.j-primary){font-family:inherit}.j-main summary:hover,.j-header a:hover,.j-footer a:hover{text-decoration:underline}
/* 01: бюро КП, центр страницы — сравнительный документ. */
.j-proposal-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;padding:65px 0 45px}.j-proposal-intro aside{border-left:1px solid var(--d-line);padding:25px 0 25px 40px;font-size:14px;display:grid;align-content:center;gap:18px}
.j-quote{border:1px solid var(--d-line);background:#fff;padding:30px;color:#163b50;box-shadow:0 18px 0 -9px var(--d-soft)}.j-document-head{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.07em;padding-bottom:28px;border-bottom:1px solid var(--d-line)}
.j-three{display:grid;grid-template-columns:repeat(3,1fr)}.j-three article{padding:32px;border-right:1px solid var(--d-line)}.j-three article:last-child{border:0}.j-three h2{font-size:30px}.j-three p{font-size:13px}.j-three strong{display:block;font-family:Oswald,sans-serif;font-size:38px;margin-top:30px}.j-three hr{border:0;border-top:1px solid var(--d-line);margin:24px 0}
.j-quote>.j-example{margin:12px 30px 0!important}.j-letter{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:75px 0}.j-letter .j-panel{margin-bottom:18px}.j-split-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:50px}
/* 02: открытый инструмент сравнения, экспорт и компактная таблица цены. */
.j-centered{text-align:center;padding:62px 0 35px}.j-centered h1{margin-inline:auto}.j-centered .j-lead{margin-inline:auto}.j-workbench{max-width:1000px;margin:0 auto;border:1px solid var(--d-line);padding:20px;border-radius:20px;background:var(--d-soft)}
.j-filepair{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:5px 20px 25px;font-size:13px;font-weight:700}.j-filepair b{font-size:26px}.j-workbench .j-sample{padding:30px;border:0}.j-export{display:flex;justify-content:space-between;gap:40px;align-items:center;margin:60px 0 30px}.j-export h2{font-size:30px}.j-export p{max-width:650px;font-size:14px}
.journey-workbench .j-contact{display:flex;flex-wrap:wrap;column-gap:50px;align-items:start}.journey-workbench .j-contact>details{flex:1;min-width:240px}.journey-workbench .j-contact>p{width:100%}
/* 03: мобильный журнал слева направо, затем лента одного выезда. */
.j-field-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center;padding:65px 0}.j-phone{width:min(100%,400px);justify-self:center;border:8px solid #443b32;border-radius:35px;padding:12px;background:#443b32;box-shadow:20px 20px 0 var(--d-soft)}
.j-phone>.j-sample{border-radius:22px;min-height:390px;padding:22px}.j-phone .j-tabs [role=tab]{padding:9px;font-size:12px}.j-phone .j-example{font-size:10px!important}.j-photo-placeholder{display:grid;place-items:center;min-height:95px;background:#d7c8b5;margin:10px 0;color:#4c453b;font-weight:700;font-size:12px}.j-photo-placeholder.after{background:#dbe4d0}
.j-field-flow{margin-top:30px;border-top:3px solid var(--d-accent);padding:35px 0}.j-field-flow ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.j-field-flow li{padding-bottom:20px;border-bottom:1px solid var(--d-line)}.j-field-flow b{font-size:19px;font-family:Oswald,sans-serif}.j-field-flow p{margin-top:15px;font-size:14px}.j-field-footer{display:grid;grid-template-columns:1fr 1fr;gap:35px}.j-field-footer>.j-proof{grid-column:1/-1}
/* 04: боковая навигация, открытый реестр и сверка поступлений. */
.j-ledger-shell{display:grid;grid-template-columns:180px 1fr;gap:55px;padding:45px 0}.j-ledger-side{display:flex;flex-direction:column;gap:24px;padding:30px 25px;border-right:1px solid var(--d-line);font-size:12px}.j-ledger-side b{font-family:var(--d-head);font-size:17px}.j-ledger-side a{text-decoration:none}.j-ledger-title{padding:25px 0 35px}
.j-reminder{padding:30px;background:var(--d-soft);margin:25px 0}.j-reminder>span{font-size:9px;letter-spacing:.12em}.j-reminder blockquote{font-size:21px;margin:18px 0}.j-reminder>p{font-size:12px;color:var(--d-muted)}.j-match{padding:35px 0}.j-match h2{font-size:30px}.j-match p{font-size:14px}.j-ledger-bottom{display:grid;grid-template-columns:1fr 1.3fr;gap:50px}
/* 05: календарная композиция с открытой неделей и отдельным планом сотрудника. */
.j-planner-title{padding:55px 0;display:grid;grid-template-columns:1fr auto;column-gap:60px}.j-planner-title>.j-kicker,.j-planner-title>h1,.j-planner-title>.j-lead{grid-column:1}.j-planner-title>div{grid-column:2;grid-row:2/4;align-self:center}.j-planner-title h1{max-width:730px}.j-week{border-radius:30px;background:var(--d-soft);padding:35px;display:grid;grid-template-columns:1fr 280px;gap:24px}
.j-week-caption{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.j-week-caption h2{font-size:24px;margin:0}.j-week-caption span{font-size:9px;letter-spacing:.1em}.j-week .j-tabs{padding:25px;background:#fff;border-radius:20px;color:#183c34}.j-day-task time{font-size:12px}.j-day-task h3{font-size:25px;margin:15px 0}.j-week-context{padding:28px}.j-week-context b{font-family:Comfortaa,sans-serif;font-size:22px;line-height:1.6}.j-week-context p{font-size:13px;margin-top:15px}
.j-dayplan{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:70px 0;align-items:center}.j-dayplan article{padding:30px;border:1px solid var(--d-line);border-radius:20px;background:#fff}.j-dayplan article span{font-size:10px;font-weight:800}.j-dayplan article p{margin-top:18px;font-size:14px}.j-planner-bottom{display:grid;grid-template-columns:1fr 1fr;gap:35px}.j-planner-bottom>.j-proof{grid-column:1/-1}
/* 06: газетная полоса, источник и бриф стоят на одном развороте. */
.j-editorial-title{text-align:center;padding:45px 0;border-bottom:4px double var(--d-ink)}.j-editorial-title>span:first-child{display:block;font-size:10px;letter-spacing:.16em;margin-bottom:25px}.j-editorial-title h1{max-width:950px;margin-inline:auto}.j-editorial-title .j-lead{max-width:850px;margin-inline:auto}
.j-transcript{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:45px 0;border-bottom:1px solid var(--d-line)}.j-transcript>article{padding:25px 40px 0 0;border-right:1px solid var(--d-line)}.j-transcript>article>span{font-size:10px;letter-spacing:.1em}.j-transcript blockquote{margin:25px 0;font-size:26px}.j-transcript article>p{font-size:13px;color:var(--d-muted)}.j-transcript .j-sample{border-radius:0;background:#fffdf6;border-top:3px solid var(--d-ink)}
.j-editorial-note{padding:60px 0;display:grid;grid-template-columns:1fr 1fr;gap:25px 60px}.j-editorial-note h2{grid-row:1/3}.j-notice{font-size:12px;padding:16px;border-left:3px solid var(--d-accent);background:var(--d-soft)}.j-editorial-bottom{display:grid;grid-template-columns:1fr 1fr;gap:35px}.j-editorial-bottom>.j-prices{grid-column:1/-1}.j-editorial-bottom .j-proof{align-self:start}
/* 07: ленточный конвейер, отдельный шлюз проверки фактов и результат файла. */
.j-catalog-intro{padding:55px 0;max-width:850px}.j-conveyor{border-radius:25px;border:1px solid var(--d-line);background:var(--d-soft);padding:30px}.j-pipeline-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px;font-size:11px;font-weight:800}.j-pipeline-labels>span{border-top:2px solid var(--d-accent);padding-top:12px}
.j-catalog-result{padding:20px}.j-catalog-result h3{font-size:29px}.j-warning{display:inline-block;padding:10px 14px;background:#fff1d2;color:#805600;margin-top:25px;font-size:12px;border-radius:6px}
.j-fact-gate{padding:65px 0;display:grid;grid-template-columns:.4fr 1fr 1fr;gap:45px;align-items:start}.j-fact-gate>b{font-size:10px;border:1px solid var(--d-accent);padding:15px;color:var(--d-accent)}.j-fact-gate h2{font-size:32px}.j-fact-gate p{font-size:14px}.j-catalog-delivery{border-block:1px solid var(--d-line);padding:28px 0;margin-bottom:40px}.j-catalog-delivery>p{margin-top:20px;font-size:12px}
/* 08: широкая предметная галерея, виды кадров и контроль перед публикацией. */
.j-foto-title{padding:60px 0;text-align:center}.j-foto-title h1{max-width:1040px;margin-inline:auto}.j-foto-title .j-lead{margin-inline:auto;max-width:750px}.j-photo-gallery{max-width:1100px;margin:auto}.j-gallery-art{padding:35px 0}.j-photo-gallery>.j-example{text-align:center}.j-photo-gallery .j-tabs{padding:32px;border-block:1px solid var(--d-line);min-height:230px}.j-photo-gallery .j-tabs p{color:var(--d-muted)}
.j-foto-check{padding:70px 0;display:grid;grid-template-columns:1fr 1.3fr;gap:60px}.j-foto-check>div{display:grid;gap:16px}.j-rates-gallery{padding:40px;background:var(--d-soft);margin-bottom:35px}
/* 09: диалог и его источник, решение об отправке вынесено в отдельный блок. */
.j-chat-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:65px 0;align-items:center}.j-chat{background:var(--d-soft);border-radius:32px;padding:24px}.j-chat>.j-sample{border:0;border-radius:23px;min-height:430px}.j-message{padding:20px;max-width:90%;margin:18px 0;border-radius:20px;font-size:14px}.j-message.customer{background:#e0edf4;border-bottom-left-radius:2px}.j-message.operator{background:#246887;color:#fff;margin-left:auto;border-bottom-right-radius:2px}.j-source{font-size:10px;color:#536772;border-top:1px solid var(--d-line);padding-top:14px}.j-short-list{padding-left:20px;font-size:13px;color:var(--d-muted);margin:32px 0 0}.j-short-list li{margin:10px 0}
.j-source-contract{border-block:1px solid var(--d-line);padding:45px 0;display:grid;grid-template-columns:1fr 1fr;gap:45px}.j-source-contract>.j-proof{grid-column:1/-1}.j-chat-bottom{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-top:40px}
/* 10: поиск первым экраном, полки источников вместо обычного hero. */
.j-library-title{max-width:930px;margin:auto;padding:55px 0}.j-library-title h1{font-size:clamp(2.3rem,4.3vw,3.6rem)}.j-search{padding:30px;background:#fff;border:1px solid var(--d-line);margin:30px 0;color:#2b2923;box-shadow:0 16px 40px #00000007}
.j-search>label{display:block;font-size:12px;margin-bottom:12px;font-weight:700}.j-search>div:first-of-type{display:flex;gap:10px}.j-search input{flex:1;border:1px solid var(--d-line);padding:15px;border-radius:0;background:#faf9f5;font-size:16px}.j-search button{border:0;background:var(--d-accent);color:#fff;font-size:13px;padding:15px 20px;cursor:pointer}.j-search>.j-example{margin:15px 0!important}
.j-search [data-search-results]{padding-top:20px;border-top:1px solid var(--d-line)}.j-search [data-search-results] h3{font-size:23px}.j-search small{display:block;font-size:11px;color:#6b6455;margin-top:18px}
.j-library-shelves{padding:50px 0;border-block:1px solid var(--d-line)}.j-library-shelves>div:first-of-type{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.j-library-shelves .j-panel{border:0;border-left:5px solid var(--d-accent);border-radius:0}.j-formats{display:flex;gap:30px;margin-top:35px;font-size:12px}.j-library-tail{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-top:35px}.j-library-tail>.j-proof{grid-column:1/-1}
/* 11: консоль состояния + вертикальная история сигналов. */
.j-monitor-intro{padding:55px 0 35px;max-width:830px}.j-monitor-shell{display:grid;grid-template-columns:1.2fr .8fr;gap:35px}.j-console>.j-sample{background:#132a24;color:#d5ede3;border-color:#254b3d;padding:30px}.j-console .j-example{color:#a9c5b7}.j-console .j-tab-panel{min-height:235px}.j-console .j-tabs [role=tablist]{border-color:#355449}.j-console .j-tabs [role=tab][aria-selected=true]{background:#d5ede3;color:#132a24;border-color:#d5ede3}.j-console h2{font-family:monospace;font-size:30px;margin:20px 0}
.j-console dl{display:grid;grid-template-columns:1fr 1fr;font-size:13px;gap:14px}.j-console dd{margin:0}.j-status{font-size:12px;font-weight:700}.j-status.good{color:#9cdcb4}.j-status.bad{color:#ffc4b0}.j-status.warn{color:#f0d390}
.j-alert-history{padding:30px;background:var(--d-soft);border-radius:8px}.j-alert-history h2{font-size:26px}.j-alert-history ol{padding:0;list-style:none}.j-alert-history li{border-left:1px solid var(--d-line);padding:10px 0 10px 24px;position:relative}.j-alert-history li:before{content:'';position:absolute;left:-4px;top:17px;width:7px;height:7px;border-radius:50%;background:var(--d-accent)}.j-alert-history li b{font-size:14px}.j-alert-history p{font-size:12px}
.j-monitor-scope{padding:50px 0}.j-monitor-scope p{font-size:14px;margin:15px 0}
/* 12: топология доставки, рецепты подключения, трасса попыток. */
.j-routing-title{padding:55px 0 35px;max-width:920px}.j-route-map{display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;align-items:center;padding:35px 0}.j-route-map>div{padding:35px 25px;border:1px solid var(--d-line);border-radius:14px}.j-route-map .j-route-queue{background:var(--d-soft);border:2px solid var(--d-accent)}.j-route-map span:not(.j-route-arrow){font-size:9px;letter-spacing:.12em}.j-route-map h2{font-size:27px;margin:20px 0}.j-route-map p{font-size:12px}.j-route-arrow{text-align:center;font-size:33px}
.j-route-setup{padding:40px 0;display:grid;grid-template-columns:1fr 1.6fr;gap:30px 60px;border-bottom:1px solid var(--d-line)}.j-route-setup>.j-example{grid-column:2}.j-route-setup .j-tabs{border:1px solid var(--d-line);padding:25px;background:#fff;border-radius:12px;color:#32263d}.j-route-setup ol{font-size:14px;margin:0;padding-left:22px}.j-route-setup li{margin:16px 0}
.j-trace{padding:40px 0}.j-trace b{font-size:25px}.j-trace p{margin-top:15px;font-size:14px}.j-routing-bottom{display:grid;grid-template-columns:1fr 1fr;gap:45px}
/* 13: перекличка как начало сценария, очередь продления как продолжение. */
.j-rollcall-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:65px 0}.j-rollcall{border:2px dashed var(--d-accent);padding:18px;border-radius:24px}.j-rollcall .j-sample{border:0}.j-rollcall h2{font-size:27px}.j-rollcall [data-rollcall]{margin:20px 0}.j-rollcall [data-rollcall] label{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--d-line);font-size:13px}.j-rollcall [data-rollcall] label span{display:flex;align-items:center;gap:14px}.j-rollcall output{font-size:20px;color:var(--d-accent)}
.j-renewals{padding:50px 0}.j-renewals>h2{margin-top:18px}.j-renewals>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.j-renewals blockquote{padding:35px;margin-top:35px;border-left:3px solid var(--d-accent);background:var(--d-soft);font-size:24px}.j-studio-help{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:35px;align-items:start}
/* 14: страница покупателя внутри витрины, рабочие действия агента ниже. */
.j-realty-intro{padding:55px 0}.j-realty-intro .j-lead{max-width:750px}.j-client-collection{background:var(--d-soft);border:1px solid var(--d-line);border-radius:0 45px 0 0;overflow:hidden}.j-collection-cover{padding:32px 42px;background:#e2dacd}.j-collection-cover>span{font-size:9px;letter-spacing:.13em}.j-collection-cover h2{font-size:35px;margin:18px 0}.j-collection-cover p{font-size:13px}.j-client-collection .j-sample{border:0;border-radius:0;background:#fffdf8}
.j-listing{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:10px 15px;align-items:center}.j-listing h3{font-size:27px}.j-listing strong{font-size:25px}.j-listing p{font-size:14px;margin:15px 0}.j-listing div>span{font-size:11px;color:#756e5d}.j-floorplan{display:grid;grid-template-columns:1fr 1.4fr;grid-template-rows:90px 55px;border:7px solid #ad9f86;gap:6px;padding:6px;background:#ad9f86}.j-floorplan span{display:grid;place-items:center;background:#f2eadc;font-size:11px;color:#504536!important}.j-floorplan span:last-child{grid-column:1/-1}
.j-agent-edit{padding:60px 0;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.j-agent-edit p{font-size:14px}.j-agent-edit ul{border-left:1px solid var(--d-line);padding-left:45px;font-size:15px}.j-agent-edit li{margin:20px 0}.j-realty-bottom{display:grid;grid-template-columns:1fr 1fr;gap:35px}.j-realty-bottom>.j-prices{grid-column:1/-1}
/* 15: меню с корзиной примера, кухня, правила закрытия предзаказа. */
.j-lunch-title{padding:50px 0;max-width:860px}.j-preorder{max-width:880px;margin:auto;background:#fffaf0;border:1px solid var(--d-line);padding:35px;color:#48372a;box-shadow:12px 12px 0 var(--d-soft)}.j-preorder>.j-tabs>[role=tablist]{justify-content:center}.j-preorder .j-sample{background:transparent;border:0;padding:5px}.j-menu-title{border-bottom:3px double var(--d-line);padding:12px 0 20px}.j-menu-title h2{font-size:38px}.j-menu-title p{font-size:11px}.j-preorder [data-menu] article{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--d-line)}.j-preorder [data-menu] h3{font-size:20px;margin-bottom:8px}.j-preorder [data-menu] b{font-size:14px}.j-preorder button[data-add]{border:1px solid var(--d-accent);background:transparent;color:var(--d-accent);padding:12px 16px;border-radius:30px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.j-order-total{font-size:17px;font-weight:800;margin-top:25px;padding:20px;background:var(--d-soft);border-radius:12px}.j-preorder [data-menu]>p{font-size:12px;margin-top:20px}.j-kitchen{padding:25px 0;min-height:420px}.j-cutoff{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:70px 0}.j-cutoff>div{border-left:1px solid var(--d-line);padding:25px 40px}.j-cutoff b{font-size:12px;display:block;margin-top:25px}.j-lunch-bottom{display:grid;grid-template-columns:1fr 1fr;gap:35px}.j-lunch-bottom>.j-contact{grid-column:1/-1}
/* 16: паспорт питомца, история визитов и возвращение по его интервалу. */
.j-pet-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:65px 0;align-items:center}.j-pet-file{padding:18px;background:var(--d-soft);border-radius:35px}.j-pet-file .j-sample{border-radius:23px;padding:28px}.j-pet-identity{display:flex;gap:20px;align-items:center;margin:15px 0}.j-pet-identity>span{display:grid;place-items:center;width:80px;height:80px;background:var(--d-soft);border-radius:50%;font-size:28px}.j-pet-identity h2{font-size:34px;margin:0}.j-pet-identity p{font-size:11px}.j-pet-alert{padding:15px;background:#fff0d8;border-radius:12px;font-size:12px;margin:20px 0!important}.j-visit-line{padding-left:20px;font-size:13px}.j-visit-line li{padding:10px 0}
.j-return-note{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding:40px 0 65px}.j-return-note blockquote{padding:30px;background:var(--d-soft);border-radius:25px;font-size:22px}.j-pet-bottom{display:grid;grid-template-columns:1fr 1fr;gap:35px}.j-pet-bottom>.j-proof{grid-column:1/-1}
/* 17: доска кандидатов с деталями, затем взгляд заказчика. */
.j-recruit-title{padding:55px 0}.j-recruit-title .j-lead{max-width:850px}.j-hiring-board>.j-sample{padding:30px;border-radius:24px}.j-hiring-board h2{font-size:25px}.j-board{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.j-board>section{padding:20px;background:#edf2fc;border-radius:14px}.j-board h3{font-size:13px}.j-board button{display:flex;align-items:center;flex-wrap:wrap;gap:12px;width:100%;background:#fff;border:1px solid #cbd7f0;border-radius:10px;padding:22px;cursor:pointer;text-align:left;color:#253456}.j-board button>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#dee6f8}.j-board small{width:100%;font-size:10px}.j-candidate-detail{padding:25px 0 0;margin-top:25px;border-top:1px solid var(--d-line)}.j-candidate-detail h3{font-size:22px}.j-candidate-detail p{font-size:14px}
.j-client-review{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:65px 0}.j-client-review p{margin:0 0 20px;font-size:14px}
/* 18: рабочий расчёт на первом экране, затем путь к заявке. */
.j-calc-layout{display:grid;grid-template-columns:1fr .95fr;gap:75px;align-items:center;padding:65px 0}.j-estimator{background:var(--d-soft);padding:20px;border-radius:25px}.j-estimator .j-sample{border:0;border-radius:18px}.j-estimator h2{font-size:26px}.j-estimator label{display:block;font-size:12px;font-weight:700;margin:20px 0}.j-estimator input,.j-estimator select{display:block;width:100%;padding:15px;font-size:16px;border:1px solid var(--d-line);background:#f8faff;border-radius:8px;margin-top:10px;color:#27364b}
.j-estimate-result{background:#253d6a;color:#fff;padding:25px;margin:25px 0;border-radius:10px;display:flex;flex-direction:column;gap:10px}.j-estimate-result>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.j-estimate-result output{font-size:38px;font-family:Oswald,sans-serif}.j-calculation-rule{font-family:Oswald,sans-serif;font-size:22px;margin-top:30px!important;border-left:3px solid var(--d-accent);padding-left:20px}
.j-embed-path{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:30px 0;border-block:1px solid var(--d-line)}.j-embed-path b{font-size:11px}.j-embed-path p{font-size:14px;margin-top:15px}.j-estimate-contract{padding:50px 0}.j-estimate-contract p{font-size:14px}.j-calc-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px}
/* 19: учебный портал с оглавлением, материалом и проверочным вопросом. */
.j-classroom-shell{display:grid;grid-template-columns:200px 1fr;gap:60px;padding:45px 0}.j-course-index{display:flex;flex-direction:column;gap:25px;background:var(--d-soft);padding:30px 22px;border-radius:18px;align-self:start}.j-course-index b{font-family:Comfortaa,sans-serif;font-size:16px;line-height:1.6}.j-course-index a{font-size:12px;text-decoration:none}.j-course-title{padding:20px 0 35px}.j-lesson-page{padding:40px;background:#fff;border:1px solid var(--d-line);border-radius:18px;color:#24472d}.j-lesson-page>span{font-size:10px;letter-spacing:.1em}.j-lesson-page>h2{margin:22px 0;font-size:29px}.j-lesson-page>p{font-size:15px}.j-lesson-page form{margin-top:28px;border-top:1px solid var(--d-line);padding-top:25px}.j-lesson-page fieldset{border:0;padding:0;margin:0}.j-lesson-page legend{font-size:14px;font-weight:800;margin-bottom:18px}.j-lesson-page label{display:flex;gap:12px;align-items:center;margin:15px 0;font-size:13px}.j-lesson-page button{margin-top:18px;padding:14px 20px;border:0;border-radius:8px;background:var(--d-accent);color:#fff;font-size:12px;cursor:pointer}.j-lesson-page [data-quiz-result]{font-size:13px;font-weight:700;margin-top:15px}.j-lesson-page .j-example{margin-top:18px!important}
.j-manager-progress{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:45px 0}.j-manager-progress p{font-size:14px}.j-manager-progress>.j-proof{align-self:start}
/* 20: редактор с двумя исходниками и результатом; пробелы явно видны. */
.j-resume-intro{padding:55px 0;max-width:930px}.j-resume-editor{display:grid;grid-template-columns:.75fr 1.25fr;gap:35px}.j-resume-editor>aside{position:relative;background:var(--d-soft);padding:35px;border-radius:7px}.j-resume-editor>aside>span{font-size:9px;letter-spacing:.1em}.j-resume-editor>aside p{font-size:15px;margin:20px 0 35px}.j-resume-arrow{font-size:40px}.j-resume-editor .j-sample{min-height:440px;border-radius:7px}.j-cv{padding:22px;border-left:3px solid var(--d-accent)}.j-cv>span{font-size:10px;letter-spacing:.12em}.j-cv h2{font-size:30px;margin-top:20px}.j-cv ul{font-size:15px;padding-left:22px}.j-cv li{margin:15px 0}.j-resume-rule{display:grid;grid-template-columns:1fr 1fr;gap:35px 65px;padding:65px 0}.j-resume-rule>.j-proof{grid-column:1/-1}.j-resume-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px}
/* Адаптивность: сохраняем разницу сценариев, складываем их колонки по смыслу. */
@media(max-width:1050px){
 .j-header,.j-main,.j-footer{width:calc(100% - 40px)}.j-header nav{gap:16px;font-size:12px}.j-main h1{font-size:clamp(2.1rem,4.7vw,3.5rem)}
 .j-proposal-intro,.j-field-intro,.j-chat-layout,.j-rollcall-intro,.j-pet-intro,.j-calc-layout{gap:40px}.j-planner-title{grid-template-columns:1fr}.j-planner-title>div{grid-column:1;grid-row:auto}.j-week{grid-template-columns:1fr 210px}.j-ledger-shell{grid-template-columns:150px 1fr;gap:25px}.j-classroom-shell{grid-template-columns:160px 1fr;gap:25px}.j-course-index{padding:24px 15px}.j-route-map{grid-template-columns:1fr 30px 1fr 30px 1fr}.j-route-map>div{padding:25px 18px}.j-route-map h2{font-size:22px}.j-fact-gate{gap:25px}.j-board{gap:12px}.j-board>section{padding:15px}
}
@media(max-width:760px){
 .j-header,.j-main,.j-footer{width:calc(100% - 32px)}.j-header{align-items:start;flex-direction:column;gap:16px;padding:20px 0}.j-header nav{width:100%;justify-content:space-between;gap:10px;font-size:11px}.j-brand{font-size:16px}.j-brand>span{width:32px;height:32px;font-size:18px}.j-main h1{font-size:clamp(2rem,7.7vw,3.3rem);line-height:1.12}.j-main .j-lead{font-size:15px}.j-main h2{font-size:28px}.j-primary{padding:15px 18px;font-size:13px;gap:14px}.j-trial{font-size:10px!important}.j-main blockquote{font-size:20px}
 .j-proposal-intro,.j-field-intro,.j-letter,.j-split-bottom,.j-field-footer,.j-ledger-shell,.j-ledger-bottom,.j-dayplan,.j-planner-bottom,.j-transcript,.j-editorial-note,.j-editorial-bottom,.j-foto-check,.j-chat-layout,.j-source-contract,.j-chat-bottom,.j-library-tail,.j-monitor-shell,.j-route-setup,.j-routing-bottom,.j-rollcall-intro,.j-studio-help,.j-listing,.j-agent-edit,.j-realty-bottom,.j-cutoff,.j-lunch-bottom,.j-pet-intro,.j-return-note,.j-pet-bottom,.j-client-review,.j-calc-layout,.j-calc-bottom,.j-classroom-shell,.j-manager-progress,.j-resume-editor,.j-resume-rule,.j-resume-bottom{grid-template-columns:1fr;gap:28px}
 .j-proposal-intro,.j-field-intro,.j-planner-title,.j-catalog-intro,.j-chat-layout,.j-library-title,.j-monitor-intro,.j-routing-title,.j-rollcall-intro,.j-realty-intro,.j-lunch-title,.j-pet-intro,.j-recruit-title,.j-calc-layout,.j-resume-intro{padding:35px 0}.j-centered,.j-foto-title{padding:35px 0;text-align:left}.j-proposal-intro aside{border-left:0;border-top:1px solid var(--d-line);padding:20px 0}.j-proposal-intro aside .j-arrow{display:none}
 .j-quote{padding:20px}.j-document-head{flex-direction:column;gap:10px}.j-three{grid-template-columns:1fr}.j-three article{border:0;border-bottom:1px solid var(--d-line);padding:22px 0;display:grid;grid-template-columns:1fr auto;gap:10px}.j-three article>h2{margin:0}.j-three article>p{grid-column:1}.j-three article>hr{display:none}.j-three strong{grid-column:2;grid-row:1/4;margin:0;align-self:center;font-size:30px}.j-quote>.j-example{margin:18px 0 0!important}.j-letter,.j-agent-edit,.j-return-note,.j-client-review,.j-resume-rule,.j-foto-check{padding:40px 0}
 .j-prices,.j-contact{padding:25px}.j-prices h2,.j-contact h2{font-size:24px}.j-prices li{gap:14px;flex-wrap:wrap}.j-rates-strip ul{display:block}.j-prices li strong{font-size:19px}.j-contact .l-form{padding:20px}.j-contact .d-telegram{font-size:13px}.j-tabs [role=tab]{font-size:11px;padding:9px 10px}.j-sample{padding:20px}.j-table-scroll th,.j-table-scroll td{padding:14px 12px}.j-table-scroll table{font-size:11px}.j-file{padding:18px;font-size:11px}.j-export{flex-direction:column;gap:22px;align-items:start;margin:40px 0 20px}
 .j-workbench{padding:12px}.j-filepair{padding:8px 4px 20px;font-size:10px;gap:12px}.j-workbench .j-sample{padding:17px}.j-phone{max-width:360px;box-shadow:8px 8px 0 var(--d-soft)}.j-field-flow ol,.j-renewals>div,.j-library-shelves>div:first-of-type,.j-embed-path{grid-template-columns:1fr;gap:18px}.j-field-flow{margin-top:12px}.j-field-flow h2{font-size:26px}.j-field-footer>.j-proof{grid-column:auto}
 .j-ledger-side{border:0;padding:10px 0;flex-direction:row;gap:18px;flex-wrap:wrap;font-size:11px}.j-ledger-side b{width:100%;font-size:18px}.j-ledger-title{padding:10px 0 30px}.j-ledger-shell{padding:28px 0}.j-reminder{padding:24px}.j-week{grid-template-columns:1fr;padding:20px;gap:15px}.j-week-caption{flex-direction:column;gap:12px;align-items:start}.j-week-caption h2{font-size:24px}.j-week .j-tabs{padding:18px}.j-week-context{padding:12px}.j-week-context b{font-size:19px}.j-dayplan{padding:40px 0}.j-planner-bottom>.j-proof{grid-column:auto}
 .j-editorial-title{text-align:left;padding:30px 0}.j-transcript{padding:30px 0}.j-transcript>article{border:0;border-bottom:1px solid var(--d-line);padding:10px 0 25px}.j-transcript blockquote{font-size:23px}.j-editorial-note{padding:35px 0}.j-editorial-note h2{grid-row:auto}.j-editorial-bottom>.j-prices{grid-column:auto}.j-conveyor{padding:18px}.j-pipeline-labels{gap:10px;font-size:9px;line-height:1.6}.j-fact-gate{grid-template-columns:1fr;padding:35px 0;gap:20px}.j-fact-gate>b{width:max-content}.j-fact-gate h2{font-size:29px;margin-bottom:0}
 .j-gallery-art{padding:10px 0}.j-photo-gallery .j-tabs{padding:25px 0}.j-photo-gallery .j-tabs h2{font-size:25px}.j-chat{padding:14px}.j-chat .j-sample{padding:18px}.j-chat>.j-sample{min-height:385px}.j-message{max-width:95%;font-size:13px}.j-source-contract>.j-proof,.j-library-tail>.j-proof{grid-column:auto}
 .j-search{padding:20px}.j-search>div:first-of-type{gap:7px}.j-search input{padding:12px;font-size:14px}.j-search button{padding:12px;font-size:11px}.j-formats{flex-direction:column;gap:10px}.j-library-shelves{padding:35px 0}.j-console>.j-sample{padding:22px}.j-console h2{font-size:25px}.j-console dl{font-size:11px;gap:16px 10px}.j-alert-history h2{font-size:24px}
 .j-route-map{grid-template-columns:1fr;padding:20px 0;gap:15px}.j-route-arrow{transform:rotate(90deg);font-size:28px}.j-route-map>div{padding:22px}.j-route-map h2{margin:12px 0;font-size:26px}.j-route-setup{padding:30px 0}.j-route-setup>.j-example{grid-column:auto}.j-route-setup .j-tabs{padding:20px}.j-route-setup h2{font-size:25px}.j-renewals{padding:35px 0}.j-renewals blockquote{padding:25px;font-size:20px}
 .j-collection-cover{padding:28px}.j-collection-cover h2{font-size:30px}.j-listing{padding:8px}.j-listing h3{font-size:25px}.j-agent-edit ul{padding-left:22px;border:0}.j-realty-bottom>.j-prices{grid-column:auto}.j-preorder{padding:22px;box-shadow:7px 7px 0 var(--d-soft)}.j-menu-title h2{font-size:33px}.j-preorder [data-menu] h3{font-size:17px}.j-preorder button[data-add]{padding:10px;font-size:10px}.j-order-total{font-size:13px;padding:15px}.j-cutoff{padding:40px 0}.j-cutoff>div{border:0;padding:0}.j-lunch-bottom>.j-contact{grid-column:auto}
 .j-pet-file{padding:13px}.j-pet-file .j-sample{padding:20px}.j-pet-identity>span{width:60px;height:60px;font-size:23px}.j-pet-identity h2{font-size:29px}.j-pet-bottom>.j-proof{grid-column:auto}.j-hiring-board>.j-sample{padding:18px}.j-board{grid-template-columns:1fr;gap:15px}.j-board>section{padding:16px}.j-board button{padding:15px}.j-board small{width:auto;margin-left:auto}.j-estimator{padding:14px}.j-estimator .j-sample{padding:22px}.j-estimate-result output{font-size:36px}
 .j-course-index{flex-direction:row;flex-wrap:wrap;gap:16px;padding:20px}.j-course-index b{width:100%;font-size:15px}.j-course-index a{font-size:10px}.j-course-title{padding:5px 0 25px}.j-classroom-shell{padding:28px 0}.j-lesson-page{padding:24px}.j-lesson-page>h2{font-size:26px}.j-lesson-page label{align-items:start}.j-lesson-page input{margin-top:2px}.j-manager-progress{padding:35px 0}.j-resume-editor>aside{padding:25px}.j-resume-editor .j-sample{min-height:350px;padding:20px}.j-cv{padding:18px 0 18px 18px}.j-cv h2{font-size:27px}.j-resume-rule>.j-proof{grid-column:auto}
 .j-footer{gap:22px;padding:25px 0 35px}.j-footer>div{gap:14px;font-size:11px}
}
@media(max-width:360px){.journey-calculator .j-estimate-contract h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.j-primary{transition:none}}