/* Gay, Explained (gayexplained.com) — Pico CSS theme (editorial book microsite) */
:root{
  --amber:#E0913B;
  --amber-dark:#B86E20;
  --brown:#8b5000;
  --ink:#1A1A1A;
  --heading:#1e1b18;
  --body:#2B2B2B;
  --muted:#6E6A63;
  --surface:#FFFFFF;
  --cream:#F6EFE2;
  --background:#FFFDFA;
  --border:#E5DCCB;
  --dark:#34302C;
  --pico-primary:#B86E20;
  --pico-primary-hover:#8b5000;
  --pico-primary-background:#E0913B;
  --pico-font-family:'Open Sans',system-ui,sans-serif;
  --pico-border-radius:6px;
}
html{font-size:17px;}
body{font-family:'Open Sans',system-ui,sans-serif;color:var(--body);background:var(--background);line-height:1.7;}
h1,h2,h3,h4,h5,h6{font-family:'Playfair Display',Georgia,serif;color:var(--heading);font-weight:700;line-height:1.25;}
.site-main{min-height:60vh;}
.container{max-width:1080px;}
.site-content{padding:30px 0 60px;}
/* comfortable reading measure for article/static pages */
.site-article{max-width:760px;margin-left:auto;margin-right:auto;}
img{max-width:100%;height:auto;}

/* ---------- Header / nav (light, book-like) ---------- */
.site-header{background:var(--surface);position:sticky;top:0;z-index:60;border-bottom:1px solid var(--border);box-shadow:0 1px 6px rgba(26,26,26,.05);}
.site-nav{display:flex;align-items:center;flex-wrap:wrap;padding:.5rem 0;}
.site-brand{color:var(--brown) !important;text-decoration:none;font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:24px;letter-spacing:.01em;margin-right:auto;}
.site-nav-list{display:flex;flex-wrap:wrap;align-items:center;gap:2px;list-style:none;margin:0;padding:0;}
.site-nav-list li{margin:0;}
.site-nav-link{color:var(--body) !important;text-decoration:none;font-weight:600;padding:8px 14px;border-radius:4px;display:block;font-size:15px;}
.site-nav-link:hover{color:var(--amber-dark) !important;background:var(--cream);}
.site-nav-cb{display:none;}
.site-nav-burger{display:none;color:var(--brown);font-size:26px;cursor:pointer;margin-left:auto;}
.site-has-dropdown{position:relative;}
.site-dropdown{display:none;position:absolute;left:0;top:100%;min-width:220px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 24px rgba(26,26,26,.14);padding:6px 0;list-style:none;margin:0;z-index:70;}
.site-has-dropdown:hover .site-dropdown,.site-has-dropdown:focus-within .site-dropdown{display:block;}
.site-dropdown li a{display:block;padding:8px 16px;color:var(--body);text-decoration:none;}
.site-dropdown li a:hover{background:var(--cream);color:var(--amber-dark);}
@media(max-width:900px){
  .site-nav-burger{display:block;}
  .site-nav-list{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;}
  .site-nav-cb:checked ~ .site-nav-list{display:flex;}
  .site-dropdown{position:static;display:block;box-shadow:none;border:none;padding-left:14px;}
}

/* ---------- Hero (cream band, serif) ---------- */
.site-hero{background:var(--cream);color:var(--heading);padding:56px 0;border-bottom:1px solid var(--border);}
.site-hero-title{color:var(--heading);font-size:46px;font-weight:700;margin:0 0 10px;letter-spacing:-.01em;}
.site-hero-tagline{color:var(--muted);font-size:20px;max-width:760px;font-style:italic;}

/* ---------- Prose / article ---------- */
.site-homepage,.site-listing{max-width:860px;margin-left:auto;margin-right:auto;}
.site-block-heading{font-size:30px;font-weight:700;margin:34px 0 16px;padding-bottom:10px;position:relative;}
.site-block-heading::after{content:"";display:block;width:54px;height:3px;background:var(--amber);margin-top:12px;}
h3.site-block-heading,h4.site-block-heading{font-size:20px;color:var(--brown);}
h3.site-block-heading::after,h4.site-block-heading::after{display:none;}
.site-prose{margin:0 0 18px;font-size:18px;}
.site-prose-list{margin:0 0 18px 22px;}
.site-prose-list li{margin-bottom:6px;}
.site-separator{border:none;border-top:1px solid var(--border);margin:30px 0;}
.site-article{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:34px 40px;}
.site-article-title{font-size:34px;margin:0 0 18px;}
.site-article-summary{font-size:19px;color:var(--muted);border-left:4px solid var(--amber);padding-left:18px;font-style:italic;}
.site-article-dates{color:var(--muted);font-size:14px;}
.site-article-image{float:right;max-width:38%;margin:0 0 16px 22px;border-radius:8px;}
.site-article-grid{grid-template-columns:1fr 3fr;gap:2rem;max-width:1080px;margin:0 auto;}

