/*
Theme Name: Reading Room
Author: Custom
Description: Minimal fiction library with story metadata, chapter navigation, tags, comments and likes.
Version: 2.0.0
Requires PHP: 7.4
Text Domain: reading-room
*/
:root{--am-bg:#fbfaf8;--am-text:#252525;--am-accent:#824455;--am-muted:#76716f;--am-border:#dedbd8;--am-panel:#fff;--am-font:Optima,Candara,sans-serif;--am-heading:Georgia,serif;--am-width:860px;--am-reader:720px;--am-gap:18px;--am-body-size:17px;--am-radius:5px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--am-bg);color:var(--am-text);font-family:var(--am-font);font-size:var(--am-body-size);line-height:1.65}a{color:var(--am-accent)}a:hover{text-decoration:underline}.wrap{width:min(calc(100% - 36px),var(--am-width));margin-inline:auto}.site-header{border-bottom:1px solid var(--am-border);background:var(--am-panel)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:16px}.brand{font-family:var(--am-heading);font-size:21px;letter-spacing:.035em;text-decoration:none;color:var(--am-text);font-weight:700}.nav a{text-decoration:none;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.site-main{padding-block:30px 55px;min-height:calc(100vh - 140px)}.site-footer{border-top:1px solid var(--am-border);padding:17px 0;color:var(--am-muted);font-size:12px}h1,h2,h3{font-family:var(--am-heading);line-height:1.2}h1{font-size:clamp(29px,4vw,42px);margin:5px 0 9px}h2{font-size:22px}.eyebrow,.tile-label{font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:var(--am-muted);font-weight:700}.home-intro{text-align:center;margin:8px auto 24px}.home-intro p:last-child{margin:0;color:var(--am-muted);font-size:14px}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--am-gap)}.home-tile{display:flex;flex-direction:column;min-height:230px;background:var(--am-panel);border:1px solid var(--am-border);border-radius:var(--am-radius);padding:25px;text-decoration:none;color:var(--am-text);transition:border-color .2s,transform .2s}.home-tile:hover{border-color:var(--am-accent);transform:translateY(-2px);text-decoration:none}.home-tile h2{font-size:clamp(26px,3vw,34px);margin:12px 0 8px}.home-tile p{font-size:14px;color:var(--am-muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tile-foot{margin-top:auto;padding-top:25px;border-top:1px solid var(--am-border);display:flex;justify-content:space-between;font-size:12px;color:var(--am-accent)}.back-link{display:inline-block;font-size:12px;text-decoration:none;margin-bottom:16px}.story-overview{background:var(--am-panel);border:1px solid var(--am-border);border-radius:var(--am-radius);padding:23px 26px;margin-bottom:var(--am-gap)}.story-overview.compact{padding:15px 20px}.story-overview h1,.story-overview h2{margin:4px 0 10px}.story-overview.compact h2{font-size:24px}.story-overview h2 a{color:var(--am-text);text-decoration:none}.story-summary{margin:10px 0 14px;font-size:14px}.story-summary p{margin:0}.tag-groups{display:grid;gap:7px;margin:15px 0}.tag-row{display:flex;gap:12px;font-size:12px;line-height:1.6}.tag-label{width:100px;flex:none;color:var(--am-muted);font-weight:700}.tag-values{flex:1}.tag-values a{display:inline-block;margin-right:9px;text-decoration:none}.tag-values a:hover{text-decoration:underline}.story-stats{display:flex;flex-wrap:wrap;gap:8px 23px;border-top:1px solid var(--am-border);padding-top:12px;font-size:12px}.story-stats span{color:var(--am-muted)}.story-stats strong{color:var(--am-text);margin-left:5px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{margin:3px 0 13px}.section-heading span{color:var(--am-muted);font-size:12px}.chapter-picker{background:var(--am-panel);border:1px solid var(--am-border);border-radius:var(--am-radius);padding:22px 26px}.chapter-select,.reader-tools select{background:var(--am-bg);color:var(--am-text);border:1px solid var(--am-border);border-radius:var(--am-radius);padding:11px 13px;width:100%;font:inherit;font-size:14px}.chapter-list{list-style:none;margin:16px 0 0;padding:0}.chapter-list li{border-top:1px solid var(--am-border)}.chapter-list a{display:flex;gap:15px;align-items:center;padding:12px 2px;color:var(--am-text);text-decoration:none;font-size:14px}.chapter-list a span:first-child{color:var(--am-muted);font-size:12px}.chapter-list a span:last-child{margin-left:auto;color:var(--am-accent)}.chapter-list a:hover strong{color:var(--am-accent)}.reader-tools{display:flex;align-items:center;gap:12px;margin:0 0 20px}.reader-tools label{font-size:12px;color:var(--am-muted)}.reader-tools select{width:auto;max-width:min(100%,420px);flex:1}.reader{max-width:var(--am-reader);margin:0 auto}.reader-heading{text-align:center;margin:30px 0 28px}.reader-heading h1{font-size:30px}.chapter-body{line-height:1.8;overflow-wrap:anywhere}.chapter-body p{margin:0 0 1.15em}.chapter-body img{max-width:100%;height:auto}.chapter-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--am-border);border-bottom:1px solid var(--am-border);padding:14px 0;margin-top:30px;font-size:13px}.chapter-nav a{text-decoration:none}.kudos{display:flex;align-items:center;gap:16px;margin:20px 0 30px;font-size:13px}.am-kudos-btn,button[type=submit]{background:var(--am-accent);color:#fff;border:0;border-radius:var(--am-radius);padding:10px 17px;font:inherit;font-size:13px;cursor:pointer}.am-kudos-btn:disabled{opacity:.6;cursor:default}.comments-area{border-top:1px solid var(--am-border);padding-top:20px}.comments-area h2{font-size:22px}.comment-list{padding-left:22px}.comment-list li{margin-bottom:16px}.comment-body{border:1px solid var(--am-border);background:var(--am-panel);padding:14px;border-radius:var(--am-radius)}.comment-meta{font-size:12px}.comment-content{font-size:14px}.comment-form textarea,.comment-form input:not([type=submit]){display:block;width:100%;border:1px solid var(--am-border);background:var(--am-panel);color:var(--am-text);border-radius:var(--am-radius);padding:10px;font:inherit}.comment-form label{font-size:13px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.story-overview.compact .story-summary{display:none}@media(max-width:640px){.home-grid{grid-template-columns:1fr}.home-tile{min-height:180px}.site-main{padding-top:20px}.story-overview,.chapter-picker{padding:17px}.tag-row{display:block}.tag-label{display:block;width:auto}.reader-heading{margin:22px 0}.chapter-nav{font-size:11px;gap:8px}.story-stats{gap:6px 12px}}
