/*
Theme Name: Harbor Post
Description: Tema minimala, fara JavaScript si fara resurse externe.
Version: 1.0
Author: Harbor Post
Text Domain: harbor-post-371919
*/

*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#ffffff;color:#1f2430;font:16px/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto}
a{color:#2f6f4f}
a:hover{text-decoration:none}
h1,h2,h3,h4{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;line-height:1.25;margin:0 0 .6rem}
h1{font-size:1.7rem}h2{font-size:1.3rem}h3{font-size:1.1rem}
p,ul,ol{margin:0 0 1.05rem}
code,pre{font-family:ui-monospace,Consolas,monospace;font-size:.92em}
pre{background:#f6f8fa;padding:1rem;overflow-x:auto;border-radius:4px}
blockquote{margin:0 0 1.05rem;padding:.2rem 0 .2rem 1rem;border-left:3px solid #e3e7ec;color:#5b6472}
table{border-collapse:collapse;width:100%;margin:0 0 1.05rem}
th,td{border:1px solid #e3e7ec;padding:.5rem .7rem;text-align:left}

.qyg-shell{max-width:720px;margin:0 auto;padding:0 1.15rem}
.qyg-head{text-align:center;padding:2.4rem 0 1.8rem;border-bottom:1px solid #e3e7ec;margin:0 0 2.2rem}
.qyg-title{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0;text-decoration:none;color:#1f2430;display:inline-block}
.qyg-tag{color:#5b6472;font-size:.92rem;margin:.4rem 0 0}
.qyg-nav{margin:.9rem 0 0;font-size:.92rem}
.qyg-nav a{margin:0 .55rem 0 0;text-decoration:none}
.qyg-nav a:hover{text-decoration:underline}
.qyg-item{background:#f6f8fa;border:1px solid #e3e7ec;border-radius:4px;padding:1.25rem 1.4rem;margin:0 0 1.1rem}
.qyg-item h2{margin:0 0 .35rem}
.qyg-item h2 a{text-decoration:none;color:#1f2430}
.qyg-item h2 a:hover{color:#2f6f4f}
.qyg-meta{color:#5b6472;font-size:.83rem;margin:0 0 .6rem}
.qyg-more{font-size:.9rem;text-decoration:none}
.qyg-more:hover{text-decoration:underline}
.qyg-entry{margin:0 0 2.5rem}
.qyg-intro{border-left:3px solid #2f6f4f;padding:.15rem 0 .15rem 1.1rem;margin:0 0 2.2rem;color:#5b6472}
.qyg-intro p{margin:0 0 .4rem;max-width:62ch}
.qyg-intro p:last-child{margin:0}
.qyg-intro-sub{font-size:.9rem;font-style:italic}
.qyg-foot{border-top:1px solid #e3e7ec;margin:3rem 0 0;padding:2rem 0 2.4rem;color:#5b6472;font-size:.86rem}
.qyg-foot a{color:#5b6472}
.qyg-foot a:hover{color:#2f6f4f}
.qyg-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem;margin:0 0 1.6rem}
.qyg-foot-col h2{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#1f2430;margin:0 0 .55rem}
.qyg-foot-col p{margin:0;line-height:1.5}
.qyg-foot-col ul{list-style:none;margin:0;padding:0}
.qyg-foot-col li{margin:0 0 .32rem}
.qyg-foot-col li span{opacity:.6;font-size:.8em}
.qyg-copy{border-top:1px solid #e3e7ec;padding:1rem 0 0;margin:0}
@media(max-width:640px){.qyg-foot-grid{grid-template-columns:1fr;gap:1.5rem}}
.qyg-pg{display:flex;gap:.9rem;margin:1.6rem 0 0;font-size:.9rem}
.qyg-skip{position:absolute;left:-9999px}
.qyg-skip:focus{left:.5rem;top:.5rem;background:#ffffff;padding:.5rem;z-index:10}

.qyg-wrap{display:flex;flex-direction:row-reverse;gap:2.5rem;align-items:flex-start}
.qyg-main{flex:1;min-width:0}
.qyg-side{flex:0 0 220px}
.qyg-side h2{font-size:.95rem;margin:0 0 .6rem}
.qyg-side ul{list-style:none;margin:0 0 1.6rem;padding:0}
.qyg-side li{margin:0 0 .45rem;font-size:.9rem}
@media(max-width:740px){.qyg-wrap{flex-direction:column;gap:1.5rem}.qyg-side{flex:none;width:100%}}