/* scoped content link styling */
.site-prose a,.site-prose-list a,.site-prose-body a,.site-card-excerpt a,.site-category-intro a{
  color:var(--amber-dark);text-decoration:underline;text-decoration-color:rgba(224,145,59,.5);
}
.site-prose a:hover,.site-prose-list a:hover,.site-prose-body a:hover{color:var(--brown);text-decoration-color:var(--brown);}

/* ---------- Cards / listing ---------- */
.site-card-grid{margin-top:20px;}
.site-cols-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));}
.site-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:22px;margin:0;transition:box-shadow .18s ease,transform .18s ease;}
.site-card:hover{box-shadow:0 12px 28px rgba(26,26,26,.10);transform:translateY(-2px);}
.site-card-title{font-size:19px;margin:0 0 8px;font-weight:700;}
.site-card-title a{color:var(--heading);text-decoration:none;}
.site-card-title a:hover{color:var(--amber-dark);}
.site-card-excerpt,.site-card-summary{color:var(--muted);font-size:15px;}
.site-card-more{display:inline-block;margin-top:10px;color:var(--amber-dark);font-weight:700;text-decoration:none;font-size:13px;letter-spacing:.04em;text-transform:uppercase;}
.site-card-more:hover{text-decoration:underline;}
.site-card--minimal{border:none;border-left:3px solid var(--amber);border-radius:0;}
.site-card-imglink img{border-radius:8px;width:100%;object-fit:cover;height:180px;}

/* ---------- Blockquote / figure / code ---------- */
.site-blockquote{border-left:4px solid var(--amber);background:var(--cream);margin:20px 0;padding:16px 22px;color:var(--body);font-style:italic;font-family:'Playfair Display',Georgia,serif;font-size:20px;border-radius:0 8px 8px 0;}
.site-blockquote cite{display:block;margin-top:10px;color:var(--heading);font-style:normal;font-weight:700;font-family:'Open Sans',sans-serif;font-size:15px;}
.site-figure{margin:20px 0;}
.site-figure figcaption{color:var(--muted);font-size:14px;margin-top:6px;}
.site-table-wrap{overflow-x:auto;}
.site-code{background:var(--dark);color:#f3ece4;padding:14px 16px;border-radius:8px;overflow-x:auto;}

/* ---------- ToC ---------- */
.site-toc{background:var(--cream);border:1px solid var(--border);border-radius:8px;padding:16px;}
.site-toc-title{font-weight:700;color:var(--heading);display:block;margin-bottom:8px;font-family:'Playfair Display',serif;}
.site-toc ul{margin:0;list-style:none;padding:0;}
.site-toc a{color:var(--amber-dark);text-decoration:none;}
.site-toc a:hover{text-decoration:underline;}
.site-toc-l3{padding-left:14px;}

/* ---------- Breadcrumbs ---------- */
.site-breadcrumbs{padding-top:16px;max-width:1080px;}
.site-breadcrumbs ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;}
.site-breadcrumbs a{color:var(--amber-dark);}
.site-bc-current{color:var(--muted);font-weight:600;}

/* ---------- Footer (cream band) ---------- */
.site-footer{background:var(--cream);color:var(--body);padding:46px 0 20px;margin-top:48px;border-top:1px solid var(--border);}
.site-footer h5,.site-footer-brand{color:var(--brown);font-family:'Playfair Display',serif;font-weight:700;font-size:22px;}
.site-footer-heading{color:var(--heading);font-weight:700;margin-bottom:8px;}
.site-footer-tagline{color:var(--muted);}
.site-footer-list{list-style:none;margin:0;padding:0;}
.site-footer-list a{color:var(--body);text-decoration:none;line-height:2;}
.site-footer-list a:hover{color:var(--amber-dark);}
.site-footer-bottom{border-top:1px solid var(--border);margin-top:18px;padding-top:14px;font-size:14px;color:var(--muted);}

@media(max-width:768px){.site-article-grid{grid-template-columns:1fr;}.site-hero-title{font-size:34px;}.site-article{padding:22px;}.site-article-image{float:none;max-width:100%;margin:0 0 14px;}}
@media print{.site-header,.site-footer,.site-nav-burger{display:none;}body{background:#fff;color:#000;}}