:root{--color:#222;--color_logo:#c22;--border:#bbc;--backg:#fff;--backg_hover:#ddeeff;--backg_main_hover:#c9e1f5;--backg2:#f2f9ff;--backg3:#f8f8f9;--link:#229;--link_hover:#c22;--caption:#336;--home_link:#447;--like_up_color:#287a11;--like_up_backg_active:#61e361;--like_bottom_color:#680a15;--like_bottom_backg_active:#f25959}
body, html{font-family:system-ui;line-height:1.5;min-width:980px;color:var(--color);background:var(--backg);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-bottom:1px dashed #666;padding:0 2px;color:var(--color)}
details{display:inline-block}
details > summary::before{content:"+ "}
details[open] > summary::before{content:"↓ "}
details[open]{width:100%}
@keyframes det_anim {
0%{opacity:0;transform:translate(0,-10px)}
100%{opacity:1;transform:translate(0,0)}
}
details[open] > summary{margin-bottom:6px;display:block}
sup,sub{height:0;line-height:1;vertical-align:baseline;position:relative;font-size:.7rem}
sup{bottom:1ex}
sub{top:.5ex}
table{width:100%;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
} p{margin:2px 0}
ul{margin-left:24px}
.post p{margin:4px 0}
.post details{word-break:break-word}
.wp-caption-text,.gallery-caption{font-weight:400}
.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:#fff;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:#333;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:4px 0;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:rgba(180, 170, 170, .3)}
#navigation ul ul li{box-sizing:border-box;width:100%}
#navigation ul li:hover ul{opacity:1;transform:translateY(0)}
#admin{display:flex;align-items:center;padding:0 15px}
#help_menu{display:flex}
#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:1400px}
#main-container .article .add_post{width:100%}
#main-container-page .post{margin-top:16px}
#main-container-home .category{margin-top:8px}
.title{margin-bottom:12px}
.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;margin:12px 8px 0}
#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}
#main-container-home .category{margin-top:8px}
.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}
#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}
.excerpt-category img{width:100%;height:100%;object-fit:cover}
.excerpt-category h2{font-size:1.1rem;line-height:1.2;margin:4px 0}
.excerpt-category .help{margin:5px;position:absolute;bottom:0;padding:9px 6px;backdrop-filter:blur(1px);border-radius:2px;color:#fff;font-size:.8rem}
.very_green{background:rgba(76, 175, 80, .7)}
.green{background:rgba(139, 195, 74, .7)}
.yellow{background:rgba(255, 204, 0, .7)}
.orange{background:rgba(255, 152, 0, .7)}
.red{background:rgba(244, 67, 54, .7)}
.post-content-category{flex:1;padding:4px 12px 14px}
.excerpt-category .post-content-category p::first-letter{text-transform:uppercase}
.excerpt-category .post-content-category p{margin:0}
.ban_cat{overflow:hidden;vertical-align:top;min-height:90px;max-height:120px;display:inline-block;max-width:100%}
#main-container-home .ban_cat{display:block;margin:6px 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}
#main-container-single .ban_cat{max-height:240px;display:block;margin:6px auto 12px}
#title-single h1{display:inline-block;min-height:58px;font-size:1.8rem;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}
.post iframe{max-width:80%;display:block;margin:0 auto;border-radius:4px}
.post p{padding:0}
.post ul{margin:6px 12px 8px 24px;list-style-type:square}
.post ul ul{border:none;padding-left:24px}
.select{user-select:all}
.post .help_post ul{padding:6px 0}
ol{margin:6px 12px 8px 24px}
.post svg{height:1rem;width:auto}
.help-single{display:flex;align-items:center;margin-left:6px;font-size:1.4rem;user-select:none;padding:12px 14px;border-radius:8px;color:#fff;line-height:1;text-align:center;float:right}
.help-single img{max-width:100%;height:100%;max-height:18px}
#post_bonus{float:right}
.help-single-banner{display:block;max-width:320px;user-select:none}
.white{padding:11px 18px;background:#fafafa;border:1px solid #ccc}
#post_bonus .very_green{background:#2c2c}
#post_bonus .green{background:#9c3c}
#post_bonus .yellow{background:#fc0c}
#post_bonus .orange{background:#f80c}
#post_bonus .red{background:#d21c}
#post_bonus .gray{background:#32323ccc}
.down_block{user-select:none}
.download{display:inline-block}
.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:center;justify-content:center}
.gallery img{aspect-ratio:4/3;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-7 figure:nth-child(1), .gallery-columns-7 figure:nth-child(2), .gallery-columns-7 figure:nth-child(6), .gallery-columns-7 figure:nth-child(7){flex:1 1 calc(50% - 28px)}
.gallery-columns-4 figure{flex:1 1 calc(25% - 12px)}
.gallery-columns-5 figure{flex:1 1 calc(20% - 12px)}
.gallery-columns-3 figure, .gallery-columns-7 figure{flex:1 1 calc(100% / 3 - 30px)}
#tags{display:flex;justify-content:center;align-items:center;padding:18px 0}
#altern{margin-top:36px}
.tooltip_msg, .tooltip_msg-right{cursor:help;position:relative}
.tooltip_msg::before, .tooltip_msg-right::before{font-weight:normal;font-size:.9rem;line-height:1.57;min-width:10px;background:rgba(0, 0, 0, .8);box-shadow:1px 1px 10px rgba(0, 0, 0, .2);color:#fff;content:attr(data-tooltip);top:calc(100% + 3px);opacity:0;padding:4px 12px 6px;position:absolute;visibility:hidden;transition:.2s;z-index:3}
.tooltip_msg::before{left:5px;border-radius:0 8px 8px 8px}
.tooltip_msg-right::before{right:5px;border-radius:8px 0 8px 8px}
.tooltip_msg:hover::before, .tooltip_msg-right:hover::before, .tooltip_active:before{transition:.2s;opacity:1;visibility:visible}
#like{display:flex}
#like span{line-height:0}
#like b{font-size:1.2rem}
#like b:not(:empty){margin-left:6px}
#like button{display:flex;align-items:center;border:none;cursor:pointer;padding:8px 18px;border-radius:24px;transition:.2s;background:#f3f3f3}
#like_up{margin-right:6px;color:var(--like_up_color)}
#like_buttom{color:var(--like_bottom_color)}
#like_up:hover, #like_buttom:hover{z-index:1}
#like_up.press1 b, #like_buttom.press1 b{animation:fade1 .3s}
@keyframes fade1 {
0%, 100%{transform:translateY(0%)}
50%{transform:translateY(-10px)}
}
#like_up.press2 b, #like_buttom.press2 b{animation:fade2 .3s}
@keyframes fade2 {
0%, 100%{transform:translateY(0%)}
50%{transform:translateY(10px)}
}
#like_up:hover, #like_up.like_green{background:var(--like_up_backg_active);transition:.1s}
#like_buttom:hover, #like_buttom.like_red{background:var(--like_bottom_backg_active);transition:.1s}
.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){
.excerpt-category, #main-container .ban_cat, #altern .ban_cat{width:calc(50% - 10px)}
.aligncenter{max-width:100%}
}
@media(min-width:1500px){
#main-container-home .excerpt-category, #main-container .excerpt-category { width: calc(25% - 10px) }
#main-container-home .excerpt-category a, #main-container .excerpt-category a { display: block }
#main-container-home .excerpt-category .featured-thumbnail, #main-container .excerpt-category .featured-thumbnail { width: 100% }
}