/*
Theme Name: Nothing to Read Here Classic
Description: Clean WordPress templates preserving the original Arclite appearance.
Version: 1.0.0
Text Domain: n2rh-classic
License: GPL-2.0-or-later
Static Arclite design assets: digitalnature, GPL; see legacy/GPL.txt.
*/
/* The desktop design deliberately retains the original typography and spacing. */
body{margin:0!important}
#pagetitle h1.logo a{display:inline-flex;align-items:center;gap:14px;max-width:100%}
#pagetitle .n2rh-brand-mark{display:block;width:72px;height:auto;flex:none;margin:0}
#pagetitle h1.logo a span{min-width:0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;position:fixed!important;top:8px;left:8px;z-index:10000;background:white;color:#000;padding:10px}
.post-content img,.post-content video,.post-content iframe{max-width:100%;box-sizing:border-box}
.post-content img{height:auto}
.post-content{overflow-wrap:break-word}
#nav a:focus-visible,.search-block input:focus-visible{outline:2px solid #fff;outline-offset:2px}
#calendar_wrap table{width:100%;border-collapse:collapse}
#calendar_wrap caption{text-align:right;font-style:italic}
#calendar_wrap td,#calendar_wrap th{padding:.25em .4em;text-align:center}
#calendar_wrap .wp-calendar-nav{margin-bottom:2.5em}
.n2rh-sidebar-box{margin-bottom:2.5em}
.n2rh-sidebar-box .the-content{overflow-wrap:anywhere}
.n2rh-sidebar-box ul{padding-bottom:.8em}
.post-header:after,.clearfix:after{content:"";display:table;clear:both}
.post-content figure{max-width:100%;margin:.7em 0}
.post-content .wp-block-embed__wrapper iframe{max-width:100%}
#respond h3{font-family:"Share",Arial,sans-serif;font-size:180%;margin:1em 0 .5em}
#commentform p{margin:.8em 0}
#commentform label{display:block;margin-bottom:.3em}
#commentform input[type=text],#commentform input[type=email],#commentform input[type=url],#commentform textarea{box-sizing:border-box;max-width:100%;width:100%;padding:.5em;background:#fff;border:1px solid #b6a991;border-radius:2px}
#commentform input[type=checkbox]+label{display:inline}
#commentform textarea{min-height:160px}
#commentform .submit{padding:.55em 1em;cursor:pointer;border:1px solid #285b7f;border-radius:3px;background:#3678aa;color:white}
#comments{counter-reset:n2rh-comment}
#comments .n2rh-comment-card{border:1px solid #fff;background:linear-gradient(#fff,#f6f5f0);margin:18px 0;box-shadow:0 3px 7px #76644b18}
#comments .n2rh-comment-header{background:linear-gradient(#99856e,#ac9983);color:#fff;padding:6px 12px;font-size:12px;font-style:italic;line-height:1.4}
#comments .n2rh-comment-header a{color:#fff}
#comments .n2rh-comment-number:before{counter-increment:n2rh-comment;content:"#" counter(n2rh-comment)}
#comments .n2rh-comment-layout{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;padding:12px 10px;min-height:80px}
#comments .n2rh-comment-avatar{width:80px;height:80px;position:relative;background:url(legacy/images/avatar.png) center/80px 80px no-repeat}
#comments .n2rh-comment-avatar img{position:absolute;top:8px;left:8px;width:64px;height:64px;margin:0;border:1px solid #fff;box-sizing:border-box;box-shadow:0 1px 4px #0003}
#comments .n2rh-comment-text{min-width:0;overflow-wrap:anywhere;line-height:1.4}
#comments .n2rh-comment-text p{padding:0;margin:0 0 .65em}
#comments .n2rh-comment-text p:last-child{margin-bottom:0}
#comments .n2rh-comment-reply{margin-top:.6em;font-size:90%}
#comments .children{margin-left:1em}
ul#comments li.comment,ul#comments li.trackback,ul#comments li.pingback{width:100%}
.comment-navigation{margin:1em 0}
.n2rh-comment-count{margin:2em 0 .8em;font-size:150%;font-family:inherit;font-weight:normal}
.cf-turnstile-comments{display:block;max-width:100%}
.n2rh-subscription-form input[type=email]{box-sizing:border-box;max-width:100%;width:100%;padding:.5em;border:1px solid #b6a991;border-radius:2px;background:#fff}
.n2rh-subscription-form input[type=submit],.n2rh-subscription-form button{margin:.4em .3em .4em 0;padding:.45em .65em;cursor:pointer}
.n2rh-subscription-form .cf-turnstile{margin:.8em 0;max-width:100%}
@media(max-width:1050px){
 #pagetitle h1.logo{font-size:clamp(36px,5.8vw,61px)}
 #pagetitle h4{font-size:170%;margin-left:.6em}
}
@media(max-width:820px){
 #comments .n2rh-comment-layout{grid-template-columns:56px minmax(0,1fr);gap:8px;padding:10px 8px;min-height:56px}
 #comments .n2rh-comment-avatar{width:56px;height:56px;background-size:56px 56px}
 #comments .n2rh-comment-avatar img{width:44px;height:44px;top:6px;left:6px}
 #comments .n2rh-comment-text{font-size:14px;line-height:1.45}
 .block-content{width:auto!important;min-width:0!important;max-width:none!important;margin-left:16px!important;margin-right:16px!important}
 #header{height:184px;min-width:0}
 #pagetitle{padding:22px 0 0}
 #pagetitle h1.logo{font-size:clamp(32px,8vw,48px);line-height:1.05;float:none;letter-spacing:-.075em}
 #pagetitle h1.logo a{display:flex;gap:10px}
 #pagetitle .n2rh-brand-mark{width:52px}
 #pagetitle h4{float:none;border-left:0;padding:.15em 0;margin:.1em 0;font-size:22px}
 .search-block{right:0;bottom:43px}
 #nav-wrap1{left:0;top:164px}
 #page.with-sidebar .mask-main,#page.with-sidebar .mask-main .mask-left{float:none;position:static;right:auto;overflow:visible;width:auto}
 #page.with-sidebar .mask-main .col1,#page.with-sidebar .mask-main .col2{float:none;position:static;left:auto;width:100%;overflow:visible}
 #main-content{padding:32px 0 12px}
 #sidebar{padding:24px 0}
 #sidebar .box{max-width:100%}
 .post-content{font-size:15px;line-height:1.45}
 .post-content p{line-height:1.45;margin:.7em 0}
 #main-content img{max-width:100%;box-sizing:border-box;margin-left:0;margin-right:0}
 .post p.post-author{font-size:100%;line-height:1.35;padding:0 8px}
 .post .post-author span.info{margin:6px 0}
 h2.post-title{font-size:220%}
 #footer .copyright{padding-left:0;padding-right:0}
}