/*
Theme Name: KrankSlate (dad01)
Theme URI: https://github.com/incorrigo/dad01
Author: westid
Author URI: https://incorrigo.io/
Description: Just a theme created by AI in a PHPstorm project to show my dad about AI agents and wordpress
Tags: incorrigo, incorrigo syx, wordpress, PHP, blankslate, KrankSlate, AI, agent, PHPstorm, project
Version: 2026
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 5.6
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: KrankSlate

BlankSlate WordPress Theme 2011-2026
BlankSlate is distributed under the terms of the GNU GPL
*/

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;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{appearance:none;border-radius:0}input[type="search"]{appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

:root{
--page-bg:#ecf2f6;
--surface:#ffffff;
--ink:#1a2731;
--muted:#566471;
--edge:#d7e0e8;
--brand:#1a4f76;
--brand-strong:#11283c;
--wrapper-width:1120px;
--menu-overlay-height:3.35rem;
}

body{
background:linear-gradient(180deg,#dbe8ef 0,#ecf2f6 360px,#ecf2f6 100%);
color:var(--ink);
font-family:"Trebuchet MS","Gill Sans","Helvetica Neue",sans-serif;
line-height:1.55;
}

a{color:var(--brand)}
a:hover,a:focus{color:#113a58}

#wrapper{
width:100%;
max-width:none;
margin:0;
background:var(--surface);
border:1px solid var(--edge);
box-shadow:0 18px 42px rgba(16,31,44,.12);
}

#header{
border-bottom:1px solid var(--edge);
position:relative;
}

.site-hero{
position:relative;
overflow:hidden;
}

.site-hero::after{
content:"";
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(180deg,rgba(6,12,18,.04) 0%,rgba(7,16,24,.16) 45%,rgba(7,16,24,.42) 82%,rgba(7,16,24,.56) 100%);
}

.site-hero-image{
display:block;
width:100%;
height:clamp(240px,32vw,380px);
object-fit:cover;
}

.site-branding{
position:absolute;
left:1.5rem;
bottom:calc(var(--menu-overlay-height) + 1rem);
z-index:2;
max-width:calc(100% - 3rem);
color:#fff;
padding:.2rem .35rem .25rem;
isolation:isolate;
}

.site-branding::before{
content:"";
position:absolute;
inset:-.7rem -.9rem -.8rem -.9rem;
z-index:0;
pointer-events:none;
background:radial-gradient(120% 130% at 14% 35%,rgba(7,16,24,.62) 0%,rgba(7,16,24,.34) 46%,rgba(7,16,24,0) 80%);
filter:blur(7px);
}

.site-branding > *{
position:relative;
z-index:1;
}

#site-title{
margin:0;
font-size:clamp(1.6rem,3vw,2.4rem);
font-weight:700;
line-height:1.1;
text-shadow:0 1px 2px rgba(0,0,0,.85),0 3px 12px rgba(0,0,0,.6);
-webkit-text-stroke:.35px rgba(0,0,0,.45);
}

#site-title a{
color:#fff;
text-decoration:none;
}

#site-title a:hover,#site-title a:focus{
text-decoration:underline;
}

#site-description{
margin:.5rem 0 0;
font-size:clamp(.95rem,1.5vw,1.15rem);
color:#f4f9ff;
text-shadow:0 1px 2px rgba(0,0,0,.82),0 2px 10px rgba(0,0,0,.54);
}

#menu{
position:absolute;
top:auto;
bottom:0;
left:0;
right:0;
z-index:30;
background:linear-gradient(180deg,rgba(7,17,28,.012) 0%,rgba(7,17,28,.06) 42%,rgba(7,17,28,.14) 100%);
backdrop-filter:blur(10px) saturate(140%);
-webkit-backdrop-filter:blur(10px) saturate(140%);
box-shadow:0 -4px 14px rgba(0,0,0,.12);
overflow:visible;
}

