/*
Theme Name: Needle and Ink
Description: An editorial listening journal designed for Rainlore's World of Music.
Version: 1.0.2
Requires PHP: 7.4
Text Domain: needle-and-ink
*/
:root{--paper:#f6f1e8;--ink:#24221f;--muted:#645d54;--red:#a13224;--line:#c7bfb2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 Georgia,'Times New Roman',serif}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--red)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--red);outline-offset:4px}.skip-link{position:absolute;left:15px;top:-90px;background:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.journal-mast{max-width:1240px;margin:auto;padding:24px 34px 0}.mast-top{display:flex;justify-content:space-between;gap:15px;font:10px/1.5 Arial,sans-serif;letter-spacing:1.7px;border-top:4px solid var(--ink);padding-top:12px}.mast-top a{text-decoration:none}.wordmark{display:block;text-align:center;text-decoration:none;font-size:clamp(29px,4.6vw,62px);font-weight:bold;letter-spacing:-2.5px;padding:24px 0 22px;line-height:1.05}.wordmark em{font-weight:400}.wordmark span{display:block;font:11px/1.5 Arial,sans-serif;letter-spacing:3.4px;text-transform:uppercase;padding-top:14px}.journal-mast nav{border-block:1px solid var(--ink);padding:12px 0;display:flex;gap:34px;justify-content:center;font:12px/1.6 Arial,sans-serif;text-transform:uppercase;letter-spacing:1.2px}.journal-mast nav a{text-decoration:none}.journal-mast [aria-current=page]{color:var(--red)}.site-main{max-width:1240px;margin:auto;padding:0 34px}.record-feature{display:grid;grid-template-columns:1.16fr 1fr;gap:55px;padding:48px 0 42px;border-bottom:1px solid var(--ink);align-items:center}.eyebrow{font:11px/1.4 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin:0 0 18px}.record-feature h1{font-size:clamp(44px,5.2vw,73px);line-height:.99;font-weight:400;letter-spacing:-2.4px;margin:0 0 22px}.record-feature .deck{font-size:20px;max-width:31em;line-height:1.5}.text-link{font:12px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid;padding-bottom:6px;text-decoration:none}.sleeve{aspect-ratio:1.02;background:#b84a32;padding:24px;position:relative;overflow:hidden;box-shadow:4px 5px 0 #d4cabd}.sleeve>span{position:relative;z-index:2;color:#fff3d5;font:12px Arial,sans-serif;letter-spacing:4px}.record-disc{width:88%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at center,#222 0,#222 2px,#30302d 3px,#171716 4px);position:absolute;top:15%;left:20%;transform:rotate(-15deg);box-shadow:0 8px 20px #3c1a1450}.record-disc:after{content:'SIDE A\A LISTEN CLOSELY';white-space:pre;display:grid;place-content:center;text-align:center;position:absolute;inset:34%;background:#e9dec1;border-radius:50%;font:10px/1.7 Arial,sans-serif;letter-spacing:1px;color:#45372b;border:8px solid #d9cca9}.sleeve-caption{font:10px/1.6 Arial,sans-serif;letter-spacing:1px;color:var(--muted);margin:12px 0 0}.journal-section{padding:35px 0;border-bottom:1px solid var(--line)}.section-line{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:26px}.section-line h2{font-size:30px;font-weight:400;margin:0}.section-line span{font:10px Arial,sans-serif;letter-spacing:2px}.dispatches{display:grid;grid-template-columns:1.4fr 1fr;gap:46px}.lead-note h3{font-size:35px;line-height:1.12;font-weight:400;margin:10px 0 16px}.dispatches p{margin:0 0 16px}.note-index{border-left:1px solid var(--line);padding-left:28px}.note-index article{border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:22px}.note-index h3{font-size:23px;line-height:1.25;margin:6px 0 12px;font-weight:400}.note-index p{font-size:16px}.listening-strip{display:grid;grid-template-columns:140px 1fr;gap:30px;padding:36px 0}.listening-strip strong{font-size:40px;color:var(--red);font-style:italic;font-weight:400}.listening-strip p{margin:0}.journal-footer{max-width:1172px;margin:40px auto 0;border-top:4px solid var(--ink);padding:30px 0 35px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:38px;font:12px/1.7 Arial,sans-serif}.footer-title{font:italic 32px Georgia,serif;margin:0 0 10px}.journal-footer a{display:block;margin-bottom:10px}.colophon{font-size:10px;color:var(--muted)}.reading-layout{display:grid;grid-template-columns:160px minmax(0,740px);gap:60px;margin:50px auto 70px;justify-content:center}.reading-margin{font:12px/1.7 Arial,sans-serif;color:var(--muted);padding-top:9px}.margin-rule{display:block;width:30px;height:2px;background:var(--red);margin:24px 0}.reading-head{border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:30px}.reading-head h1{font-size:clamp(34px,4vw,52px);line-height:1.07;letter-spacing:-1.4px;font-weight:400;margin:0 0 20px}.standfirst{font-size:21px;line-height:1.5;margin-bottom:0}.article-body h2{font-size:29px;font-weight:400;line-height:1.2;margin-top:38px}.article-body h3{font-size:22px}.article-body p{margin:0 0 21px}.article-body li{margin-bottom:10px}.article-body blockquote{border-left:2px solid var(--red);padding:0 0 0 25px;margin:28px 0;font-style:italic}.article-body table{border-collapse:collapse;width:100%;font-size:16px}.article-body td,.article-body th{border-bottom:1px solid var(--line);padding:12px;text-align:left}.article-body .annotation{font:13px/1.7 Arial,sans-serif;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}.reader-form label{font:13px Arial,sans-serif;display:block;margin-bottom:8px}.reader-form label span{color:var(--muted)}input,textarea{font:16px/1.5 Arial,sans-serif;max-width:100%;border:1px solid #9e9585;padding:12px;background:#fffcf5;width:100%}textarea{resize:vertical}button,input[type=submit]{font:12px Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;background:var(--ink);color:var(--paper);border:0;padding:16px 23px;cursor:pointer;width:auto}.form-detail{font:12px/1.6 Arial,sans-serif}.form-trap{position:absolute;left:-9999px}.form-status{padding:18px;border:1px solid var(--red)}.search-results{max-width:740px;margin:50px auto}.custom-navigation{display:flex;list-style:none;gap:25px;padding:0;margin:0}@media(max-width:760px){.journal-mast{padding:17px 20px 0}.mast-top{font-size:9px;letter-spacing:.8px}.wordmark{letter-spacing:-1.2px;padding:24px 0}.wordmark span{font-size:9px;letter-spacing:1.5px}.journal-mast nav{gap:12px 22px;flex-wrap:wrap;font-size:10px}.site-main{padding:0 20px}.record-feature{grid-template-columns:1fr;gap:26px;padding-top:32px}.record-feature h1{max-width:9em}.record-feature .deck{font-size:19px}.sleeve{max-width:430px;width:100%;aspect-ratio:1.3}.record-disc{width:77%;top:10%;left:29%}.dispatches{grid-template-columns:1fr;gap:25px}.note-index{padding-left:0;border:0}.section-line h2{font-size:26px}.section-line span{font-size:9px}.listening-strip{grid-template-columns:1fr;gap:12px}.journal-footer{margin:30px 20px 0;grid-template-columns:1fr;gap:18px}.reading-layout{grid-template-columns:1fr;gap:25px;margin:30px 0}.reading-margin{display:none}.reading-head h1{font-size:39px}.standfirst{font-size:20px}.article-body{font-size:18px}.article-body table{font-size:14px}.article-body th,.article-body td{padding:7px}.search-results{margin:30px 0}}