:root{--bg:#F8F4EF;--surface:#FFFFFF;--ink:#2B1620;--soft:#7A6A70;--wine:#5E1F35;--wine-d:#3E1022;--blush:#F3E3E6;--line:#EADFD8;--green:#2F6B4F;--gold:#A9824C}
*{box-sizing:border-box} html{scroll-padding-top:90px} body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
a{color:var(--wine)} img{max-width:100%}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:12px 28px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)} .brand img{height:52px;width:auto} .brand b{display:block;font:600 21px/1.1 Georgia,"Times New Roman",serif} .brand small{color:var(--soft);font-size:12.5px}
.search{position:relative;flex:1;max-width:620px;margin-left:auto} .search input{width:100%;height:44px;border:1px solid var(--line);border-radius:22px;padding:0 18px 0 42px;font:inherit;font-size:15px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%237A6A70' stroke-width='2'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='m13 13 4 4'/%3E%3C/svg%3E") no-repeat 15px center}
.search input:focus{outline:none;border-color:var(--wine);box-shadow:0 0 0 4px var(--blush)}
.results{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px rgba(43,22,32,.16);max-height:70vh;overflow:auto;padding:6px}
.results a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--ink)} .results a:hover, .results a.act{background:var(--blush)} .results b{display:block} .results small{color:var(--soft)} .results p{margin:3px 0 0;font-size:13px;color:var(--soft)} .results mark{background:#FFE6A6;color:inherit;border-radius:3px;padding:0 1px}
.results .none{padding:14px;color:var(--soft)}
.home-main{max-width:1180px;margin:0 auto;padding:36px 24px 30px} .hero{text-align:center;margin:10px 0 34px} .hero h1{font:600 40px/1.15 Georgia,serif;margin:0 0 10px} .hero p{color:var(--soft);font-size:17px;margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 22px 14px;box-shadow:0 2px 10px rgba(60,20,30,.04);transition:box-shadow .2s, transform .2s} .card:hover{box-shadow:0 10px 26px rgba(60,20,30,.10);transform:translateY(-2px)}
.ci{width:46px;height:46px;border-radius:14px;background:var(--blush);display:grid;place-items:center;font-size:24px} .card h2{font:600 21px/1.2 Georgia,serif;margin:12px 0 4px} .card p{margin:0 0 10px;color:var(--soft);font-size:14px}
.card ul{list-style:none;margin:0;padding:0} .card li{border-top:1px solid var(--line)} .card li a{display:block;padding:9px 2px;text-decoration:none;font-weight:500} .card li a::after{content:" ›";color:var(--soft)} .card li a:hover{color:var(--wine-d)}
.layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:30px;max-width:1260px;margin:0 auto;padding:26px 24px 10px}
.side{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;font-size:14.5px;padding-right:6px}
.side .home{display:block;padding:7px 10px;margin-bottom:8px;text-decoration:none;font-weight:600} .sc{margin-bottom:12px} .sct{font-weight:700;font-size:13px;color:var(--soft);padding:4px 10px;text-transform:none}
.side a{display:block;padding:6px 10px 6px 30px;border-radius:9px;text-decoration:none;color:var(--ink)} .side a:hover{background:var(--blush)} .side a.on{background:var(--wine);color:#fff;font-weight:600}
.art{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px 38px 30px;min-width:0}
.crumbs{font-size:13.5px;color:var(--soft)} .crumbs a{text-decoration:none} .art h1{font:600 34px/1.2 Georgia,serif;margin:8px 0 18px}
.art h3{font:600 22px/1.25 Georgia,serif;margin:30px 0 10px;color:var(--wine-d)} .art p, .art li{font-size:16.5px} .art ol, .art ul{padding-left:24px} .art li{margin:4px 0}
.art table{border-collapse:collapse;width:100%;margin:12px 0;font-size:15px} .art th, .art td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top} .art th{background:var(--bg)}
.toc{float:right;margin:0 0 14px 24px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:14px;max-width:260px} .toc b{display:block;margin-bottom:4px} .toc a{display:block;padding:3px 0;text-decoration:none}
.shot{margin:18px 0 22px;clear:both} .shot a{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(43,22,32,.10);cursor:zoom-in;background:#fff} .shot img{display:block;width:100%;height:auto}
.shot figcaption{text-align:center;color:var(--soft);font-size:13.5px;margin-top:8px}
.k{display:inline-block;padding:1px 9px;border:1px solid var(--wine);border-radius:7px;color:var(--wine);font-weight:600;font-size:.92em;white-space:nowrap;background:#fff}
.box{border-radius:12px;padding:12px 16px;margin:16px 0;font-size:15.5px} .box b{display:block;margin-bottom:3px} .tip{background:#EEF6F1;border:1px solid #BFDCCB} .warn{background:#FFF5E3;border:1px solid #F0D69B} .note{background:#EEF3FB;border:1px solid #C8D7EF}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px;clear:both} .pn a{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);font-weight:600} .pn a:hover{border-color:var(--wine);background:var(--blush)} .pn small{display:block;color:var(--soft);font-weight:400} .pn .next{text-align:right}
.foot{max-width:1260px;margin:26px auto 30px;padding:18px 24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--ink);font-size:14.5px;border-top:1px solid var(--line)} .muted{color:var(--soft)}
[hidden]{display:none !important}
.lb{position:fixed;inset:0;z-index:50;background:rgba(20,10,14,.82);display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out} .lb img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.menu-btn{display:none}
@media (max-width:900px){ .top{flex-wrap:wrap;padding:10px 16px;gap:10px} .search{max-width:none;flex-basis:100%} .brand img{height:42px}
  .layout{grid-template-columns:1fr;padding:16px 12px} .side{position:static;max-height:none;display:none;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px} .side.open{display:block}
  .menu-btn{display:block;width:100%;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;font-weight:600;color:var(--wine)}
  .art{padding:20px 18px} .art h1{font-size:27px} .toc{float:none;max-width:none;margin:0 0 14px} .hero h1{font-size:30px} .pn{grid-template-columns:1fr} }
@media print{ .top, .side, .pn, .foot, .toc{display:none} .layout{display:block} .art{border:none} }
/* ===== кнопка и раздел руководителя ===== */
.search-col{flex:1;max-width:620px;margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:7px} .search-col .search{width:100%;max-width:none;margin:0}
.dir-btn{font-size:13.5px;font-weight:600;text-decoration:none;color:var(--wine);border:1px solid var(--wine);border-radius:16px;padding:4px 14px;background:#fff;white-space:nowrap} .dir-btn:hover{background:var(--wine);color:#fff}
.dlg-bg{position:fixed;inset:0;z-index:60;background:rgba(30,12,20,.5);display:flex;align-items:center;justify-content:center;padding:20px}
.dlg{background:#fff;border-radius:18px;padding:26px 28px 22px;width:min(380px,100%);box-shadow:0 24px 60px rgba(0,0,0,.3);text-align:center} .dlg h2{font:600 22px/1.2 Georgia,serif;margin:10px 0 4px} .dlg p{margin:0 0 14px;color:var(--soft)} .dlg .ci, .dir-lock .ci{margin:0 auto}
.dlg input, .dir-form input{width:100%;height:44px;border:1px solid var(--line);border-radius:10px;padding:0 14px;font:inherit;font-size:16px} .dlg input:focus, .dir-form input:focus{outline:none;border-color:var(--wine);box-shadow:0 0 0 4px var(--blush)}
.dlg-btns{display:flex;gap:10px;margin-top:14px} .dlg-btns button{flex:1}
.btn-w{height:42px;border:none;border-radius:10px;background:var(--wine);color:#fff;font:inherit;font-weight:600;cursor:pointer;padding:0 18px} .btn-w:hover{background:var(--wine-d)} .btn-g{height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;cursor:pointer}
.dir-err{min-height:20px;margin-top:8px;color:#B3261E;font-size:14px}
.dir-lock{max-width:420px;margin:30px auto;text-align:center} .dir-lock h1{font-size:28px} .dir-form{display:flex;gap:10px;margin-top:14px} .dir-form input{flex:1}
.dir-layout .side .home{color:var(--wine-d)} .dir-out{margin:12px 10px 0;border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 12px;font:inherit;font-size:13.5px;cursor:pointer;width:calc(100% - 20px)} .dir-out:hover{border-color:var(--wine)}
body.dir-open .top{border-bottom-color:var(--gold)} .dir-grid{margin-top:20px}
@media (max-width:900px){ .search-col{max-width:none;flex-basis:100%;align-items:stretch} .dir-btn{text-align:center} }