:root{--color:#222;--border:#bbc;--backg:#fff;--backg_hover:#ddeeff;--backg_main_hover:#c9e1f5;--backg2:#f2f9ff;--backg3:#f8f8f9;--link:#229;--link_hover:#c22;--caption:#336;--single_expl:#447}
body, html{font-family:system-ui;line-height:1.5;min-width:980px;color:var(--color);background:#fff;margin:0;font-optical-sizing:auto;font-size:15px}
.none{display:none!important}::selection{background:#335;color:#fff}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
border: 0
} a{text-decoration:none}
.post a{border-bottom:1px dashed var(--link);color:var(--link)}
.post a:hover{border-bottom:1px dashed var(--link_hover);color:var(--link_hover)}
#main-container-single .post figure a,#main-container-single .post figure a:hover{border-bottom:none}
a:focus{outline:none}
svg{overflow:visible}
summary{list-style-type:none;cursor:pointer;outline:none;border-radius:4px;padding:8px 12px;background:var(--backg2);border:1px solid var(--border);color:var(--color)}
summary:hover{background:var(--backg_hover)}
details{display:inline-block;margin:4px 0}
details > summary::before{content:"+ "}
details[open] > summary::before{content:"↓ "}
details[open]{width:100%}
details[open] > summary{margin-bottom:6px;display:block}
sup,sub{height:0;line-height:1;vertical-align:baseline;position:relative;font-size:.9rem}
sup{bottom:1ex}
sub{top:.5ex}
table{border-collapse:collapse;border-spacing:0}
blockquote,q{quotes:none;font-size:1.2rem;font-style:italic;padding:3px 10px 6px 25px}
.center{margin:0 auto;text-align:center}
.bold{font-weight:bold}
hr{border:0;margin:5px 0;clear:both;border-top:1px dashed #dde1e5}
h1{color:var(--caption);font-weight:bold;font-size:1.6rem}
h2{color:var(--caption);font-weight:bold;font-size:1.3rem;padding:0}
ul{margin-left:24px}
.wp-caption-text, .gallery-caption{font-weight:normal}
.alignleft{float:left}
.alignright{float:right}
#top{box-sizing:border-box;user-select:none;position:fixed;height:100%;width:48px;display:none;justify-content:center;align-items:center;transition:.2s}
#top img{max-width:16px}
#top:hover{transition:.2s;width:56px;background:#c6d1dc}
#navigation{position:relative;min-width:980px;display:flex;justify-content:space-between;z-index:50;background:#223e55;user-select:none;max-width:100%;box-shadow:0 2px 10px rgba(90, 70, 70, .2)}
#navigation a{display:flex;align-items:center;line-height:1;color:#fff;padding:0 15px;font-size:1.1rem;text-decoration:none;transition:.2s}
#navigation ul{list-style-type:none;margin-left:0}
#navigation ul a{padding:22px 15px}
#navigation ul li{display:inline-block}
.menu-item-has-children a:after{line-height:0;color:#bbb;vertical-align:middle;content:' ▾'}
.menu-item-has-children .sub-menu a:after{content:''}
.current-post-ancestor .current-post-parent, ul ul .current-menu-item{border-left:3px solid #ef403d}
#navigation ul li:hover ul{display:block}
#navigation ul ul{padding:6px 0 8px;position:absolute;margin-left:-3px;max-width:220px;line-height:42px;background:#fff;border:1px solid var(--border);border-radius:8px;display:none;transition:.2s}
#navigation ul ul a{font-size:1rem;color:#333;margin:0 6px;border:1px solid #fff;border-radius:6px;padding:12px 14px;line-height:1.3}
#navigation #logo:hover, #navigation a:hover, #navigation #s_1:hover, #navigation #admin:hover{background:#1e3343}
#navigation ul ul a:hover{background:#dedee2}
#navigation ul ul li{box-sizing:border-box;width:100%}
#navigation ul li:hover ul{opacity:1;transform:translateY(0)}
#help_menu{display:flex}
#admin{display:flex;align-items:center;padding:0 15px}
#admin svg{color:#fff}
#admin:hover .admin_menu{display:block}
.admin_menu{padding-top:6px;position:absolute;display:none;z-index:1;width:160px;line-height:42px;margin-left:-125px}
.admin_menu ul{background:var(--backg);border:1px solid var(--border);padding:4px;border-radius:8px}
.admin_menu .current-menu-item a{border-bottom:none}
.admin_menu li{margin-bottom:4px;width:100%}
#navigation .admin_menu li a{font-size:1rem;color:#333;padding:15px}
#navigation #logo{font-weight:bold}
#modal_text{text-align:center;margin:24px 0 36px}
#ss{width:400px;border:1px solid #ccc;font-size:1.1rem;line-height:1.5;outline:none;border-radius:8px;padding:16px;transition:.2s;box-shadow:0 2px 4px rgba(0, 0, 0, .1)}
#ss:focus{border-color:#6200ea}
#ssub{font-size:1.1rem;line-height:1.5;border-radius:8px;cursor:pointer;background:#6200ea;color:#fff;margin:0 0 0 4px;border:none;padding:16px 32px;transition:.2s}
#ssub:hover{background:#3700b3;box-shadow:0 4px 8px rgba(0, 0, 0, .2)}
#ssub:active{background:#6200ea;transform:translateY(2px)}
#main-container-home, #main-container, #main-container-single, #main-container-page{margin:48px auto;min-height:100vh;width:calc(100% - 240px);max-width:950px}
#main-container .article .add_post{width:100%}
#main-container-page .post{margin-top:16px}
#main-container-home .category{margin-top:8px}
#main-container .article{display:flex;flex-direction:row-reverse}
.article #page_1{background:var(--backg2);border:1px solid var(--border);margin:12px 0;border-radius:8px;padding:4px 8px;color:var(--color);display:flex;justify-content:space-around}
.title{display:inline-block;margin-bottom:18px;width:100%;box-sizing:border-box}
.title h1{display:inline-block;line-height:1;font-size:1.6rem}
.title p{margin-top:6px}
.title h1::first-letter,.title p::first-letter{text-transform:uppercase}
#razd{display:block}
#razd a{color:var(--link)}
#razd a:hover{color:var(--link_hover)}
#btn_now{cursor:pointer}
#btn_now img{width:18px;height:18px;transform:rotate(-20deg);transition:.5s}
#btn_now img:hover{transform:rotate(-40deg);transition:.3s}
.category{display:flex;gap:13px;flex-wrap:wrap;justify-content:center;margin-bottom:10px}
#category_home{margin:10px -5px 14px;display:flex;flex-wrap:wrap;justify-content:center}
#category_home figure{line-height:0;max-width:200px;display:flex}
#category_home figure a{border:1px solid var(--border);background:var(--backg2);border-radius:12px;width:100%;position:relative;margin:6px;padding:8px;text-decoration:none}
#category_home a:hover{background:var(--backg_hover)}
#category_home img{object-fit:cover;width:100%;height:160px;border-radius:8px}
#category_home figcaption{line-height:1.2;width:100%;padding:8px 4px 4px;margin:0;color:#447;font-size:.9rem;font-weight:bold;font-style:normal}
#title_home_small{width:100%;background:#3b8eb3;color:#fff;border-radius:8px;font-size:1.4rem;font-weight:bold;padding:14px 22px;margin-bottom:12px;line-height:1}
#title_home_small:hover{transition:.2s;background:#3082a6;text-decoration:none}
#filters{margin:12px 0 18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
#filters select{appearance:none;background:#fff;border:1px solid #889;padding:10px 36px 10px 12px;border-radius:8px;min-width:180px;max-width:360px;line-height:1;transition:box-shadow .15s ease, border-color .15s ease, transform .05s ease;cursor:pointer;position:relative}
#filters select:hover{outline:none;border-color:#668;box-shadow:0 4px 12px rgba(103, 80, 164, .2);transform:translateY(-1px)}
#filters noscript, .archive-filters .no-js-button{display:none}
.excerpt-category{display:flex;width:calc(50% - 10px)}
.excerpt-category a{display:flex;transition:.2s;border:1px solid var(--border);border-radius:8px;overflow:hidden;width:100%;text-decoration:none;padding:0;color:var(--color);box-shadow:0 2px 3px rgba(220, 220, 230, .2)}
.excerpt-category a:hover{box-shadow:0 3px 5px rgba(120, 120, 130, .4)}
.excerpt-category .featured-thumbnail{overflow:hidden;background:#f6f6fe;aspect-ratio:4/3;position:relative;line-height:0;width:45%;display:flex;justify-content:center}
.excerpt-category a img{width:100%;height:100%;object-fit:cover}
.excerpt-category a h2{font-size:1.1rem;line-height:1.2;margin:4px 0}
.excerpt-category .help{line-height:1;margin:0;position:absolute;bottom:5px;padding:5px 4px;backdrop-filter:blur(1px);background:#28282d80;border:1px solid #888;border-radius:8px;color:#fff;font-size:.8rem}
.excerpt-category .help img{width:.7rem;margin-right:4px}
.excerpt-category .help span{margin:0 3px;display:flex;align-items:center}
.post-content-category{flex:1;padding:4px 12px 14px}
.ban_cat{overflow:hidden;vertical-align:top;min-height:90px;max-height:120px;display:inline-block;max-width:100%}
#main-container-home .ban_cat, #main-container-single .ban_cat{display:block;margin:16px auto 12px}
#main-container > .ban_cat{margin:6px 3px 12px}
.category .ban_cat{max-height:140px;border-radius:8px;display:flex;width:calc(33.33% - 10px);margin:0}
#main-container-page .ban_cat{margin:24px 0 36px}
#tags .ban_cat{padding-top:15px;max-height:240px}
.post .helper_draft{background:#e99;color:#622;padding:12px;margin:10px 0;border-radius:4px}
#title-single h1{display:inline-block;min-height:58px;font-size:1.9rem;line-height:1.4}
#category_single{display:flex;align-items:center;margin:12px 0;border-top:1px dashed var(--border);border-bottom:1px dashed var(--border);}
#category_single a{padding:4px 8px;color:var(--color)}
#category_single a:hover{background:var(--backg_hover)}
#category_single svg{margin:-8px 16px 0 0}
#views{padding-right:6px}
#main-container-single .post-edit-link{text-decoration:none;display:inline-block;border-radius:6px;margin:4px 6px 4px 0;padding:8px 14px;background:var(--backg2);border:1px solid var(--border);color:var(--color);}
#main-container-single .post-edit-link:hover{background:var(--backg_hover)}
#single .post{font-size:1.1rem;margin-top:18px}
.post iframe{max-width:80%;display:block;margin:14px auto 8px;border-radius:8px}
.post h2{margin:10px 0 2px}
.post p{padding:4px 0 8px}
.post ul{list-style-type:square;margin:2px 12px 8px 24px}
.post .help_post ul{padding:6px 0}
ol{padding:2px 12px 8px 24px}
.post ul li, .post ol li{width:fit-content;margin-bottom:4px}
.select{user-select:all}
.help-single{display:flex;align-items:center;font-weight:bold;margin-left:6px;font-size:1.4rem;user-select:none;padding:9px 18px;border-radius:8px;color:var(--color);border:1px solid var(--border);text-align:center;float:right;background:var(--backg2)}
#main-container .help-single img{display:block;max-height:23px;margin-right:8px}
#post_bonus .help_green{color:#fff;background:#2c2c}
#post_bonus{float:right}
#main-container-single .post .single_expl a{color:var(--single_expl)}
#main-container-single .post .single_expl a:hover{color:var(--link_hover)}
#main-container-single .post .single_expl img{margin-right:5px;border-radius:2px;user-select:none}
#altern{margin-top:8px}
.post img{max-width:100%;border-radius:4px;box-shadow:0 2px 8px rgba(20, 20, 30, .1)}
.wp-caption .aligncenter a{padding:0 0 50%}
.wp-caption{text-align:center;margin:10px 0}
.aligncenter figcaption{margin-top:0}
.pswp__caption__center{max-width:90%}
.gallery-icon{line-height:1.4;text-align:center}
.gallery{margin:12px 0 10px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}
.gallery a{display:inline-block;max-width:100%;height:100%}
.gallery-item{flex:1 1 calc(25% - 28px);width:100%;display:flex;flex-wrap:wrap;align-items:last baseline;justify-content:center}
.gallery img{height:auto;object-fit:cover}
.gallery figcaption{color:#667;font-size:.9rem;margin:0;font-style:italic;text-align:center;width:100%}
.post figure a{cursor:zoom-in;border-radius:4px;max-width:100%}
.gallery-columns-1 figure,.gallery-columns-2 figure,.gallery-columns-5 figure:nth-child(1),.gallery-columns-7 figure:nth-child(1),.gallery-columns-5 figure:nth-child(2),.gallery-columns-7 figure:nth-child(2),.gallery-columns-7 figure:nth-child(6),.gallery-columns-7 figure:nth-child(7),.gallery-columns-5 figure:nth-child(9),.gallery-columns-5 figure:nth-child(10),.gallery-columns-4 figure{flex:1 1 calc(50% - 28px)}
.gallery-columns-3 figure,.gallery-columns-5 figure,.gallery-columns-7 figure{flex:1 1 calc(100% / 3 - 30px)}
.comments-area{margin-top:20px}
.comments-title{color:#333;margin:20px 0;text-align:center}
#comment-list{display:inline-block;width:100%;list-style:none;margin:0 0 12px;padding:0}
#comment-list > li{display:flex;flex-direction:column;margin-bottom:20px;padding:8px 15px;border-left:1px solid #dde;transition:box-shadow 0.3s ease}
#comment-list > li:hover{box-shadow:0 3px 5px rgba(40, 40, 50, .2)}
#comment-list ol{margin-left:-5px;padding:0;list-style:none}
#comment-list ol li{margin-bottom:14px;padding:8px 15px;border-left:1px solid #bbd}
.comment-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.comment-author{font-weight:600;color:#333}
.comment-edit a, .comment-spam-link{color:#0073aa;text-decoration:none;font-size:.9rem}
.comment-edit a:hover, .comment-spam-link:hover{text-decoration:underline}
.comment-content{margin:12px 0 14px;color:#555;line-height:1.6}
#commentform{margin-top:20px}
#commentform label{display:block;margin-bottom:5px;font-weight:500;color:#333}
#commentform{min-width:100%;max-width:100%;padding:12px 8px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px;transition:border-color 0.3s ease;box-sizing:border-box}
#commentform textarea{background:transparent;box-sizing:border-box;border:none;resize:none;width:100%;height:80px}
#commentform textarea:focus{border-color:#0073aa;outline:none}
.form-submit{margin-top:8px;display:flex;justify-content:end}
.form-submit input{width:200px;background-color:#0073aa;color:#fff;border:none;border-radius:4px;padding:12px 20px;cursor:pointer;transition:background-color 0.3s ease}
.form-submit input:hover{background-color:#005177}
.must-log-in{margin:18px 0 36px;text-align:center;font-size:1.2rem}
.must-log-in a{border-bottom:1px dashed #22e}
.must-log-in a:hover{border-bottom:1px solid #22e}
.load-more-button{display:block;width:100%;padding:12px;background-color:#0073aa;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.3s ease;margin-top:20px}
.load-more-button:hover{background-color:#005177}
.comment-reply{order:1}
.comment-reply a{color:#0073aa;text-decoration:none;font-size:.9rem}
.comment-reply a:hover{text-decoration:underline}
.comment-reply-title{font-weight:500;color:#333;margin-bottom:10px;display:flex;align-items:center}
.comment-reply-title a{margin-left:12px;color:#0073aa;text-decoration:none}
.comment-reply-title small{margin-left:0}
.comment-reply-title small a{color:#c22;text-decoration:none}
#footer{display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;padding:20px 0;border-top:1px solid #ddd}
#footer a{text-decoration:none;color:#000;margin:0 15px;display:flex;align-items:center;transition:color 0.3s ease}
#footer a:hover{color:#1a73e8}
#footer img{width:24px;height:24px;margin-right:8px}
#footer a span{font-size:.9rem;font-weight:500}
@media(max-width:1200px){
.aligncenter { max-width: 100% }
.gallery-columns-5 figure:nth-child(1),.gallery-columns-5 figure:nth-child(2), .gallery-columns-5 figure:nth-child(9),.gallery-columns-5 figure:nth-child(10) { flex: 1 1 calc(50% - 28px) }
.gallery-columns-5 figure { flex: 1 1 calc(100% / 3 - 30px) }
}