/* ============================================================
   Каркас сторінок тулів — ВЛАСНІ класи-клони композиції сайту
   (жоден клас сайту не використовується і не перевизначається)
   ============================================================ */
.tlTop{ margin-top:100px; }
.tlHero{ display:grid; grid-gap:60px; grid-template-columns:300px auto; }
.tlHeroMain{ width:100%; max-width:1000px; }
.tlH1{
    font-size:clamp(38px,6vw,76px); font-weight:900; text-transform:uppercase;
    color:var(--black-text-background); letter-spacing:-1px; margin:0;
}
.tlBack{
    display:flex; align-items:center; grid-gap:10px; width:max-content;
    font-size:clamp(18px,2.1vw,24px); font-weight:700; color:var(--black-text-background);
    text-decoration:none; margin:0; transition:.3s;
}
.tlBack::before{
    content:''; display:inline-block; width:22px; height:22px; flex:0 0 22px;
    background-color:currentColor;
    -webkit-mask:center/100% no-repeat; mask:center/100% no-repeat;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2z'/%3E%3C/svg%3E");
}
a.tlBack:hover{ color:var(--black-shade-two); }
.tlCols{ display:grid; grid-gap:60px; grid-template-columns:300px auto; align-items:start; }
.tlIntroRow{ margin-top:clamp(10px,2vw,24px); }
.tlSide{ position:sticky; top:100px; }
.tlKick{
    display:flex; align-items:baseline; grid-gap:10px; margin:0;
    font-size:clamp(18px,2.1vw,24px); font-weight:700; color:var(--black-text-background);
}
.tlKick::before{
    content:''; display:inline-block; width:24px; height:24px; flex:0 0 24px; align-self:center;
    background-color:currentColor;
    -webkit-mask:center/100% no-repeat; mask:center/100% no-repeat;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m20 16l-5.5 5.5l-1.42-1.41L16.17 17H10.5A6.5 6.5 0 0 1 4 10.5V4h2v6.5C6 13 8 15 10.5 15h5.67l-3.08-3.09l1.41-1.41z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m20 16l-5.5 5.5l-1.42-1.41L16.17 17H10.5A6.5 6.5 0 0 1 4 10.5V4h2v6.5C6 13 8 15 10.5 15h5.67l-3.08-3.09l1.41-1.41z'/%3E%3C/svg%3E");
}
.tlMain{ width:100%; max-width:1000px; }
.tlLead{
    font-size:clamp(24px,3.1vw,36px); font-weight:800; line-height:1.25;
    color:var(--black-text-background); letter-spacing:-1px; margin:0 0 20px;
}
@media (max-width:1024px){
    .tlHero,.tlCols{ grid-template-columns:1fr; grid-gap:24px; }
    .tlSide{ position:static; }
    .tlTop{ margin-top:60px; }
}

/* ============================================================
   Інструменти BB STUDIO — світла тема ОСНОВНОГО САЙТУ:
   картки #f3f3f3 (як блоки сайту), радіус 30px, темний текст,
   лайм #c7f33c як акцент, кнопки в стилі .mainButton
   ============================================================ */

