/*
Theme Name: Subbay9 Sample Index
Template: boone-local-theme
Description: Compact four-column thumbnail index. Child of Boone Local Catalog.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: subbay9
*/
:root{color-scheme:dark;--paper:#10151b;--surface:#171e27;--ink:#e6edf3;--muted:#9baaba;--line:#2b3745;--accent:#79d3e2;--link:#cab1f7}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.6;overflow-wrap:anywhere}a{color:var(--accent);text-underline-offset:4px}a:hover{color:#c2f3fa}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}img{max-width:100%;height:auto}.site-shell{width:min(100% - 48px,1440px);margin-inline:auto}.local-notice{padding:7px 20px;text-align:center;border-bottom:1px solid var(--line);background:#17222c;color:#aebdcc;font-size:11px}.site-header{display:flex;align-items:center;gap:24px;min-height:88px;border-bottom:1px solid var(--line)}.site-brand{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:25px;letter-spacing:-1px;font-weight:650;color:var(--ink);text-decoration:none;white-space:nowrap}.site-brand span{color:var(--accent)}.brand-index{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);border-left:1px solid var(--line);padding-left:22px}.site-nav{margin-left:auto;font-size:11px;white-space:nowrap}.site-nav a{text-decoration:none}.catalog-search{display:flex;align-items:center;gap:10px;width:300px;max-width:100%;margin:0}.catalog-search input{min-height:40px;width:100%;min-width:0;border:1px solid var(--line);border-radius:3px;padding:8px 11px;background:#0d1217;color:var(--ink);font:inherit;font-size:12px}.catalog-search input::placeholder{color:var(--muted);opacity:1}.catalog-search button{flex-shrink:0;white-space:nowrap;min-height:42px;padding:8px 10px;border:1px solid #497b87;border-radius:3px;background:transparent;color:var(--accent);font:inherit;font-size:12px;cursor:pointer}.catalog-search button:hover{background:#1b313b}.site-main{padding-block:27px 58px;min-height:65vh}.catalog-heading{display:flex;align-items:baseline;gap:24px;flex-wrap:wrap;margin-bottom:23px}.catalog-heading h1{margin:0;font-size:26px;line-height:1.2;font-weight:550;letter-spacing:-.035em}.catalog-heading p{margin:0;color:var(--muted);font-size:12px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;font-size:11px;color:var(--muted)}.catalog-toolbar>h2{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:550;margin:0}.catalog-toolbar .grid-hint{margin-left:auto}.catalog-entries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}.sample-card{min-width:0}.sample-image{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;border:1px solid var(--line);border-radius:3px;background:#080c10;overflow:hidden;text-decoration:none}.sample-image img{position:absolute;inset:0;display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.sample-image:hover{border-color:#72bdce}.image-placeholder{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;color:var(--muted)}.sample-copy{padding-top:9px}.sample-code{margin:0 0 3px;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:600;letter-spacing:.03em}.sample-title{margin:0 0 4px;font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.sample-title a{color:var(--ink);text-decoration:none}.sample-title a:hover{color:var(--accent);text-decoration:underline}.sample-filename{margin:0;color:var(--muted);font-size:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sample-actions{display:flex;justify-content:space-between;gap:10px;margin-top:7px;font-size:10px}.sample-actions a{text-decoration:none}.sample-actions a:hover{text-decoration:underline}.catalog-empty{color:var(--muted);padding-block:32px;margin:0}.catalog-pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:32px}.catalog-pagination .page-numbers{padding:6px 11px;border:1px solid var(--line);border-radius:3px;font-size:12px;text-decoration:none}.catalog-pagination .current{background:#213947;border-color:#497b87;color:#d1f3fa}.consent-note{padding-block:23px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.consent-note>span{display:block;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:10px;margin-bottom:7px}.consent-note p{max-width:1000px;margin:0}.site-footer{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);padding-block:23px;color:var(--muted);font-size:11px}.site-footer>span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink);font-size:14px}.site-footer p{margin:0}.site-footer>a{margin-left:auto;text-decoration:none}.catalog-back{display:inline-block;margin-bottom:24px;color:var(--muted);font-size:12px}.work-heading{display:block;margin-bottom:30px}.work-heading .eyebrow{color:var(--accent);font-size:10px;letter-spacing:.12em;margin-bottom:12px}.work-heading h1{font-size:clamp(28px,4vw,44px);line-height:1.2;max-width:980px}.work-detail{max-width:960px}.skip-link{position:absolute;top:-100px;left:20px;padding:12px;background:var(--paper);z-index:999999}.skip-link:focus{top:10px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(max-width:1099px){.catalog-entries{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-index{display:none}.site-header{gap:20px}}
@media(max-width:699px){.site-shell{width:calc(100% - 28px)}.site-header{flex-wrap:wrap;gap:13px 20px;padding-block:18px;min-height:0}.site-header .site-nav{margin-left:auto}.catalog-search{width:100%}.catalog-search input{font-size:16px}.site-main{padding-top:24px}.catalog-heading{gap:10px;margin-bottom:19px}.catalog-heading h1{font-size:24px}.catalog-entries{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 13px}.catalog-toolbar{gap:10px;font-size:10px}.catalog-toolbar .grid-hint{display:none}.sample-title{font-size:13px}.sample-filename{font-size:9px}.sample-actions{font-size:10px}.site-footer{flex-wrap:wrap;gap:10px 22px}.site-footer>a{margin-left:0}}
@media(max-width:359px){.catalog-entries{grid-template-columns:minmax(0,1fr)}.sample-title{font-size:15px}.sample-filename{font-size:11px}.catalog-toolbar>h2{font-size:10px}.site-brand{font-size:24px}}