#menu::before{
content:"";
position:absolute;
left:0;
right:0;
top:-3.2rem;
height:3.2rem;
pointer-events:none;
background:linear-gradient(180deg,rgba(7,17,28,0) 0%,rgba(7,17,28,.012) 38%,rgba(7,17,28,.04) 72%,rgba(7,17,28,.08) 100%);
backdrop-filter:blur(6px) saturate(125%);
-webkit-backdrop-filter:blur(6px) saturate(125%);
}

#menu > ul,#menu > div > ul,#menu ul.menu,#menu .menu > ul{
display:flex;
flex-wrap:wrap;
align-items:center;
margin:0;
padding:0 1rem;
position:relative;
z-index:1;
}

#menu li{margin:0}
#menu .main-menu > li{position:relative}

#menu a{
display:block;
padding:.9rem 1rem;
font-weight:700;
color:#ffffff;
text-decoration:none;
text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 1px rgba(0,0,0,.95);
}

#menu a:hover,#menu a:focus{
background:rgba(255,255,255,.18);
text-decoration:none;
}

#menu .main-menu .menu-item-has-children > a{
position:relative;
padding-right:2rem;
}

#menu .main-menu .menu-item-has-children > a::after{
content:"▾";
position:absolute;
right:.9rem;
top:50%;
transform:translateY(-50%);
font-size:.72rem;
opacity:.9;
}

#menu .main-menu .sub-menu{
position:absolute;
top:100%;
left:0;
min-width:240px;
padding:.35rem 0;
margin:0;
background:rgba(10,22,35,.92);
border:1px solid rgba(255,255,255,.26);
box-shadow:0 12px 24px rgba(0,0,0,.25);
display:none;
z-index:40;
}

#menu .main-menu .sub-menu li{
position:relative;
}

#menu .main-menu .sub-menu a{
padding:.7rem .95rem;
white-space:nowrap;
}

#menu .main-menu .sub-menu .sub-menu{
left:100%;
top:-1px;
}

#menu .main-menu li:hover > .sub-menu,
#menu .main-menu li:focus-within > .sub-menu{
display:block;
}

#container{
padding:2rem 1.5rem 2.5rem;
}

#content{
width:100%;
}

.home-main-layout{
width:100%;
}

.home-main-layout.has-sidebar{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(260px,24%);
gap:1.5rem;
align-items:start;
}

.home-main-content{
min-width:0;
}

.home-main-content > article{
margin-bottom:2rem;
}

.home-main-layout.has-sidebar .posts-grid{
column-gap:1.1rem;
}

.home-main-layout.has-sidebar #sidebar{
margin:0;
align-self:start;
position:sticky;
top:1rem;
}

.main-page-sidebar .widget-area{
background:#f6fbff;
border:1px solid var(--edge);
border-radius:10px;
padding:.8rem;
}

.main-page-sidebar .xoxo{
display:flex;
flex-direction:column;
gap:.85rem;
}

.main-page-sidebar .widget-container{
background:#ffffff;
border:1px solid #dce5ed;
border-radius:8px;
padding:.75rem .8rem;
}

.main-page-sidebar .widget-title{
margin:0 0 .55rem;
font-size:1rem;
line-height:1.25;
font-weight:700;
color:#163f5f;
}

.main-page-sidebar .post-search-form{
display:grid;
grid-template-columns:1fr auto;
gap:.5rem;
}

.main-page-sidebar .post-search-field{
width:100%;
min-width:0;
padding:.5rem .6rem;
border:1px solid #c4d4e2;
border-radius:6px;
background:#ffffff;
color:var(--ink);
}

.main-page-sidebar .post-search-submit{
padding:.5rem .75rem;
border:1px solid #1c5279;
border-radius:6px;
background:#1a4f76;
color:#ffffff;
font-weight:700;
cursor:pointer;
}

.main-page-sidebar .post-search-submit:hover,.main-page-sidebar .post-search-submit:focus{
background:#123e5f;
border-color:#123e5f;
}

.main-page-sidebar .categories-menu-list{
display:flex;
flex-direction:column;
gap:.35rem;
}

.main-page-sidebar .categories-menu-list li{
margin:0;
padding:0;
}