/* ---- Каталог ---- */
.toolsIntro{ max-width:720px; color:var(--black-shade-text); font-size:clamp(16px,1.6vw,19px); line-height:1.6; font-weight:600; }
.toolsGroup{ margin-top:clamp(44px,6vw,80px); }
.toolsGroup__title{
    font-size:clamp(24px,3vw,42px); font-weight:900; text-transform:uppercase;
    color:var(--black-text-background); margin-bottom:clamp(18px,2.5vw,30px);
    letter-spacing:-1px;
}
.toolsGrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:16px; }
.toolCard{
    display:flex; align-items:flex-start; gap:16px; padding:24px 26px;
    background:var(--white-shade); border-radius:30px;
    text-decoration:none; transition:.3s; position:relative;
    border:2px solid var(--white-shade);
}
.toolCard:hover{ border-color:var(--main-theme-color); transform:translateY(-3px); }
.toolCard__ico{
    width:48px; height:48px; flex:0 0 48px; border-radius:16px;
    background:var(--main-theme-color); position:relative;
}
.toolCard__ico::after{
    content:""; position:absolute; inset:0; background:var(--black-text-background);
    -webkit-mask:center/24px no-repeat; mask:center/24px no-repeat;
    -webkit-mask-image:var(--ico); mask-image:var(--ico);
}
.toolCard__ico[data-ico="dns"],.toolCard__ico[data-ico="server"]{ --ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='2' y='4' width='20' height='5' rx='1.5'/%3E%3Crect x='2' y='15' width='20' height='5' rx='1.5'/%3E%3Cpath d='M6 6.5h.01M6 17.5h.01M12 9v6'/%3E%3C/svg%3E"); }
.toolCard__ico[data-ico="whois"],.toolCard__ico[data-ico="info"]{ --ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8h.01M11 12h1v4h1'/%3E%3C/svg%3E"); }
.toolCard__ico[data-ico="pulse"]{ --ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M2 12h4l3-8 4 16 3-8h6'/%3E%3C/svg%3E"); }
.toolCard__ico[data-ico="arrow"]{ --ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 7h12l-3-3M20 17H8l3 3'/%3E%3C/svg%3E"); }
.toolCard__ico[data-ico="location"]{ --ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 21s7-6.1 7-11a7 7 0 1 0-14 0c0 4.9 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E"); }
.toolCard__ico[data-ico="calc"]{ --ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cpath d='M8 6h8M8 11h.01M12 11h.01M16 11h.01M8 15h.01M12 15h.01M16 15h.01M8 19h.01M12 19h.01M16 19h.01'/%3E%3C/svg%3E"); }
.toolCard__ico[data-ico="lock"]{ --ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E"); }
.toolCard__ico[data-ico="key"]{ --ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M11 12 20 3m-4 1 3 3m-6 0 2 2'/%3E%3C/svg%3E"); }
.toolCard__ico[data-ico="shield"]{ --ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 2 4 6v6c0 5 3.4 8.4 8 10 4.6-1.6 8-5 8-10V6l-8-4z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
.toolCard__ico[data-ico="tags"]{ --ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='m8 8-5 4 5 4M16 8l5 4-5 4M13 5l-2 14'/%3E%3C/svg%3E"); }
.toolCard__ico[data-ico="mail"]{ --ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E"); }
.toolCard__ico[data-ico="ban"]{ --ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m5.5 5.5 13 13'/%3E%3C/svg%3E"); }
.toolCard__ico[data-ico="qr"]{ --ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Cpath d='M14 14h3v3h-3zM20 14h1M14 20h1M18 18h3v3'/%3E%3C/svg%3E"); }
.toolCard__ico[data-ico="globe"]{ --ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 4 5.7 4 9s-1.5 6.4-4 9c-2.5-2.6-4-5.7-4-9s1.5-6.4 4-9z'/%3E%3C/svg%3E"); }
.toolCard__ico[data-ico="text"]{ --ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 6V4h16v2M12 4v16m-3 0h6'/%3E%3C/svg%3E"); }
.toolCard__ico[data-ico="clock"]{ --ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/svg%3E"); }
.toolCard__body{ flex:1; display:flex; flex-direction:column; gap:5px; min-width:0; }
.toolCard__name{ font-weight:800; font-size:clamp(16px,1.5vw,19px); color:var(--black-text-background); letter-spacing:-.5px; }
.toolCard__lead{ font-size:14px; color:var(--black-shade-text); line-height:1.5; font-weight:600; letter-spacing:-.3px; }
.toolCard__arr{ color:var(--black-text-background); font-size:22px; transition:.3s; align-self:center; }
.toolCard:hover .toolCard__arr{ transform:translateX(4px); }

/* ---- Сторінка інструмента ---- */
.toolBack{ text-decoration:none; }
.toolBox{
    width:100%; margin:clamp(24px,3vw,40px) 0 clamp(30px,4vw,50px);
    padding:clamp(22px,3vw,34px);
    background:var(--white-shade); border-radius:30px;
    color:var(--black-text-background);
}
.toolBox [hidden]{ display:none !important; }
.toolForm__row{ display:flex; gap:12px; }
.toolForm__row--two{ flex-wrap:wrap; }
.toolForm__input{
    flex:1 1 auto; min-width:0; background:var(--white-text-background);
    border:2px solid var(--white-background-border); border-radius:30px; padding:15px 22px;
    font-size:16px; color:var(--black-text-background); font-family:inherit; font-weight:600;
}
.toolForm__input--sm{ flex:0 0 190px; }
.toolForm__input:focus{ outline:none; border-color:var(--main-theme-color); }
.toolForm__input::placeholder{ color:var(--black-shade-two); font-weight:600; }
.toolForm__btn{
    background:var(--main-theme-color); color:var(--black-text-background);
    border:2px solid var(--main-theme-color); border-radius:30px;
    padding:15px 32px; font-size:clamp(16px,1.6vw,18px); font-weight:900; cursor:pointer;
    white-space:nowrap; transition:.3s; font-family:inherit; letter-spacing:-.5px;
}
.toolForm__btn:hover{ background:var(--main-theme-color-hoverWhite); border-color:var(--main-theme-color-hoverWhite); }
.toolForm__btn:disabled{ opacity:.55; cursor:default; }
.toolForm__btn.is-load{ position:relative; color:transparent; }
.toolForm__btn.is-load::after{
    content:""; position:absolute; inset:0; margin:auto; width:20px; height:20px;
    border:3px solid rgba(43,43,43,.3); border-top-color:var(--black-text-background); border-radius:50%;
    animation:tspin .7s linear infinite;
}
@keyframes tspin{ to{ transform:rotate(360deg); } }
.toolForm__btn--ghost{ background:transparent; border-color:var(--black-text-background); }
.toolForm__btn--ghost:hover{ background:var(--main-theme-color); border-color:var(--main-theme-color); }
.toolForm__err{ color:#c03535; font-size:15px; margin-top:14px; font-weight:700; }

.toolCaptcha{ display:flex; align-items:center; gap:12px; margin-top:16px; padding:14px 18px; background:var(--white-text-background); border:2px solid var(--white-background-border); border-radius:20px; }
.toolCaptcha__q{ font-weight:900; font-size:18px; color:var(--black-text-background); }
.toolCaptcha__input{ width:100px; background:var(--white-shade); border:2px solid var(--white-background-border); border-radius:16px; padding:10px 14px; color:var(--black-text-background); font-size:16px; font-weight:700; }
.toolCaptcha__input:focus{ outline:none; border-color:var(--main-theme-color); }

.toolResult{ margin-top:24px; }
.toolResBlock{ margin-bottom:20px; }
.toolResBlock h3{ font-size:14px; font-weight:900; color:var(--black-text-background); margin-bottom:10px; text-transform:uppercase; letter-spacing:.05em; }
.toolTable{ width:100%; border-collapse:collapse; }
.toolTable td{ padding:12px 4px; border-bottom:1px solid var(--white-background-border); font-size:15px; vertical-align:top; color:var(--black-shade-text); font-weight:600; }
.toolTable td:first-child{ color:var(--black-shade-two); width:42%; }
.toolTable b{ color:var(--black-text-background); font-weight:800; }
.toolTable .muted{ color:var(--black-shade-two); font-size:13px; }
.toolCode{ display:block; background:var(--white-text-background); border:2px solid var(--white-background-border); border-radius:16px; padding:16px; color:var(--black-text-background); font-size:14px; word-break:break-all; white-space:pre-wrap; font-family:monospace; }
.toolEmpty{ color:var(--black-shade-two); padding:18px; text-align:center; background:var(--white-text-background); border:2px solid var(--white-background-border); border-radius:16px; font-weight:600; }

.toolBadge{ display:inline-block; padding:5px 14px; border-radius:60px; font-size:13px; font-weight:900; }
.toolBadge--ok{ background:var(--main-theme-color); color:var(--black-text-background); }
.toolBadge--warn{ background:#ffedc2; color:#8a6a00; }
.toolBadge--bad{ background:#ffd9d9; color:#c03535; }
.toolDot{ display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:10px; }
.toolDot--ok{ background:var(--main-theme-color); border:1px solid #a8cc2c; }
.toolDot--no{ background:#e05555; }

.toolChain__step{ display:flex; align-items:center; gap:14px; }
.toolChain__code{ font-weight:900; font-size:13px; padding:5px 12px; border-radius:60px; flex:0 0 auto; }
.toolChain__code--ok{ background:var(--main-theme-color); color:var(--black-text-background); }
.toolChain__code--redir{ background:#ffedc2; color:#8a6a00; }
.toolChain__code--bad{ background:#ffd9d9; color:#c03535; }
.toolChain__url{ font-size:14px; word-break:break-all; color:var(--black-shade-text); font-weight:600; }
.toolChain__arr{ color:var(--black-shade-two); margin:5px 0 5px 18px; }

/* ---- Клієнтські тули ---- */
.toolPass__out,.toolPuny__out,.toolTranslit__out{ position:relative; display:flex; gap:8px; margin-bottom:18px; }
.toolPass__out input,.toolPuny__out input{ flex:1; background:var(--white-text-background); border:2px solid var(--white-background-border); border-radius:30px; padding:15px 56px 15px 22px; font-size:17px; color:var(--black-text-background); font-family:monospace; font-weight:700; }
.toolCopy{ position:absolute; right:10px; top:50%; transform:translateY(-50%); width:38px; height:38px; border:0; background:var(--black-text-background); color:#fff; border-radius:50%; cursor:pointer; font-size:15px; transition:.3s; }
.toolCopy:hover{ background:#000; }
.toolCopy.is-ok{ background:var(--main-theme-color); color:var(--black-text-background); }
.toolPass__len,.toolQr__row{ margin:18px 0; color:var(--black-text-background); font-size:15px; font-weight:700; }
.toolPass__len input[type=range],.toolQr__row input[type=range]{ width:100%; margin-top:10px; accent-color:var(--main-theme-color); }
.toolPass__opts{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:20px; }
.toolChk{ display:flex; align-items:center; gap:10px; cursor:pointer; font-size:15px; color:var(--black-text-background); font-weight:700; }
.toolChk input{ width:19px; height:19px; accent-color:var(--main-theme-color); }
.toolPass__strength{ margin-top:14px; font-size:15px; color:var(--black-shade-text); font-weight:700; }
.toolTextarea{ width:100%; background:var(--white-text-background); border:2px solid var(--white-background-border); border-radius:20px; padding:15px 20px; font-size:16px; color:var(--black-text-background); font-family:inherit; resize:vertical; margin-bottom:14px; font-weight:600; }
.toolTextarea:focus{ outline:none; border-color:var(--main-theme-color); }
.toolTextarea::placeholder{ color:var(--black-shade-two); }
.toolPuny__btns{ display:flex; gap:12px; margin-bottom:18px; flex-wrap:wrap; }
.toolQr__canvas{ display:flex; justify-content:center; padding:24px; background:var(--white-text-background); border:2px solid var(--white-background-border); border-radius:20px; margin:18px 0; min-height:60px; }
.toolCron__out{ background:var(--white-text-background); border:2px solid var(--white-background-border); border-radius:20px; padding:18px; font-size:17px; color:var(--black-text-background); margin:16px 0; font-weight:800; }
.toolCron__hint{ font-size:14px; color:var(--black-shade-two); font-weight:600; }
.toolCron__err{ color:#c03535; }
.toolField{ display:flex; flex-direction:column; gap:8px; margin-bottom:18px; }
.toolBox .toolField span{ font-size:15px; color:var(--black-shade-text); font-weight:700; }
.toolSelect{ background:var(--white-text-background); border:2px solid var(--white-background-border); border-radius:30px; padding:14px 20px; color:var(--black-text-background); font-size:16px; font-family:inherit; font-weight:600; }
.toolSelect:focus{ outline:none; border-color:var(--main-theme-color); }

/* ---- SEO-стаття + FAQ + схожі ---- */
.toolArticle{ width:100%; margin-top:clamp(24px,3vw,40px); color:var(--black-shade-text); line-height:1.7; font-size:clamp(15px,1.4vw,17px); font-weight:600; letter-spacing:-.3px; }
.toolArticle h2{ font-size:clamp(22px,2.4vw,32px); font-weight:900; margin:36px 0 16px; color:var(--black-text-background); text-transform:uppercase; letter-spacing:-1px; }
.toolArticle h3{ font-size:clamp(18px,1.8vw,22px); font-weight:800; margin:26px 0 12px; color:var(--black-text-background); }
.toolArticle p{ margin-bottom:16px; }
.toolArticle a{ color:inherit; text-decoration:underline; text-decoration-color:var(--main-theme-color); text-decoration-thickness:2px; }
.toolArticle ul{ margin:0 0 16px 20px; }
.toolArticle li{ margin-bottom:8px; }

.toolFaq{ width:100%; margin-top:clamp(36px,5vw,64px); }
.toolFaq__title{ font-size:clamp(24px,3vw,42px); font-weight:900; text-transform:uppercase; margin-bottom:22px; color:var(--black-text-background); letter-spacing:-1px; }
.toolFaq__item{ border-bottom:1px solid var(--white-background-border); }
.toolFaq__item summary{ padding:20px 0; cursor:pointer; font-weight:800; font-size:clamp(16px,1.6vw,19px); list-style:none; position:relative; padding-right:36px; color:var(--black-text-background); letter-spacing:-.5px; }
.toolFaq__item summary::-webkit-details-marker{ display:none; }
.toolFaq__item summary::after{ content:"+"; position:absolute; right:4px; top:14px; font-size:26px; color:var(--black-text-background); transition:.3s; font-weight:900; }
.toolFaq__item[open] summary::after{ transform:rotate(45deg); color:var(--main-theme-color); }
.toolFaq__ans{ padding:0 0 20px; color:var(--black-shade-text); line-height:1.65; font-size:15.5px; font-weight:600; }

.toolRelated{ max-width:820px; margin-top:clamp(36px,5vw,60px); padding-top:30px; border-top:1px solid var(--white-background-border); }
.toolRelated__title{ font-size:clamp(18px,1.8vw,24px); font-weight:900; margin-bottom:16px; color:var(--black-text-background); text-transform:uppercase; letter-spacing:-.5px; }
.toolRelated__list{ display:flex; flex-wrap:wrap; gap:12px; }
.toolChip{ padding:11px 22px; background:var(--white-shade); border-radius:60px; text-decoration:none; color:var(--black-text-background); font-size:14px; font-weight:800; transition:.3s; }
.toolChip:hover{ background:var(--main-theme-color); }

/* ---- Адаптивність ---- */
@media (max-width:900px){
    .toolsGrid{ grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); }
}
@media (max-width:640px){
    .toolsGrid{ grid-template-columns:1fr; gap:12px; }
    .toolCard{ padding:20px; gap:14px; }
    .toolCard__ico{ width:42px; height:42px; flex-basis:42px; }
    .toolBox{ padding:20px; border-radius:24px; }
    .toolForm__row{ flex-direction:column; }
    .toolForm__input--sm{ flex:1 1 auto; }
    .toolForm__btn{ width:100%; }
    .toolPass__opts{ grid-template-columns:1fr; }
    .toolTable td{ font-size:14px; padding:10px 3px; }
    .toolTable td:first-child{ width:45%; }
    .toolCaptcha{ flex-wrap:wrap; }
    .toolChain__url{ font-size:13px; }
}

/* ---- Бокова навігація (липка колонка як на company) ---- */
.workTLink .toolSideNav{ grid-column:1 / -1; }
.toolSideNav{ list-style:none; padding:0; margin:22px 0 0; display:grid; gap:12px; flex-basis:100%; width:100%; }
.toolSideNav a{
    color:var(--black-shade-text); font-size:15px; font-weight:700; text-decoration:none;
    letter-spacing:-.3px; transition:.3s; line-height:1.35;
}
.toolSideNav a:hover{ color:var(--black-text-background); }
@media (max-width:1024px){
    .toolSideNav{ display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:16px; }
}

/* самотні інпути клієнтських тулів — на всю ширину */
.toolPuny > .toolForm__input, .toolCron > .toolForm__input{ width:100%; margin-bottom:16px; }
/* блок рекомендацій у боковій колонці */
.tlSideAlso{
    margin:30px 0 0; font-size:13px; font-weight:900; letter-spacing:.06em;
    text-transform:uppercase; color:var(--black-shade-two);
}
.tlSideAlso + .toolSideNav{ margin-top:14px; }