
:root{--bg:#ffffff;--fg:#1e1a18;--muted:#6d625c;--accent:#6b0a0a;--accent2:#a3120f;--card:#ffffff;--line:#d9d2c4;--max:1240px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 Verdana, 'DejaVu Sans', Tahoma, sans-serif}
a{color:var(--accent)}
a:hover{color:var(--accent2)}
img{max-width:100%;height:auto}
.sn_masthead{background:var(--accent);color:#fff}
.sn_masthead .sn_container{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:14px 16px}
.sn_brand{color:#fff;text-decoration:none;font:700 1.35em/1.2 Tahoma, Verdana, sans-serif;letter-spacing:.01em}
.sn_brand small{display:block;font:400 .6em/1.3 Verdana, 'DejaVu Sans', Tahoma, sans-serif;opacity:.85}
.sn_menu{display:flex;flex-wrap:wrap;gap:4px 16px;margin-left:auto}
.sn_menu a{color:#fff;text-decoration:none;opacity:.9;font-weight:600;font-size:.95em}
.sn_menu a:hover,.sn_menu a[aria-current]{opacity:1;text-decoration:underline}
.sn_container{max-width:var(--max);margin:0 auto}
.sn_layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;padding:24px 16px}
.sn_content{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:0;padding:20px 24px}
.sn_content h1{font:700 1.7em/1.25 Tahoma, Verdana, sans-serif;margin:.2em 0 .6em}
.sn_content h2{font:700 1.25em/1.3 Tahoma, Verdana, sans-serif;margin:1.4em 0 .5em}
.sn_content figure{margin:1.2em 0;text-align:center}
.sn_content figcaption{color:var(--muted);font-size:.9em}
.sn_content table{border-collapse:collapse;width:100%;font-size:.95em}
.sn_content td,.sn_content th{border:1px solid var(--line);padding:6px 8px;text-align:left}
.sn_meta{color:var(--muted);font-size:.9em}
.sn_aside{order:2}
.sn_widget{background:var(--card);border:1px solid var(--line);border-radius:0;padding:14px 16px;margin-bottom:18px;font-size:.93em}
.sn_widget h3{margin:0 0 .5em;font:700 1em/1.3 Tahoma, Verdana, sans-serif;color:var(--accent)}
.sn_widget ul{margin:0;padding-left:1.1em}
.sn_footer{border-top:1px solid var(--line);color:var(--muted);font-size:.88em}
.sn_footer .sn_container{padding:18px 16px}
.sn_footer a{color:var(--muted)}
@media (max-width:820px){.sn_layout{grid-template-columns:1fr}.sn_aside{order:2}.sn_content{padding:16px}.sn_menu{margin-left:0}}

.sn_content,.sn_widget{border:0}
.sn_masthead{background:var(--accent) url(/img/zary.jpg) right center/auto 100% no-repeat}
.sn_masthead .sn_container{min-height:150px}
@media (max-width:820px){.sn_masthead{background-size:cover;background-blend-mode:multiply}}
.sn_brand{display:flex;align-items:center;gap:12px}.sn_brand svg,.sn_brand img,.sn_brand .sn_mark{flex:none}
.sn_layout{grid-template-columns:210px minmax(0,1fr) 250px;grid-template-areas:"n m b";align-items:start}
.sn_layout>.sn_menubar{grid-area:n}.sn_layout>.sn_content{grid-area:m}.sn_layout>.sn_aside{grid-area:b;order:0}
.sn_menubar .sn_menu{flex-direction:column;margin:0;gap:0;text-align:right}
.sn_menubar .sn_menu a{color:var(--accent);opacity:1}.sn_menubar .sn_menu>a{padding:5px 0;font-size:1em}
.sn_menubar .sn_subnav{text-align:right;font-size:.88em;margin:2px 0 8px}
@media (max-width:1000px){.sn_layout{grid-template-columns:200px minmax(0,1fr);grid-template-areas:"n m" "n b"}}
@media (max-width:820px){.sn_layout{grid-template-columns:1fr;grid-template-areas:"n" "m" "b"}
.sn_menubar .sn_menu{flex-direction:row;flex-wrap:wrap;gap:4px 14px;text-align:left}.sn_menubar .sn_subnav{display:none}}
.sn_subnav{list-style:none;margin:0;padding:0}.sn_subnav li{margin:0 0 4px}
.sn_subnav a{text-decoration:none}.sn_subnav a[aria-current]{font-weight:700;color:var(--fg)}
.sn_breadcrumbs{font-size:.85em;color:var(--muted);margin:0 0 .6em}.sn_breadcrumbs a{color:var(--muted)}
.sn_contents{background:var(--bg);border-left:3px solid var(--accent);padding:10px 16px;margin:0 0 1.2em;font-size:.93em}.sn_contents b{display:block;margin-bottom:4px}
.sn_sections{display:grid;align-items:start;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:1em 0}
.sn_section{display:block;border:1px solid var(--line);border-radius:0;padding:14px;text-decoration:none;color:var(--fg);overflow:hidden}
.sn_section b{display:block;color:var(--accent);margin-bottom:4px}.sn_section img{display:block;margin:-14px -14px 10px;max-width:calc(100% + 28px);width:calc(100% + 28px)}
.sn_gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:1em 0}.sn_gallery figure{margin:0}.sn_gallery img{width:100%;display:block}.sn_aside{background:#ece8de;padding:14px;border-left:1px solid var(--line)}.sn_aside .sn_widget{background:transparent;border:0;padding:0 0 12px;border-bottom:1px dashed var(--line);border-radius:0}.sn_content{padding:6px 8px}.sn_content h1{color:var(--accent)}.sn_masthead .sn_brand{font-size:1.5em;text-transform:uppercase;letter-spacing:.04em}.sn_menubar{border-right:1px solid var(--line);padding-right:14px}.sn_content figure img{border:1px solid var(--line)}@media (max-width:820px){.sn_menubar{border:0;padding:0}.sn_aside{border:0}}

