/*
Theme Name: Playtune Biography
Description: A simple article-first entertainment biography theme, with category navigation, header search and readable article pages.
Version: 1.0.2
Author: Playtune Biography
Requires at least: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: playtune-biography
Tags: blog, custom-logo, custom-menu, featured-images, threaded-comments
*/

:root{--ink:#25231f;--muted:#6d685e;--gold:#ac710c;--line:#e7e2d9;--paper:#fffdf9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b97913;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.skip{position:fixed;top:-80px;left:20px;background:white;padding:12px;z-index:9}.skip:focus{top:8px}header{border-bottom:1px solid var(--line);background:#fff}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px}.logo{width:285px;max-width:52vw;display:block}.site-header nav{display:flex;gap:25px;align-items:center;font-size:14px}.site-header nav a:hover{color:var(--gold)}.browse-link{border-bottom:2px solid #d7992a;padding:9px 0}.banner{margin-top:28px;border-radius:6px;overflow:hidden;background:#171512}.banner img{display:block;width:100%;height:auto}.intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:40px 0 23px}.eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin:0 0 7px}h1{font-family:Georgia,serif;font-size:36px;line-height:1.2;font-weight:400;letter-spacing:-1px;margin:0}.intro p:last-child{margin:10px 0 0;font-size:15px;color:var(--muted)}.search{position:relative;flex:0 1 320px}.search svg{position:absolute;left:15px;top:15px;width:19px;color:var(--muted)}input{width:100%;border:1px solid #d6d0c5;border-radius:5px;background:#fff;padding:13px 12px 13px 44px;color:var(--ink);font-size:14px}.filters{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:24px;border-bottom:1px solid var(--line)}.filters button{background:transparent;border:1px solid #ded8cc;padding:8px 16px;border-radius:30px;font-size:13px;color:#514b42}.filters button:hover{border-color:#ba8e42}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.results-bar{display:flex;justify-content:space-between;margin:20px 0;color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:26px;row-gap:32px}.card{min-width:0}.photo{aspect-ratio:1.45;overflow:hidden;border-radius:5px;background:#e8e2d7;position:relative}.photo img{width:100%;height:100%;object-fit:cover;object-position:center 26%;display:block;transition:transform .3s}.card:hover .photo img{transform:scale(1.035)}.fallback{position:absolute;inset:0;display:grid;place-items:center;font:52px Georgia,serif;color:#8c7044}.photo img{position:relative}.category{display:block;margin:15px 0 6px;color:#95600a;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px}h2{font:400 23px/1.27 Georgia,serif;letter-spacing:-.35px;margin:0}.card:hover h2{color:#94600d}.details{margin:8px 0 12px;font-size:13px;line-height:1.55;color:var(--muted)}.read{font-size:12px;font-weight:600;display:inline-flex;gap:10px;align-items:center}.read span{color:#9d6a15}.more-wrap{text-align:center;margin:40px 0 48px}.more{border:1px solid #d7ccba;background:#fff;padding:12px 28px;border-radius:4px;color:#322c22;font-size:13px}.more:hover{background:#f6ecd9}.empty{grid-column:1/-1;padding:50px 15px;text-align:center;background:#f6f2e9;border-radius:5px}.empty h2{margin-bottom:8px}.empty p{color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:20px;padding:28px 0 24px}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{font:24px Georgia,serif}.footer-brand span{color:var(--gold)}footer p{color:var(--muted);font-size:12px;margin:6px 0}footer a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.smallprint{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;color:#7c766d;font-size:11px}noscript p{padding:25px;background:#f6ecd9}[hidden]{display:none!important}@media(max-width:750px){.wrap{width:calc(100% - 32px)}header .wrap{min-height:80px}.logo{width:250px}.site-header nav{gap:12px}.site-header nav a:last-child{display:block}.banner{margin-top:18px}.intro{align-items:start;flex-direction:column;margin-top:28px;gap:18px}.search{flex:auto;width:100%}h1{font-size:30px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 17px}h2{font-size:21px}.filters{gap:7px}.filters button{font-size:12px;padding:7px 12px}.footer-row{align-items:start}.details{font-size:12px}}@media(max-width:410px){.logo{max-width:63vw}.browse-link{font-size:12px}h2{font-size:19px}.photo{aspect-ratio:1.1}.grid{gap:26px 14px}.intro p:last-child{font-size:14px}.footer-row{flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

header .wrap{flex-wrap:wrap;justify-content:center;gap:0;padding-top:13px}header .logo{width:280px;max-width:75vw}header nav{display:flex;justify-content:center;flex-basis:100%;gap:30px;padding:12px 0 17px;font-size:13px}header nav a{display:block!important;white-space:nowrap}header nav a[aria-current=page]{color:#97610b;text-decoration:underline;text-underline-offset:7px}.menu-toggle{display:none}.results-bar{border-top:1px solid var(--line);padding-top:18px}.article-wrap{max-width:1120px}.breadcrumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:25px 0}.breadcrumbs a:hover{text-decoration:underline}.article-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center;padding:20px 0 38px;border-bottom:1px solid var(--line)}.article-hero h1{font-size:46px;line-height:1.12;letter-spacing:-1.2px;margin:13px 0 18px}.article-hero .dek{font-size:17px;line-height:1.6;color:var(--muted);margin:0 0 20px}.article-hero .category{font-size:11px}.article-meta{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px}.article-portrait{margin:0;background:#ebe5da;border-radius:6px;overflow:hidden}.article-portrait img{width:100%;height:400px;display:block;object-fit:cover;object-position:center 23%}.reader-layout{display:grid;grid-template-columns:220px minmax(0,730px);gap:55px;justify-content:center;padding-top:38px}.contents{align-self:start;position:sticky;top:24px;border-top:2px solid #c99537;padding-top:14px}.contents summary{font-size:13px;font-weight:700;list-style:none}.contents summary::-webkit-details-marker{display:none}.contents ol{list-style:none;padding:0;margin:15px 0;counter-reset:sections}.contents li{margin:0 0 12px;font-size:12px;line-height:1.5}.contents a{color:#746c60}.contents a:hover{color:#95600a;text-decoration:underline}.article-body{min-width:0;font-size:17px;line-height:1.85}.article-body p{margin:0 0 23px}.article-body>p:first-child{font-size:19px;line-height:1.8;color:#423b30}.article-body h2{font-size:29px;line-height:1.3;margin:43px 0 18px;scroll-margin-top:24px}.article-body h3{font-size:20px;margin:30px 0 12px}.article-body ul,.article-body ol{padding-left:23px;margin:0 0 24px}.article-body li{padding-left:5px;margin:7px 0}.article-body a{color:#8a5908;text-decoration:underline;text-underline-offset:3px}.article-body table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6}.article-body td,.article-body th{text-align:left;vertical-align:top;padding:13px 17px;border-bottom:1px solid #e4ddcf}.article-body th{background:#f1e8d7;font-weight:600}.article-body td:first-child{font-weight:600;width:37%}.article-body tr:nth-child(even){background:#faf7ef}.article-body figure{margin:25px 0 32px;overflow:auto;border:1px solid #e4ddcf;border-radius:5px}.article-body blockquote{border-left:3px solid #ba8832;margin:25px 0;padding:10px 25px;background:#f7f0e4}.article-end{margin-top:35px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px}.related{border-top:1px solid var(--line);padding-top:30px;margin:50px 0}.related>h2{font-size:30px;margin:0 0 24px}.related .grid h3{font:23px/1.3 Georgia,serif;margin:5px 0}.related .photo{aspect-ratio:1.6}.article-body img{max-width:100%;height:auto}html{scroll-behavior:smooth}
@media(max-width:850px){header nav{gap:18px}.article-hero{gap:26px}.article-hero h1{font-size:37px}.article-portrait img{height:340px}.reader-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}}
@media(max-width:650px){header .wrap{justify-content:space-between;padding:0;min-height:83px}header .logo{width:250px;max-width:70vw}.menu-toggle{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid var(--line);padding:7px 10px;border-radius:4px;font-size:12px}header nav{display:none;align-items:stretch;gap:0;flex-direction:column;padding:0 0 14px}header nav.is-open{display:flex}header nav a{padding:10px 4px;border-top:1px solid var(--line)}.article-hero{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-top:4px;padding-bottom:26px}.article-hero h1{font-size:36px;line-height:1.16;letter-spacing:-.8px}.article-hero .dek{font-size:16px}.article-portrait{max-width:100%}.article-portrait img{height:auto;max-height:440px;object-fit:contain;background:#eee8de}.reader-layout{display:block;padding-top:24px}.contents{position:static;border:1px solid var(--line);border-radius:5px;background:#faf6ed;padding:15px 18px;margin-bottom:27px}.contents summary{cursor:pointer;display:flex;justify-content:space-between}.contents summary:after{content:'+';font-size:18px}.contents[open] summary:after{content:'−'}.contents ol{columns:1;margin-bottom:0}.contents li{font-size:13px}.article-body{font-size:16px;line-height:1.85}.article-body>p:first-child{font-size:18px}.article-body h2{font-size:27px;margin-top:35px}.article-body td,.article-body th{padding:11px}.related .grid{grid-template-columns:1fr 1fr}.related .card:last-child{display:none}.breadcrumbs{font-size:11px;margin:20px 0}.article-end{line-height:1.7}}

/* Minimal article-first header and homepage. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
header .wrap{justify-content:space-between;padding-top:6px;min-height:80px}header .logo{width:280px;max-width:75vw}.header-actions{display:flex;align-items:center;gap:8px}.search-toggle,.menu-toggle{align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:5px;background:#fff;color:#292620}.search-toggle{display:flex}.header-search{order:3;display:flex;gap:8px;width:100%;padding:6px 0 16px}.header-search .search{flex:1;min-width:0}.header-search input{height:46px}.search-submit{border:0;border-radius:5px;padding:0 20px;background:#292620;color:white;font-size:13px}#articles{padding-top:25px;scroll-margin-top:20px}.header-search[hidden]{display:none!important}
@media(max-width:650px){header .wrap{min-height:82px;padding:0}header .logo{max-width:calc(100vw - 145px);width:280px}.menu-toggle{display:flex}.header-actions{gap:6px}.search-toggle,.menu-toggle{width:38px;height:38px}header nav{order:2}.header-search{order:3;padding-top:5px}.header-search .search{width:auto}#articles{padding-top:20px}}

/* WordPress integration */
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.brand{line-height:0}.custom-logo-link{display:block}.custom-logo{width:280px;max-width:75vw;height:auto}.logo{height:auto}.nav-list{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.nav-list li{padding:0;margin:0}.nav-list .current-menu-item>a,.nav-list .current-cat>a{color:#95600a;text-decoration:underline;text-underline-offset:7px}.site-header nav{width:100%}.search-form{display:flex;gap:8px;width:100%}.search-form .search{flex:1;min-width:0}.search-form input{height:46px}.footer-links{list-style:none;display:flex;gap:16px;flex-wrap:wrap;padding:0;margin:0}.pagination{margin:38px 0 44px;text-align:center}.pagination ul{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;list-style:none;padding:0}.pagination a,.pagination span{display:block;padding:8px 13px;border:1px solid var(--line);border-radius:4px;font-size:13px}.pagination .current{background:#25231f;color:white}.archive-heading h1{font-size:30px;margin:0 0 15px}.archive-description{max-width:760px;font-size:15px;color:var(--muted);margin:0 0 26px}.archive-description p{margin:0 0 12px}.archive-heading:has(.screen-reader-text){margin:0}.page-wrap{max-width:790px;padding-top:35px;padding-bottom:45px;min-height:55vh}.page-wrap h1{margin:0 0 28px}.reader-layout{display:block;max-width:730px;margin:auto}.reader-layout.has-toc{display:grid;max-width:none}.article-hero.no-portrait{display:block;max-width:800px}.article-hero.no-portrait h1{max-width:760px}.article-body #story>p:first-child{font-size:19px;line-height:1.8;color:#423b30}.article-body .wp-block-image{border:0;background:transparent}.article-body .wp-block-image img{height:auto}.article-body .wp-caption{max-width:100%}.article-body figcaption{font-size:12px;color:var(--muted)}.article-body iframe{max-width:100%}.article-body .wp-block-embed__wrapper iframe{width:100%}.article-body .aligncenter{display:block;margin-left:auto;margin-right:auto}.article-body .alignleft{float:left;margin:0 20px 15px 0}.article-body .alignright{float:right;margin:0 0 15px 20px}.article-body:after{content:'';display:table;clear:both}.comments-area{border-top:1px solid var(--line);margin-top:36px;padding-top:15px}.comment-list{list-style:none;padding:0}.comment-body{margin-bottom:25px}.comment-author img{border-radius:50%;float:left;margin-right:12px}.comment-metadata{font-size:12px}.comment-form label{display:block;font-size:14px}.comment-form textarea{font:inherit;width:100%;border:1px solid #d6d0c5;border-radius:4px;padding:12px;min-height:130px}.comment-form input{padding:10px}.comment-form input[type=checkbox]{width:auto}.comment-form-cookies-consent{display:flex;gap:10px;align-items:baseline}.submit,.form-submit input{background:#25231f;color:white;border:0;border-radius:4px;padding:12px 22px;width:auto;cursor:pointer}.page-links{margin:20px 0}.site-footer{clear:both}.site-header .menu-toggle,.site-header .search-toggle{display:none}.ptb-js .site-header .search-toggle{display:flex}.bypostauthor>.comment-body{border-left:2px solid #c99537;padding-left:15px}.sticky .category:after{content:' · Featured'}
@media(max-width:650px){.custom-logo{max-width:calc(100vw - 145px);width:280px}.nav-list{display:block;width:100%}.site-header nav{display:flex}.ptb-js .site-header nav{display:none}.ptb-js .site-header nav.is-open{display:flex}.ptb-js .site-header .menu-toggle{display:flex}.reader-layout.has-toc{display:block}.reader-layout{padding-top:24px}.article-body .alignleft,.article-body .alignright{float:none;margin:20px 0}.footer-links{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 1.0.2: large stacked article cards, one per row. */
#articles>.grid,.related>.grid{display:flex;flex-direction:column;gap:42px;max-width:760px;margin:0 auto}
#articles .card,.related .card{width:100%;padding:0;border:0}
#articles .card>a,.related .card>a{display:block}
#articles .card .photo,.related .card .photo{width:100%;aspect-ratio:1.45;border-radius:6px}
.card-copy{min-width:0}.card-copy .category{margin:20px 0 10px;font-size:12px;letter-spacing:1.5px}
.card-copy h2{font-size:36px;line-height:1.22;overflow-wrap:break-word}
.card-copy .details{display:block;margin:16px 0 24px;font-size:17px;line-height:1.65}
.card-copy .read{font-size:15px}.related .card:last-child{display:block}
nav.pagination{display:block;width:100%;margin:32px auto 40px;max-width:920px}
nav.pagination ul.page-numbers{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}
nav.pagination li{margin:0;padding:0;list-style:none}
nav.pagination a.page-numbers,nav.pagination span.page-numbers{display:flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:9px 14px;border:1px solid #d5c9b4;border-radius:5px;font-size:14px;line-height:1.3;color:#332b20;background:#fff;text-decoration:none}
nav.pagination span.current{background:#25231f;border-color:#25231f;color:#fff;font-weight:700}
nav.pagination a:hover{background:#f4e9d5;color:#64420c;border-color:#ae7a21}
nav.pagination .dots{border-color:transparent;background:transparent;min-width:24px;padding:9px 4px}
.pagination-status{text-align:center;font-size:12px;color:var(--muted);margin:0 0 13px}
@media(max-width:650px){
#articles>.grid,.related>.grid{gap:42px}
#articles{padding-top:28px}
.card-copy h2{font-size:30px;line-height:1.25}
.card-copy .category{margin:20px 0 12px;font-size:11px}
.card-copy .details{font-size:16px;margin:16px 0 24px}
.card-copy .read{font-size:14px}
nav.pagination ul.page-numbers{gap:6px}
nav.pagination a.page-numbers,nav.pagination span.page-numbers{padding:9px 11px}
}