/*
Theme Name: Треугольник
Description: Тема СНТ Треугольник с сохранённой иллюстрацией Oldtown.
Version: 1.1.0
License: See LICENSE.md for original artwork and CSS.
*/
:root{--ink:#213a30;--text:#33473d;--muted:#6c7b72;--green:#25634c;--green-dark:#174c38;--line:#dfe7e1;--soft:#f3f7f3;--radius:12px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;padding:0;background:#f1f4f1;color:var(--text);font:17px/1.65 Arial,Helvetica,sans-serif;text-align:left}
a:link,a:visited{color:var(--green);text-decoration:none}
a:hover,a:active{color:var(--green-dark);text-decoration:underline}
a,button,input,select,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #418d6b;outline-offset:4px}
button,input,select{font:inherit}
button{cursor:pointer}
img{max-width:100%;height:auto}
#allwrap{width:1120px;max-width:calc(100% - 48px);margin:24px auto 0;padding:0;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 30px #193b2806;position:relative}
.site-header{margin:16px 16px 0}
.site-banner{display:flex;justify-content:center;align-items:center;height:220px;border-radius:10px;overflow:hidden;background:linear-gradient(90deg,#eef5ea,#d9eed9 50%,#eef5ea)}
.site-banner img{display:block;position:static;width:auto;max-width:100%;height:100%;object-fit:contain;object-position:center}
.site-identity{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 10px;border-bottom:1px solid var(--line)}
.site-identity a{font-size:20px;font-weight:700;color:var(--ink)}
.site-identity span{font-size:14px;color:var(--muted)}
#cbody{display:grid;grid-template-columns:208px minmax(0,1fr);gap:32px;margin:0;padding:30px 32px 40px;align-items:start}
#sidebar{width:auto;float:none;display:block;margin:0;padding:0;min-width:0}
.site-menu{position:sticky;top:24px}
#sidebar .moduletable_menu{margin:0;padding:0;border:0;background:none}
#sidebar .moduletable_menu ul.menu{display:grid;gap:5px;margin:0;padding:0;list-style:none}
#sidebar .moduletable_menu li{margin:0;padding:0;list-style:none;border:0;background:none}
#sidebar .moduletable_menu li a,#sidebar .moduletable_menu li a:link,#sidebar .moduletable_menu li a:visited{display:block;margin:0;padding:11px 14px;border-radius:8px;border:1px solid transparent;color:#41574a;background:none;font-size:16px;font-weight:500;line-height:1.4;letter-spacing:normal;text-transform:none;text-align:left;text-decoration:none}
#sidebar .moduletable_menu li a:hover{background:var(--soft);color:var(--green)}
#sidebar .moduletable_menu li.current a,#sidebar .moduletable_menu li.current-menu-item a,#sidebar .moduletable_menu li.current-menu-parent>a,#sidebar .moduletable_menu li.current-menu-ancestor>a{background:#e8f2e9;color:var(--green-dark);font-weight:700;border-color:#d9e8dc}
.site-nav-toggle{display:none}
#content60{display:block;float:none;width:auto;min-width:0;padding:0;margin:0}
#content{margin:0;padding:0;border:0;background:none;min-width:0}
#content h1,#content h2,#content h3{color:var(--ink);font-family:inherit;line-height:1.3;letter-spacing:-.02em;text-transform:none}
#content h1{margin:0 0 12px;padding:0;font-size:30px;font-weight:700}
#content h2{margin:0 0 14px;padding:0;font-size:23px;font-weight:700}
#content h3{font-size:20px;margin:24px 0 12px}
#content h2 a{color:var(--ink)}
#content p{margin:0 0 18px}
.page-heading{margin:0 0 28px}
#content .page-heading>p:last-child{max-width:660px;margin-bottom:0;color:var(--muted);font-size:16px}
#content .eyebrow{margin:0 0 8px;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 32px}
.quick-link{display:flex;align-items:flex-start;gap:10px;position:relative;min-width:0;padding:15px 12px;border:1px solid #dfe9df;border-radius:10px;background:#f7faf6;line-height:1.4}
.quick-link:hover{background:#edf5ec;text-decoration:none;border-color:#bfd6c1}
.quick-link svg{flex:none;margin-top:1px}
.quick-link strong{display:block;font-size:15px;font-weight:700}
.quick-link small{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:var(--muted)}
.quick-link__arrow{margin-left:auto;font-size:17px}
.post-list{display:grid;gap:20px}
.post-card{margin:0;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.post-card--pinned{border-color:#bdd5bf;border-top:3px solid #57835f;background:linear-gradient(180deg,#f7faf4,#fff 150px)}
.post-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:12px;font-size:13px;line-height:1.5;color:var(--muted)}
.post-card__meta a{color:var(--muted)}
.important-label{display:inline-block;padding:3px 9px;border-radius:4px;background:#e4edcf;color:#4e6230;font-size:12px;font-weight:700}
#content .post-card h2{margin:0 0 16px;font-size:23px;line-height:1.35}
.post-card__body{display:flex;gap:22px;align-items:flex-start}
.post-card__text{flex:1;min-width:0}
#content .post-card__text p{margin:0 0 16px;font-size:16px;line-height:1.7}
.read-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700}
.post-card__preview{flex:none;width:140px;height:142px;border:1px solid #e3e8e2;border-radius:6px;overflow:hidden;background:#f5f6f3}
.post-card__preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;font-size:13px;color:var(--muted)}
.breadcrumbs a{color:var(--muted)}
.item-page{padding:0;margin:0;text-align:left;min-width:0}
.article-header{padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.article-header time{display:block;margin-bottom:10px;color:var(--muted);font-size:14px}
#content .article-header h1{font-size:30px;margin:0}
.article-body{font-size:17px;line-height:1.75;overflow-wrap:anywhere}
#content .article-body p{margin:0 0 20px}
.article-body ul,.article-body ol{margin:0 0 20px;padding-left:25px}
.article-body li{margin:6px 0}
.article-body img{max-width:100%;height:auto}
.article-body table{display:block;max-width:100%;overflow-x:auto;font-size:15px}
.article-body td,.article-body th{padding:9px 10px}
.article-body a{text-decoration:underline;text-underline-offset:3px}
a.tr-image-zoom{display:block;width:100%;max-width:100%;cursor:zoom-in}
a.tr-image-zoom>img{display:block;width:100%;max-width:100%;height:auto;border:1px solid #e3e8e2;border-radius:4px}
.back-link{margin-top:28px!important;font-size:15px}
.document-search{display:flex;align-items:flex-end;gap:12px;padding:20px;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px}
.document-search>div{min-width:0}
.document-search__text{flex:1}
.document-search label{display:block;margin:0 0 7px;font-size:13px;font-weight:700;color:#475c4e}
.document-search input,.document-search select{width:100%;height:44px;margin:0;padding:8px 10px;border:1px solid #bdccbf;border-radius:6px;background:#fff;color:var(--ink);font-size:15px;box-shadow:none}
.document-search select{min-width:120px}
.button-primary,.button-primary:link,.button-primary:visited{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 18px;border:1px solid var(--green);border-radius:6px;background:var(--green);color:#fff;font-size:15px;font-weight:700;text-decoration:none}
.button-primary:hover{background:var(--green-dark);color:#fff;text-decoration:none}
.document-results{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px;color:var(--muted);font-size:14px}
.document-year{margin:0 0 14px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.document-year summary{display:flex;align-items:center;gap:10px;padding:17px 20px;background:#f8faf7;cursor:pointer;font-size:20px;font-weight:700;color:var(--ink);list-style:none}
.document-year summary::-webkit-details-marker{display:none}
.document-year summary:before{content:'›';font-size:24px;font-weight:400;line-height:1;transform:rotate(0deg);transition:transform .15s}
.document-year[open] summary:before{transform:rotate(90deg)}
.document-year__count{margin-left:auto;padding:1px 9px;border-radius:20px;background:#eaf0e8;font-size:12px;color:var(--muted)}
.document-list{list-style:none;margin:0;padding:0 20px}
.document-row{display:flex;gap:14px;align-items:flex-start;padding:19px 0;border-top:1px solid #e8eee7;list-style:none;margin:0}
.document-row:first-child{border-top:0}
.document-row>div{min-width:0}
.file-badge{flex:none;min-width:48px;max-width:82px;padding:5px 7px;margin-top:2px;border-radius:5px;background:#edf3ea;color:#4e6a4f;font-size:10px;font-weight:700;line-height:1.5;text-align:center;overflow-wrap:anywhere}
.document-title{font-size:16px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.document-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:7px;color:var(--muted);font-size:12px}
.document-meta a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.archive-link{margin-top:24px!important;font-size:15px;font-weight:600}
.empty-state{padding:28px;border:1px dashed #ccd9ca;border-radius:10px}
#content .empty-state h2{font-size:20px}
.pagination{margin:30px 0 0;padding:0;text-align:left;font-size:14px}
#content .pagination p{margin:0 0 12px;color:var(--muted)}
.pagination ul{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none}
.pagination li{margin:0;padding:0;list-style:none}
.pagination li a,.pagination li>span{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 9px;border:1px solid var(--line);border-radius:6px;color:var(--green);background:#fff}
.pagination li a:hover{background:var(--soft);text-decoration:none}
.pagination li>span[aria-current]{background:var(--green);color:#fff;border-color:var(--green)}
.pagination li .pagination-gap{border:0;background:none;color:var(--muted)}
#footerwrap{width:1120px;max-width:calc(100% - 48px);margin:0 auto;padding:0;background:none}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 10px 34px;color:var(--muted);font-size:13px}
.site-footer strong,.site-footer span{display:block}
.site-footer strong{color:#536657;font-size:14px;font-weight:600}
.site-footer a{color:var(--muted)}
.cookie-banner{position:fixed;z-index:9000;left:50%;right:auto;bottom:16px;transform:translateX(-50%);width:1040px;max-width:calc(100% - 32px);padding:5px 20px;border:1px solid #d9e3d8;border-radius:10px;background:#fff;color:var(--text);box-shadow:0 6px 30px #18332126;text-align:left}
.cookie-banner:not([hidden]){display:block}
.cookie-banner[hidden]{display:none!important}
.cookie-banner__content{display:flex;flex-direction:row;align-items:center;gap:20px;max-width:none;margin:0}
.cookie-banner__content p{flex:1;margin:0;font-size:13px;line-height:1.6}
.cookie-banner__content button{flex:none;padding:2px 17px;border:0;border-radius:6px;background:var(--green);color:#fff;font-size:14px;font-weight:600}
.skip-link{position:fixed;left:12px;top:-100px;z-index:10000;padding:10px 16px;background:#fff;border:2px solid var(--green);border-radius:6px}
.skip-link:focus{top:12px}
@media(max-width:1000px){
  #cbody{grid-template-columns:180px minmax(0,1fr);gap:22px;padding:25px}
  .quick-links{gap:8px}
  .quick-link{display:block;padding:12px}
  .quick-link svg{margin-bottom:7px}
  .quick-link__arrow{position:absolute;right:10px;top:10px}
  .site-identity span{font-size:12px}
}
@media(max-width:760px){
  body{font-size:16px}
  #allwrap{max-width:calc(100% - 24px);margin-top:12px;border-radius:12px}
  .site-header{margin:10px 10px 0}
  .site-banner{height:auto}
  .site-banner img{width:100%;height:auto;object-fit:contain}
  .site-identity{display:block;padding:12px 4px}
  .site-identity a{display:block;font-size:19px}
  .site-identity span{display:block;margin-top:3px;font-size:12px}
  #cbody{display:block;padding:0 18px 26px}
  #sidebar{margin:0 -4px 22px}
  .site-menu{position:static;border-bottom:1px solid var(--line)}
  .site-nav-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0;padding:13px 8px;border:0;background:#fff;color:var(--ink);font-weight:600;font-size:15px}
  #sidebar .moduletable_menu ul.menu{padding:0 0 12px}
  html.js #sidebar .site-menu:not(.is-open) .moduletable_menu ul.menu{display:none}
  #content60{width:auto;display:block;margin:0;padding:0;float:none}
  #content h1,#content .article-header h1{font-size:25px}
  #content h2,#content .post-card h2{font-size:21px}
  .page-heading{margin-bottom:22px}
  #content .page-heading>p:last-child{font-size:15px}
  .quick-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:26px}
  .quick-link{padding:11px 8px}
  .quick-link strong{font-size:12px}
  .quick-link small{display:none}
  .quick-link__arrow{display:none}
  .quick-link svg{width:23px;height:23px}
  .post-list{gap:16px}
  .post-card{padding:18px 16px}
  .post-card__body{gap:12px}
  .post-card__text{width:100%}
  #content .post-card__text p{font-size:15px}
  .post-card__preview{width:82px;height:112px}
  .post-card__meta{font-size:12px;gap:5px 10px}
  .article-body{font-size:16px}
  .article-header{margin-bottom:22px}
  .breadcrumbs{font-size:12px;gap:5px;margin-bottom:18px}
  .document-search{flex-wrap:wrap;padding:15px;gap:12px}
  .document-search__text{flex-basis:100%}
  .document-search>div:not(.document-search__text){flex:1}
  .document-search .button-primary{min-width:90px}
  .document-year summary{padding:14px 15px;font-size:18px}
  .document-list{padding:0 14px}
  .document-row{gap:10px;padding:16px 0}
  .file-badge{min-width:38px;max-width:57px;padding:4px;font-size:9px}
  .document-title{font-size:15px}
  #footerwrap{max-width:calc(100% - 24px)}
  .site-footer{display:block;padding:22px 7px 30px;font-size:12px}
  .site-footer>a{display:inline-block;margin-top:12px}
  .cookie-banner{max-width:calc(100% - 24px);bottom:12px;padding:5px 13px}
  .cookie-banner__content{gap:8px}
  .cookie-banner__content p{font-size:12px;line-height:1.4}
  .cookie-banner__content button{padding:2px 10px;font-size:12px}
}
@media(max-width:390px){
  #cbody{padding-left:14px;padding-right:14px}
  .post-card__body{display:block}
  .post-card__preview{display:block;width:100%;height:160px;margin-top:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.document-year summary:before{transition:none}}

.footer-menu-list{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0}.footer-menu-list li{list-style:none;margin:0;padding:0}
@media(max-width:760px){.site-footer .footer-menu{margin-top:12px}}