*{box-sizing:border-box}
body{font:100%/1.7 Verdana,Tahoma,sans-serif;color:#30343a}
#wrapper{min-width:0;width:calc(100% - 32px);max-width:1220px;margin:auto}
#header{min-width:0;width:100%;height:auto;min-height:150px;display:grid;grid-template-columns:minmax(0,1fr)320px;gap:8px 24px;align-items:center;padding:12px 0}
.header-logo{float:none;width:100%;max-width:560px;height:120px;margin:0;background-size:contain;background-position:left center;grid-row:1/3;display:block}
#form-login{float:none;width:100%;height:auto;font-size:12px;margin:0;min-width:0}
#form-login input[type=text],#form-login input[type=password]{min-height:36px;max-width:100%;font-size:14px}
#search{float:none;width:100%;margin:0;padding:0;min-width:0}
#search form{height:auto}
#search input{font-size:16px;padding:8px;min-width:0;min-height:44px;border:1px solid #8994a1;border-radius:4px}
button,input[type=submit],a.more-link,.bt1{font:inherit;cursor:pointer}
#search button,#content button,#content input[type=submit],a.more-link,a.more-link:link,a.more-link:visited,.bt1{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:auto;height:auto;padding:9px 16px;font-size:14px;line-height:1.4;color:white;background:#225ea3;background-image:none;border:1px solid #225ea3;border-radius:4px;text-decoration:none}
a.more-link:hover,#content button:hover,#search button:hover{color:white;background:#174775}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #be6500;outline-offset:3px}
.skip-link{position:fixed;top:8px;left:16px;z-index:10000;transform:translateY(-200%);padding:10px 16px;background:white;border:2px solid #225ea3;color:#174775}
.skip-link:focus{transform:none}
#topmenu{position:relative;z-index:20;min-width:0;max-width:none;width:100%;margin:0;padding:0}
.account-panel{grid-column:2;grid-row:1;min-width:0}
.account-panel summary{cursor:pointer;min-height:44px;padding:8px 0;color:#174775}
.menu{display:flex;flex-wrap:wrap;align-items:stretch}
.menu li{float:none;position:relative}
.menu a{float:none;height:auto;display:block;min-height:44px;padding:9px 18px;font-size:13px;line-height:26px}
.nav-group{display:flex;align-items:stretch}
.menu-toggle{min-width:44px;min-height:44px;padding:8px;background:transparent;color:#30343a;border:0;font-size:18px}
.menu li.has-submenu > ul{display:none;top:100%;left:0;max-width:calc(100vw - 32px);width:260px;z-index:30;background:#fff;border:1px solid #bdc7d2;box-shadow:0 4px 12px #0002}
.menu li.has-submenu.is-open > ul{display:block}
.menu ul li,.menu ul a{width:100%;height:auto;white-space:normal;float:none}
.menu ul a{padding:10px 14px;font-size:14px;line-height:1.5}
.menu li:hover > a,.menu li:hover > .nav-group a{color:#174775;background:#dbe7f1}
#page{width:100%;max-width:none;min-width:0;margin:0;padding:16px 0}
#page-bgtop{padding:0}
#page-bgbtm{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
#content{grid-column:2;grid-row:1;float:none;width:100%;max-width:100%;min-width:0;padding:0}
#sidebar{grid-column:1;grid-row:1;float:none;width:100%;min-width:0;font-size:14px;padding:0}
#page-bgbtm > div[style*="clear"]{display:none}
.post{border:0}
.post .title{font-size:1.7rem;line-height:1.35;letter-spacing:normal;color:#145c89;padding:8px 10px 16px;margin:0}
#content h3{color:#48535f;line-height:1.4;letter-spacing:normal;font-weight:normal}
.dialog_main,.dialog-comments{margin:12px 0;padding:18px;line-height:1.75;text-align:left;overflow-wrap:anywhere;overflow-x:auto;min-width:0}
.MathJax_Display{max-width:100%;overflow-x:auto;overflow-y:hidden}
#content .title_article{padding:0;font-size:1.15rem;line-height:1.4;letter-spacing:normal}
#content .title_article a{color:#245a8a!important}
#content img{max-width:100%;height:auto}
#content img[src*="codecogs.com"]{max-width:none}
#content img.mini_image{width:80px;height:80px;object-fit:cover}
#sidebar img.mini_mini_image{width:32px;height:32px;object-fit:cover;margin-top:0}
#sidebar a{line-height:1.6}
.meta3,.meta_index,.meta1{font-size:13px;color:#535e68;line-height:1.6}
.cats-by-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dialog_n,.dialog_a{width:auto;float:none;margin:0;padding:16px;border-radius:8px;min-width:0}
.dialog-title{height:auto;min-height:0}
.post-title{font-size:1.1rem!important;line-height:1.4!important}
.post_clearfix{margin-bottom:20px}
#content .post_clearfix p{text-align:left}
#content form input[type=text],#content form input[type=email],#content form input[type=search],#content form textarea{font:inherit;padding:9px;min-height:44px;max-width:100%;border:1px solid #8994a1;border-radius:4px}
#content form textarea{resize:vertical;box-sizing:border-box;width:100%!important}
#contact-name,#contact-email{width:100%!important}
#contact-code{width:8em}
.navigation{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;line-height:1.4}
.page-nav,.page-navigation{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;padding:8px 12px;color:#30343a}
[aria-current=page]{font-weight:bold;border-color:#225ea3;background:#e7f0f8}
.dialog_main table{max-width:100%}
#footer{width:100%;min-width:0;font-size:12px;padding:20px 0;text-align:center}
@media(max-width:1000px){
  #page-bgbtm{grid-template-columns:220px minmax(0,1fr);gap:16px}
  .cats-by-2{grid-template-columns:1fr}
  .menu a{padding-right:12px;padding-left:12px}
}
@media(max-width:760px){
  #wrapper{width:calc(100% - 24px)}
  #header{grid-template-columns:1fr;gap:12px;padding:12px 0}
  .header-logo{grid-row:auto;max-width:100%;height:100px;background-position:center}
  #form-login{font-size:12px}
  .account-panel{grid-column:1;grid-row:auto}
  #page-bgbtm{grid-template-columns:minmax(0,1fr);gap:24px}
  #content{grid-column:1;grid-row:1}
  #sidebar{grid-column:1;grid-row:2;border-top:1px solid #cbd3dc;padding-top:20px}
  .menu{justify-content:flex-start}
  .menu li.has-submenu{position:static}
  .menu li.has-submenu > ul{top:auto;left:0;right:0;width:100%;max-width:100%}
  .menu a{padding:9px 10px;font-size:12px}
  .post .title{padding:4px 0 12px;font-size:1.5rem}
  .dialog_main,.dialog-comments{padding:14px;margin:12px 0}
  .dialog_main table{display:block;overflow-x:auto}
  #content input[type=search]{width:100%}
  #content form button{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}