/* Public site layout: selected design B. */
body.site-public{--page:#edf4f5;--panel:#fff;--ink:#18343d;--muted:#647f83;--accent:#177783;--line:#d7e4e6;--radius:14px;--shadow:0 7px 24px #234c5612;--poster:#d8e9e9;margin:0;background:var(--page);color:var(--ink);font-family:'Open Sans',Arial,sans-serif;font-size:14px}
body.site-public *{box-sizing:border-box}
body.site-public a{color:inherit;text-decoration:none}
body.site-public a:hover{color:var(--accent)}
body.site-public :focus-visible{outline:3px solid var(--accent);outline-offset:3px}
body.site-public .container{width:min(1180px,calc(100% - 44px));max-width:none;margin:0 auto;padding:0 0 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,320px);column-gap:27px;row-gap:22px}
body.site-public .container:after{display:none}
body.site-public .ramka{border:1px solid var(--line)}
body.site-public .logo,body.site-public .nav,body.site-public .footer{grid-column:1/-1;width:auto;float:none;margin:0}
body.site-public .logo{text-align:center;min-height:0;padding:38px 0 25px}
body.site-public .logo a.site-wordmark{display:inline-flex;position:relative;top:14px;margin:0;max-width:100%;width:auto}
body.site-public .logo .site-wordmark-title{color:var(--ink)}
body.site-public .logo .site-wordmark-subtitle{color:var(--muted)}
body.site-public .logo a.site-wordmark img.mag{top:-11px}
body.site-public .nav{height:auto;min-height:58px;background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;overflow:hidden}
body.site-public .nav ul{height:auto;min-height:56px;display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;padding:0;margin:0;list-style:none}
body.site-public .nav ul li{display:block;margin:0;background:transparent}
body.site-public .nav ul li a{display:flex;align-items:center;justify-content:center;width:auto;height:100%;min-height:56px;padding:13px 17px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.35;color:var(--ink);transition:background .15s,color .15s}
body.site-public .nav ul li:hover{background:transparent}
body.site-public .nav ul li:hover a{color:var(--accent)}
body.site-public .nav ul li.active{background:var(--accent)}
body.site-public .nav ul li.active a,body.site-public .nav ul li.active:hover a{color:#fff}
body.site-public .site-menu-toggle{display:none}
body.site-public .content{grid-column:1;width:auto;float:none;min-width:0}
body.site-public .sidebar{grid-column:2;width:auto;float:none;margin:0;min-width:0}
body.site-public .content .post_wrap{display:grid;grid-template-columns:minmax(0,39%) minmax(0,1fr);width:100%;height:auto;min-height:280px;margin:0 0 22px;background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
body.site-public .content .post_wrap .img_wrap{width:auto;height:auto;min-height:280px;float:none;overflow:hidden;background:var(--poster)}
body.site-public .content .post_wrap .img_wrap>a{display:flex;position:relative;width:100%;height:100%;min-height:280px;align-items:flex-end;padding:25px;overflow:hidden;color:var(--accent)}
body.site-public .content .post_wrap .img_wrap img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .2s}
body.site-public .content .post_wrap:hover .img_wrap img{transform:scale(1.03)}
body.site-public .content .post_wrap .content_wrap{width:auto;height:auto;float:none;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:25px 29px 25px}
body.site-public .content .post_wrap .content_wrap .tag{margin:0 0 8px}
body.site-public .content .post_wrap .content_wrap .tag a{font-family:inherit;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body.site-public .content .post_wrap .content_wrap .subs{color:var(--muted);font-size:11px}
body.site-public .content .post_wrap .content_wrap h2{font:400 clamp(20px,2.1vw,27px)/1.36 'Merriweather',Georgia,serif;letter-spacing:-.025em;margin:13px 0 10px;overflow-wrap:anywhere}
body.site-public .content .post_wrap .content_wrap h2 a{color:var(--ink)}
body.site-public .content .post_wrap .content_wrap h2 a:hover{color:var(--accent)}
body.site-public .content .post_wrap .content_wrap p{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 23px}
body.site-public .content .post_wrap .content_wrap a.more_btn,body.site-public .sidebar .sb_block a.more_btn{position:static;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:40px;margin-top:auto;padding:9px 16px;border:1px solid var(--accent);border-radius:var(--radius);background:transparent;color:var(--accent);font-family:inherit;font-size:11px;font-weight:700;line-height:1.3}
body.site-public .content .post_wrap .content_wrap a.more_btn:hover,body.site-public .sidebar .sb_block a.more_btn:hover{background:var(--accent);color:#fff}
body.site-public .pageNav{padding:0 14px;margin:0 0 22px;background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow)}
body.site-public .pageNav ul{margin:0;padding:7px 0}
body.site-public .pageNav ul li{display:inline-block}
body.site-public .pageNav ul li a{display:grid;place-items:center;min-width:38px;min-height:38px;margin:0 3px;padding:6px;font:700 12px 'Open Sans',Arial,sans-serif;color:var(--ink);border-radius:var(--radius)}
body.site-public .pageNav ul li.active a,body.site-public .pageNav ul li a:hover{background:var(--accent);color:#fff}
body.site-public .sidebar .sb_block{width:100%;margin:0 0 22px;padding:21px 23px 22px;background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow)}
body.site-public .sidebar .about_me .img-wrap{width:100%;height:212px;margin:0;overflow:hidden;border-radius:calc(var(--radius) / 2)}
body.site-public .sidebar .about_me .img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
body.site-public .sidebar .about_me h3.t_bld{margin:19px 0 10px;text-align:left;font:700 18px/1.35 'Merriweather',Georgia,serif;color:var(--ink)}
body.site-public .sidebar .about_me p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
body.site-public .sidebar .about_me p br{display:none}
body.site-public .sidebar .btn_right{text-align:left;margin:18px 0 0}
body.site-public .sidebar .sb_block h2.t_it{margin:0 0 12px;text-align:left;font:400 19px/1.4 'Merriweather',Georgia,serif;color:var(--ink)}
body.site-public .sidebar .sb_block h2.t_it a{color:inherit}
body.site-public .sidebar .sb_block h2.t_it a:hover{color:var(--accent)}
body.site-public .sidebar .last_posts ul{list-style:none;padding:0;margin:0}
body.site-public .sidebar .last_posts ul li{list-style:none;padding:10px 0;margin:0;border-top:1px solid var(--line);font-size:12px;line-height:1.55;overflow-wrap:anywhere}
body.site-public .sidebar .last_posts ul li a{font-family:inherit;font-size:12px;line-height:1.55;color:var(--ink);transition:none}
body.site-public .sidebar .last_posts ul li a:hover{padding:0;color:var(--accent)}
body.site-public .content .content_inner{padding:26px 30px;background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow-wrap:anywhere}
body.site-public .content .content_inner img,body.site-public .content .content_inner video,body.site-public .content .content_inner iframe{max-width:100%;height:auto}
body.site-public .content .content_inner table,body.site-public .content .content_inner pre{display:block;max-width:100%;overflow-x:auto}
body.site-public .content .content_inner h1,body.site-public .content .content_inner h2,body.site-public .content .content_inner h3{overflow-wrap:anywhere;line-height:1.3}
body.site-public .content .content_inner p,body.site-public .content .content_inner li{font-size:14px;line-height:1.75}
body.site-public .footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 23px;margin-top:0;background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left}
body.site-public .footer>div{display:none}
body.site-public .footer>div:last-child{display:block}
body.site-public .footer p{margin:0;font-size:10px;line-height:1.5;color:var(--muted)}
body.site-public .footer a:hover{color:var(--accent)}

/* Colour and control details. */
body.site-public .logo{padding-top:34px;padding-bottom:31px}
body.site-public .nav{padding:5px}
body.site-public .nav ul li.active{border-radius:9px}
body.site-public .nav ul li a{min-height:48px}
body.site-public .content .post_wrap .content_wrap h2,body.site-public .sidebar .sb_block h2.t_it,body.site-public .sidebar .about_me h3.t_bld{font-family:'Open Sans',Arial,sans-serif;font-weight:700;letter-spacing:-.035em}
body.site-public .content .post_wrap .img_wrap>a{background:radial-gradient(circle at 65% 42%,#ffffff88 0 14%,transparent 15%),linear-gradient(145deg,#c7dfdf,#e6f1e9)}
body.site-public .content .post_wrap .content_wrap .tag a{display:inline-block;border-radius:999px;background:#e7f3f2;padding:5px 9px;letter-spacing:0}
body.site-public .content .post_wrap .content_wrap a.more_btn,body.site-public .sidebar .sb_block a.more_btn{background:var(--accent);color:#fff}
body.site-public .content .post_wrap .content_wrap a.more_btn:hover,body.site-public .sidebar .sb_block a.more_btn:hover{background:#125d67}

@media(max-width:1050px){
  body.site-public .container{grid-template-columns:minmax(0,1fr) 285px;column-gap:20px}
  body.site-public .content .post_wrap{grid-template-columns:35% minmax(0,1fr)}
  body.site-public .content .post_wrap .content_wrap{padding:22px}
  body.site-public .content .post_wrap .content_wrap h2{font-size:21px}
}
@media(max-width:800px){
  body.site-public .container{width:min(700px,calc(100% - 28px));display:block;padding-bottom:32px}
  body.site-public .logo{padding:27px 0 22px}
  body.site-public .logo a.site-wordmark{top:7px}
  body.site-public .nav{margin-bottom:18px}
  body.site-public .nav ul{justify-content:flex-start}
  body.site-public .nav ul li a{padding-inline:12px}
  body.site-public .content .post_wrap .content_wrap h2{font-size:clamp(21px,3.3vw,27px)}
  body.site-public .sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:0}
  body.site-public .sidebar .sb_block{margin:0}
  body.site-public .sidebar .about_me{grid-column:1/-1;display:grid;grid-template-columns:210px 1fr;column-gap:22px;align-items:start}
  body.site-public .sidebar .about_me .img-wrap{grid-row:1/4;height:230px}
  body.site-public .sidebar .about_me h3.t_bld{margin:3px 0 8px}
  body.site-public .sidebar .about_me .btn_right{margin-top:12px}
  body.site-public .footer{margin-top:18px}
}
@media(max-width:620px){
  body.site-public .container{width:calc(100% - 24px)}
  body.site-public .logo a.site-wordmark img.mag{display:none}
  body.site-public .nav{min-height:0;overflow:visible}
  body.site-public .nav .site-menu-toggle{width:100%;min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:10px 17px;border:0;background:var(--panel);color:var(--ink);font:700 12px 'Open Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
  body.site-public .nav .site-menu-toggle span{font-size:19px;line-height:1}
  body.site-public .nav ul{display:none;min-height:0;flex-direction:column;align-items:stretch;padding:0}
  body.site-public .nav.is-open ul{display:flex}
  body.site-public .nav ul li{width:100%}
  body.site-public .nav ul li a{justify-content:flex-start;min-height:46px;padding:10px 17px;border-top:1px solid var(--line)}
  body.site-public .content .post_wrap{grid-template-columns:1fr;min-height:0;margin-bottom:16px}
  body.site-public .content .post_wrap .img_wrap,body.site-public .content .post_wrap .img_wrap>a{height:190px;min-height:190px}
  body.site-public .content .post_wrap .content_wrap{padding:19px 20px 21px}
  body.site-public .content .post_wrap .content_wrap h2{font-size:22px;margin:9px 0}
  body.site-public .content .post_wrap .content_wrap p{margin-bottom:16px}
  body.site-public .sidebar{display:block}
  body.site-public .sidebar .sb_block{margin-bottom:16px}
  body.site-public .sidebar .about_me{display:block}
  body.site-public .sidebar .about_me .img-wrap{height:220px}
  body.site-public .sidebar .about_me h3.t_bld{margin:18px 0 8px}
  body.site-public .content .content_inner{padding:18px}
  body.site-public .footer{display:block;padding:17px 20px}
  body.site-public .footer>div:last-child{margin-top:8px}
}
@media(max-width:420px){
  body.site-public .logo{padding:22px 5px 18px}
  body.site-public .content .post_wrap .img_wrap,body.site-public .content .post_wrap .img_wrap>a{height:160px;min-height:160px}
  body.site-public .content .post_wrap .content_wrap h2{font-size:20px}
  body.site-public .sidebar .sb_block{padding:18px}
}
@media(prefers-reduced-motion:reduce){body.site-public *{scroll-behavior:auto!important;transition:none!important}}