/*
Theme Name: Hollow Reader
Description: Tema minimala, fara JavaScript si fara resurse externe.
Version: 1.0
Author: Hollow Reader
Text Domain: hollow-reader-e14c14
*/

*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#fcfcfd;color:#241f2e;font:16px/1.15 Georgia, "Times New Roman", serif;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto}
a{color:#6b3fa0}
a:hover{text-decoration:none}
h1,h2,h3,h4{font-family:Georgia, "Times New Roman", 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:#f6f3f9;padding:1rem;overflow-x:auto;border-radius:0}
blockquote{margin:0 0 1.05rem;padding:.2rem 0 .2rem 1rem;border-left:3px solid #e6e1ec;color:#63596f}
table{border-collapse:collapse;width:100%;margin:0 0 1.05rem}
th,td{border:1px solid #e6e1ec;padding:.5rem .7rem;text-align:left}

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

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