.main-page-sidebar .categories-menu-list a{
display:block;
padding:.3rem 0;
text-decoration:none;
color:#1f3f57;
}

.main-page-sidebar .categories-menu-list a:hover,.main-page-sidebar .categories-menu-list a:focus{
text-decoration:underline;
}

.main-page-sidebar .widget-container > *:last-child{
margin-bottom:0;
}

.posts-grid{
column-count:3;
column-gap:1.5rem;
}

.posts-grid article{
display:inline-block;
width:100%;
margin:0 0 1.5rem;
padding:1rem 1rem 1.2rem;
border:1px solid var(--edge);
border-radius:10px;
background:#fbfdff;
break-inside:avoid;
-webkit-column-break-inside:avoid;
page-break-inside:avoid;
}

.posts-grid .entry-title{
margin-bottom:.6rem;
font-size:1.25rem;
line-height:1.3;
}

.posts-grid .entry-summary{
color:#2a3640;
font-size:.98rem;
}

.home .posts-grid .entry-summary{
text-align:justify;
text-justify:inter-word;
}

.posts-grid .entry-summary a img{
display:block;
width:100%;
height:auto;
margin-bottom:.8rem;
border-radius:8px;
}

.entry-title{
margin-bottom:.45rem;
font-size:1.7rem;
line-height:1.25;
font-weight:700;
}

.entry-title a{
color:var(--ink);
text-decoration:none;
}

.entry-title a:hover,.entry-title a:focus{
color:#113a58;
text-decoration:underline;
}

.entry-meta,.entry-footer{
color:var(--muted);
font-size:.9rem;
}

.entry-content p,.entry-summary p{
margin-bottom:1rem;
}

.single .entry-content,
.page .entry-content{
text-align:justify;
text-justify:inter-word;
}

.more-link{
display:inline-block;
margin-top:.8rem;
font-weight:700;
color:#163f5f;
}

#content > article{
margin-bottom:2rem;
}

.navigation.posts-navigation,.navigation.post-navigation{
margin-top:1.5rem;
}

.navigation .nav-links{
display:flex;
justify-content:space-between;
gap:1rem;
}

.navigation a{
font-weight:600;
text-decoration:none;
}

.posts-pager{
display:flex;
align-items:center;
gap:1rem;
margin-top:1.5rem;
}

.posts-pager .posts-pager-next{
margin-left:auto;
}

.posts-pager a{
font-weight:700;
text-decoration:none;
line-height:1.2;
}

.posts-pager a:hover,.posts-pager a:focus{
text-decoration:underline;
}

#footer{
border-top:1px solid var(--edge);
padding:1.2rem 1.5rem;
background:#f7fbff;
}

#copyright{
font-size:.95rem;
color:#44515c;
text-align:center;
}

@media (max-width:1200px){
.home-main-layout.has-sidebar{grid-template-columns:minmax(0,1fr) 280px}
}

@media (max-width:1024px){
.posts-grid{column-count:2}
}

@media (max-width:900px){
.home-main-layout.has-sidebar{
grid-template-columns:1fr;
gap:1.25rem;
}
.home-main-layout.has-sidebar #sidebar{position:static}
}

@media (max-width:640px){
#container{padding:1.5rem 1rem 2rem}
#site-branding{
bottom:calc(var(--menu-overlay-height) + .7rem);
left:1rem;
max-width:calc(100% - 2rem);
}
#menu > ul,#menu > div > ul,#menu ul.menu,#menu .menu > ul{padding:0 .5rem}
#menu a{padding:.8rem .7rem}
#menu .main-menu .menu-item-has-children > a{padding-right:1.6rem}
#menu .main-menu .menu-item-has-children > a::after{right:.5rem}
#menu .main-menu .sub-menu{
position:static;
display:block;
min-width:0;
margin:0;
padding:0 0 .2rem 1rem;
border:0;
box-shadow:none;
background:rgba(255,255,255,.09);
}
#menu .main-menu .sub-menu a{
white-space:normal;
padding:.55rem .7rem;
}
}