/*
Theme Name: pinzaru.ro
Theme URI: https://www.pinzaru.ro
Author: Catalin Pinzaru
Description: Tema blogului pinzaru.ro, redesenată pentru 2026: layout fluid, fonturi găzduite local, header inspirat de placa de bază, compatibilă cu toate șabloanele existente.
Version: 2026.1
Requires at least: 6.0
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: pinzaru_ro
*/

/* ==========================================================
   1. Fonts (self-hosted, no third-party requests)
   Archivo: titles and interface. Source Serif 4: reading text.
   ========================================================== */
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-display:swap;
  src:url(assets/fonts/archivo-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-display:swap;
  src:url(assets/fonts/archivo-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;
  src:url(assets/fonts/source-serif-4-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;
  src:url(assets/fonts/source-serif-4-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;
  src:url(assets/fonts/source-serif-4-latin-ext-wght-italic.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;
  src:url(assets/fonts/source-serif-4-latin-wght-italic.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ==========================================================
   2. Tokens
   ========================================================== */
:root{
  --board:#7a0602;        /* the 2008 header red: footer, active states, buttons */
  --board-deep:#5c0402;
  --mask:#a3140b;         /* brighter red: hover, focus */
  --silk:#f4f1e8;         /* silkscreen white: text on board */
  --gold:#d9a441;         /* edge-connector gold: pads and markers only */
  --led:#e5322d;          /* power LED on the active menu item */
  --paper:#f7f5f4;
  --surface:#fff;
  --ink:#241a19;
  --muted:#6a5a58;
  --rule:#ddd2d0;
  --tint:#f4e7e5;
  --link:#a80f0a;
  --link-hover:#7a0602;
  --ui:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --read:"Source Serif 4",Georgia,"Times New Roman",serif;
  --mono:ui-monospace,"Cascadia Code","SF Mono",Menlo,Consolas,monospace;
  --page:1180px;
  --side:320px;
  --gap:56px;
  --radius:6px;
}

/* ==========================================================
   3. Base
   ========================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:72px}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--read);
  font-size:1.125rem;
  line-height:1.7;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  overflow-wrap:break-word;
}
img,video,canvas{max-width:100%;height:auto}
svg{max-width:100%}
iframe{max-width:100%;border:0}
iframe[src*="youtube"],iframe[src*="youtu.be"],iframe[src*="vimeo"]{width:100%;height:auto;aspect-ratio:16/9}
figure{margin:0 0 1.5em}
hr{border:0;border-top:1px solid var(--rule);margin:2em 0}

a,a:visited{color:var(--link);text-decoration:none}
a:hover{color:var(--link-hover);text-decoration:underline}
:focus-visible{outline:3px solid var(--mask);outline-offset:2px;border-radius:2px}
.site-header :focus-visible,.site-footer :focus-visible{outline-color:var(--gold)}

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:var(--silk);color:var(--board);clip:auto;clip-path:none;height:auto;width:auto;left:12px;top:12px;padding:12px 18px;z-index:100000;font:600 1rem var(--ui);border-radius:var(--radius)}
.skip-link:focus{position:fixed}

/* ==========================================================
   4. Header: the board
   ========================================================== */
.site-header{
  background:linear-gradient(90deg,#7a0602 50%,#6e0303 50%); /* edge colours of the original banner GIFs */
  color:var(--silk);
}
.banner{max-width:1000px;margin:0 auto;display:flex;align-items:stretch}
.brand{margin:0;flex:0 1 50%;min-width:0;line-height:0;font-size:1rem}
.brand-link{display:block;line-height:0}
.banner-left,.banner-right{display:block;width:100%;height:auto}
.banner-right{flex:0 1 50%;min-width:0;width:50%}
@media (max-width:560px){.banner-right{display:none}.brand{flex-basis:100%}.banner-left{max-width:500px}}

/* Gold contact pads, the one decorative device repeated top and bottom */
.edge-connector{
  height:14px;
  background:
    repeating-linear-gradient(90deg,var(--gold) 0 10px,transparent 10px 15px) 0 100%/100% 12px no-repeat,
    var(--board-deep);
  border-top:1px solid rgba(255,255,255,.08);
}

/* ==========================================================
   5. Navigation
   ========================================================== */
.navbar{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--rule)}
body.admin-bar .navbar{top:32px}
@media (max-width:782px){body.admin-bar .navbar{top:46px}}
.navbar-inner{max-width:var(--page);margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:16px}
.site-nav{flex:1 1 auto;min-width:0}
.site-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.site-nav li{margin:0;padding:0}
.site-nav a,.site-nav a:visited{
  display:block;position:relative;padding:15px 15px 13px;
  font:600 .95rem/1.2 var(--ui);color:var(--ink);text-decoration:none;
  border-bottom:3px solid transparent;
}
.site-nav a:hover{background:var(--tint);color:var(--board);border-bottom-color:var(--gold);text-decoration:none}
.site-nav .current_page_item>a,.site-nav .current-menu-item>a,.site-nav .current_page_ancestor>a,.site-nav .current-menu-ancestor>a{
  color:var(--board);border-bottom-color:var(--board);padding-left:28px;
}
.site-nav .current_page_item>a::before,.site-nav .current-menu-item>a::before,.site-nav .current_page_ancestor>a::before,.site-nav .current-menu-ancestor>a::before{
  content:"";position:absolute;left:13px;top:50%;width:8px;height:8px;margin-top:-5px;border-radius:50%;
  background:var(--led);box-shadow:0 0 0 3px rgba(229,50,45,.18),0 0 8px rgba(229,50,45,.7);
}
/* neutralise the old 2008 selector if a page still emits it outside the nav */
.current_page_item a{background:none}

.search-form{display:flex;align-items:center;margin:0;position:relative}
.search-form input[type=search]{
  width:230px;max-width:100%;padding:9px 40px 9px 14px;
  font:400 .95rem var(--ui);color:var(--ink);background:var(--paper);
  border:1px solid var(--rule);border-radius:var(--radius);
  -webkit-appearance:none;appearance:none;
}
.search-form input[type=search]::placeholder{color:var(--muted)}
.search-form input[type=search]:focus{background:#fff;border-color:var(--mask);outline:none;box-shadow:0 0 0 3px rgba(163,20,11,.25)}
.search-form button{
  position:absolute;right:2px;top:2px;bottom:2px;width:36px;display:grid;place-items:center;
  background:none;border:0;color:var(--board);cursor:pointer;border-radius:4px;padding:0;
}
.search-form button:hover{background:var(--tint)}
.search-form-inline{margin:1rem 0}
.search-form-inline input[type=search]{width:100%;max-width:420px}

.nav-toggle{display:none;align-items:center;gap:10px;padding:12px 4px;background:none;border:0;font:600 .95rem var(--ui);color:var(--ink);cursor:pointer}
.nav-toggle-bars,.nav-toggle-bars::before,.nav-toggle-bars::after{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:transform .15s}
.nav-toggle-bars::before,.nav-toggle-bars::after{content:"";position:absolute;left:0}
.nav-toggle-bars::before{top:-6px}.nav-toggle-bars::after{top:6px}
.nav-toggle.is-open .nav-toggle-bars{background:transparent}
.nav-toggle.is-open .nav-toggle-bars::before{transform:translateY(6px) rotate(45deg)}
.nav-toggle.is-open .nav-toggle-bars::after{transform:translateY(-6px) rotate(-45deg)}

@media (max-width:860px){
  .navbar-inner{flex-wrap:wrap;padding:0 16px;gap:0 12px}
  .js .nav-toggle{display:inline-flex}
  .search-form{margin-left:auto;padding:8px 0}
  .search-form input[type=search]{width:min(46vw,230px)}
  .site-nav{order:3;flex-basis:100%}
  .js .site-nav{display:none}
  .js .site-nav.is-open{display:block;padding-bottom:8px}
  .site-nav ul{flex-direction:column}
  .site-nav a{border-bottom:0;border-left:3px solid transparent;padding:12px 12px 12px 14px}
  .site-nav a:hover{border-left-color:var(--gold)}
  .site-nav .current_page_item>a,.site-nav .current-menu-item>a,.site-nav .current_page_ancestor>a,.site-nav .current-menu-ancestor>a{border-left-color:var(--board);padding-left:30px}
  .site-nav .current_page_item>a::before,.site-nav .current-menu-item>a::before,.site-nav .current_page_ancestor>a::before,.site-nav .current-menu-ancestor>a::before{left:14px}
}

/* ==========================================================
   6. Page frame
   ========================================================== */
#content{
  max-width:var(--page);margin:0 auto;padding:34px 24px 64px;
  display:flex;align-items:flex-start;gap:var(--gap);
}
.main-col,#contentleft,#homepage{flex:1 1 0;min-width:0}
#sidebar{flex:0 0 var(--side);width:var(--side);max-width:100%;min-width:0;font-size:1rem;line-height:1.55;font-family:var(--ui)}
@media (max-width:1000px){
  #content{flex-direction:column;gap:40px;padding:24px 16px 48px}
  #sidebar{flex:1 1 auto;width:100%;border-top:1px solid var(--rule);padding-top:32px}
}

.breadcrumb{font:400 .85rem/1.4 var(--ui);color:var(--muted);margin:0 0 22px;display:flex;flex-wrap:wrap;gap:2px 8px;align-items:center}
.breadcrumb a,.breadcrumb a:visited{color:var(--muted)}
.breadcrumb a:hover{color:var(--link-hover)}
.breadcrumb .sep{color:var(--rule)}
.breadcrumb [aria-current]{color:var(--ink)}

/* ==========================================================
   7. Articles and pages
   ========================================================== */
.entry-header,.archive-header{margin:0 0 26px}
.entry-title,#content h1{
  font:800 clamp(1.9rem,1.35rem + 2.1vw,2.85rem)/1.1 var(--ui);
  letter-spacing:-.015em;color:var(--ink);margin:0 0 .35em;
}
.entry-title a,#content h1 a,#content h1 a:visited{color:inherit}
.entry-meta,#content .date{margin:0;font:400 .9rem/1.4 var(--ui);color:var(--muted)}
.entry-meta .date,#content .date{float:none;width:auto}
#content .date p{margin:0}
.archive-description{color:var(--muted);font-family:var(--ui);margin-top:.5rem}
.query{color:var(--link)}

.entry-content{font-size:1.125rem}
.entry-content>*{margin-top:0}
.entry-content :where(p,ul,ol,blockquote,h2,h3,h4,h5,h6,pre,dl){max-width:70ch}
.entry-content p{margin:0 0 1.25em}
.entry-content :where(h2,h3,h4,h5,h6){font-family:var(--ui);font-weight:800;line-height:1.2;letter-spacing:-.01em;margin:1.9em 0 .6em;color:var(--ink)}
.entry-content h2{font-size:1.65rem}
.entry-content h3{font-size:1.35rem}
.entry-content h4{font-size:1.15rem}
.entry-content h5,.entry-content h6{font-size:1rem}
.entry-content a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(168,15,10,.4)}
.entry-content a:hover{text-decoration-color:currentColor}
.entry-content ul,.entry-content ol{padding-left:1.4em;margin:0 0 1.25em}
.entry-content li{margin:.3em 0}
.entry-content img{border-radius:4px}
.entry-content a img{border:0}
.entry-content figure,.entry-content .wp-caption{max-width:100%}
.entry-content strong,.entry-content b{font-weight:700}

blockquote{
  margin:1.6em 0;padding:.2em 0 .2em 1.3em;border:0;border-left:4px solid var(--gold);
  background:none;font-style:italic;color:#4a3a38;
}
blockquote p:last-child{margin-bottom:0}
#content blockquote p{padding:0}

pre,code,kbd,samp{font-family:var(--mono);font-size:.88em}
code{background:var(--tint);padding:.1em .4em;border-radius:3px}
pre{background:#2b1d1c;color:#f3e3e0;padding:16px 18px;border-radius:var(--radius);overflow:auto;line-height:1.55;margin:0 0 1.4em;tab-size:4}
pre code{background:none;padding:0;color:inherit;font-size:1em}
kbd{background:#fff;border:1px solid var(--rule);border-bottom-width:2px;border-radius:4px;padding:.05em .4em}

table{border-collapse:collapse;max-width:100%}
.entry-content table{display:block;overflow-x:auto;margin:0 0 1.5em;font-size:.95rem;line-height:1.45;font-family:var(--ui)}
th,td{padding:8px 12px;border:1px solid var(--rule);text-align:left;vertical-align:top}
th{background:var(--tint);font-weight:700}

/* WordPress alignment and caption classes */
.alignleft{float:left;margin:.3em 1.5em 1em 0}
.alignright{float:right;margin:.3em 0 1em 1.5em}
.aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center}
.alignnone{margin:0 0 1em}
.wp-caption{max-width:100%}
.wp-caption img{display:block}
.wp-caption-text,figcaption{font:400 .85rem/1.4 var(--ui);color:var(--muted);padding-top:6px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0 0 1.5em}
.gallery-item{margin:0}
.gallery-caption{font:400 .8rem var(--ui);color:var(--muted)}
.sticky{}
.entry-content::after,.clearfix::after{content:"";display:block;clear:both}
@media (max-width:600px){.alignleft,.alignright{float:none;display:block;margin:0 auto 1em}}

.entry-footer,.postmeta{
  clear:both;margin:2.2em 0 0;padding-top:1em;border-top:1px solid var(--rule);
  font:400 .9rem/1.5 var(--ui);color:var(--muted);width:auto;
}
.postmeta p{margin:0;padding:0}
.postmeta img{vertical-align:middle}
.entry-cats{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.entry-cats .label{margin-right:2px}
.entry-cats a,.entry-cats a:visited{
  display:inline-block;padding:3px 11px;border:1px solid var(--rule);border-radius:999px;
  background:var(--surface);color:var(--board);font-weight:600;text-decoration:none;
}
.entry-cats a:hover{background:var(--board);border-color:var(--board);color:var(--silk)}

.series{margin-top:2em}
.series-title{font:800 1.1rem/1.3 var(--ui);color:var(--ink);margin:0 0 .6em}
.series ul,.postmeta ul{list-style:none;margin:0;padding:0}
.series li,.postmeta ul li{position:relative;padding:5px 0 5px 20px;font-size:1rem;color:var(--ink)}
.series li::before,.postmeta ul li::before{content:"";position:absolute;left:0;top:.95em;width:8px;height:8px;background:var(--gold);border-radius:1px}

.post-navigation{margin:2.4em 0 0}
.post-navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.post-navigation .nav-next{grid-column:2;text-align:right}
.post-navigation .nav-previous{grid-column:1}
.post-navigation a{display:block;padding:14px 16px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink);text-decoration:none;height:100%}
.post-navigation a:hover{border-color:var(--board);text-decoration:none}
.nav-sub{display:block;font:400 .8rem var(--ui);color:var(--muted)}
.nav-title{display:block;font:700 1rem/1.3 var(--ui);margin-top:2px}
@media (max-width:600px){.post-navigation .nav-links{grid-template-columns:1fr}.post-navigation .nav-next{grid-column:1;text-align:left}}

/* ==========================================================
   8. Card grid (archives, search)
   ========================================================== */
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;margin:0}
.card-media{display:block;aspect-ratio:16/9;background:var(--board);overflow:hidden}
.card-media img{display:block;width:100%;height:100%;object-fit:cover}
.card-media img.is-placeholder{object-fit:cover}
.card-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.card-title{margin:0;font:700 1.2rem/1.25 var(--ui);letter-spacing:-.005em}
.card-title a,.card-title a:visited{color:var(--ink)}
.card-title a:hover{color:var(--link-hover);text-decoration:underline}
.card-meta{margin:0;font:400 .82rem var(--ui);color:var(--muted)}
.card-excerpt{margin:0;font:400 .98rem/1.55 var(--read);color:#4a3a38}
.card:first-child{grid-column:1/-1;flex-direction:row}
.card:first-child .card-media{flex:0 0 52%;aspect-ratio:auto;min-height:260px}
.card:first-child .card-title{font-size:1.6rem}
.card:first-child .card-body{justify-content:center;padding:24px 28px}
@media (max-width:760px){
  .card-grid{grid-template-columns:1fr}
  .card:first-child{flex-direction:column}
  .card:first-child .card-media{flex:none;aspect-ratio:16/9;min-height:0}
  .card:first-child .card-body{padding:16px 18px 20px}
  .card:first-child .card-title{font-size:1.3rem}
}

.pagination,.posts-navigation{margin:36px 0 0}
.nav-links{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--ui)}
.page-numbers,.pagination a,.pagination span{display:inline-block;padding:8px 14px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:600 .92rem/1 var(--ui);text-decoration:none}
a.page-numbers:hover{border-color:var(--board);text-decoration:none}
.page-numbers.current{background:var(--board);border-color:var(--board);color:var(--silk)}
.page-numbers.dots{border-color:transparent;background:none}

/* ==========================================================
   9. Home page
   ========================================================== */
.home-section{margin:0 0 44px}
.section-title,#homepage h2,#homepageright h2,#sidebar h2,.widget-title{
  position:relative;margin:0 0 16px;padding:0 0 10px 20px;
  font:800 1.15rem/1.25 var(--ui);letter-spacing:-.005em;color:var(--ink);
  background:none;border-bottom:2px solid var(--board);
}
.section-title::before,#homepage h2::before,#homepageright h2::before,#sidebar h2::before,.widget-title::before{
  content:"";position:absolute;left:0;top:.28em;width:10px;height:10px;background:var(--gold);border-radius:1px;
}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
.feature{margin:0;min-width:0}
.feature-media{display:block;margin:0 0 12px}
.feature-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);border:1px solid var(--rule);background:var(--board)}
.feature-title,#homepage h3.feature-title{margin:0 0 6px;padding:0;border:0;font:700 1.25rem/1.25 var(--ui)}
.feature-title a,.feature-title a:visited{color:var(--ink)}
.feature-title a:hover{color:var(--link-hover);text-decoration:underline}
.feature p{margin:0;font-size:1rem;line-height:1.6;color:#4a3a38}
.feature.is-lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0 28px;align-items:start}
.feature.is-lead .feature-media{grid-row:1/span 2;margin:0}
.feature.is-lead .feature-media img{aspect-ratio:4/3;width:100%;object-fit:cover}
.feature.is-lead .feature-title,#homepage h3.feature-title{align-self:start}
.feature.is-lead .feature-title{font-size:1.75rem}
.feature.is-lead p{font-size:1.05rem}
@media (max-width:760px){
  .feature-grid{grid-template-columns:1fr}
  .feature.is-lead{display:block}
  .feature.is-lead .feature-media{margin-bottom:12px}
  .feature.is-lead .feature-title{font-size:1.4rem}
}
.latest-posts-gallery{max-width:100%;overflow:hidden}
.latest-posts-gallery img{border-radius:var(--radius)}
.video-section iframe,.video-section .epyt-gallery{max-width:100%}

/* ==========================================================
   10. Legacy section pages and sidebars
   The 20 section templates and sidebar variants keep their markup;
   these rules make their old fixed-width classes fluid.
   ========================================================== */
#homepage{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);column-gap:40px;align-content:start}
#homepage>*{grid-column:1/-1;min-width:0}
#homepage>#homepageleft{grid-column:1}
#homepage>#homepageright{grid-column:2}
#homepageleft,#homepageright,#homepage2x{float:none;width:auto;padding:0;margin:0;min-width:0}
@media (max-width:760px){
  #homepage{display:block}
}
#homepage p{margin:0 0 .6em;padding:0;font-size:1rem;line-height:1.6}
#homepage p img{float:left;margin:4px 14px 8px 0;max-width:40%}
#homepage ul{list-style:none;margin:0 0 1.2em;padding:0}
#homepage ul li{position:relative;margin:0;padding:4px 0 4px 20px;font-size:1rem}
#homepage ul li::before{content:"";position:absolute;left:0;top:.9em;width:8px;height:8px;background:var(--gold);border-radius:1px}
#homepage h3{font:800 1.15rem/1.25 var(--ui);margin:0 0 .6em;padding:0 0 6px;border-bottom:1px solid var(--rule)}
#homepage h4,#sidebar h4,.featured2t h4,.featured2 h4{font:700 1.3rem/1.25 var(--ui);letter-spacing:-.005em;margin:0 0 .4em;padding:0}
#homepage h4 a,#homepage h4 a:visited,#sidebar h4 a,.featured2t h4 a,.featured2 h4 a{color:var(--ink)}
#homepage h4 a:hover,.featured2t h4 a:hover,.featured2 h4 a:hover{color:var(--link-hover);text-decoration:underline}
#homepage h5,.postmetal h5,.postmetar h5{font:700 1rem/1.3 var(--ui);color:var(--ink);margin:0 0 .5em;padding:0;background:none}

/* entries: open, divided by a rule */
.featured2,.featured2t,.featured2b,.featured190{
  float:none;width:auto;margin:0 0 30px;padding:0 0 26px;background:none;border:0;border-bottom:1px solid var(--rule);
}
.featured2:last-child,.featured2t:last-child{border-bottom:0}
/* boxed items */
.featured5,.featured3,.featuredsd,.featured0{
  float:none;width:auto;margin:0 0 24px;padding:16px 18px;background:var(--surface);
  border:1px solid var(--rule);border-radius:var(--radius);
}
.featured0{border-color:transparent;background:none;padding:0}
/* highlighted panels */
.featured,.episoda,.newsletter,.epidodb{
  float:none;width:auto;margin:0 0 24px;padding:16px 18px;background:var(--tint);
  border:0;border-left:4px solid var(--board);border-radius:0 var(--radius) var(--radius) 0;
}
.featuredwhite,.featuredfb,.featurefb{float:none;width:auto;margin:0 0 24px;padding:0;background:none;border:0}
.featured img,.featured2 img,.featured2t img,.featured2b img,.featured190 img,.featured5 img,.featured3 img,.featuredsd img,.featured0 img,.episoda img,.newsletter img{
  display:block;max-width:100%;height:auto;border-radius:4px;
}
.featured5 b,.featured3 b,.featuredsd b,.featured b,.featured2 b,.featured190 b,.sideleftd b,.episoda b{font-family:var(--ui);font-weight:700}
.featured5 p,.featuredsd p,.featured190 p,.featured p,.featured2 p,.featured2t p,.episoda p{margin:0 0 .6em;padding:0}
.featured5 a,.featuredsd a,.featured190 a,.featured a,.featured2 a,.featured2t a{text-decoration:none}
.featured5 b a,.featuredsd b a,.featured190 b a,.featured b a,.featured2 b a{color:var(--ink)}
.featured5 b a:hover,.featuredsd b a:hover,.featured190 b a:hover,.featured b a:hover,.featured2 b a:hover{color:var(--link-hover);text-decoration:underline}
.featured5 ul,.featuredsd ul,.featured ul{list-style:none;margin:.4em 0 1em;padding:0}
.featured5 li,.featuredsd li,.featured li{position:relative;padding:3px 0 3px 18px;margin:0;font-size:.95rem}
.featured5 li::before,.featuredsd li::before,.featured li::before{content:"";position:absolute;left:0;top:.8em;width:7px;height:7px;background:var(--gold);border-radius:1px}
.hppostmeta,.hppostmetabig{width:auto;padding:0 0 10px;margin:0 0 16px;border-bottom:1px solid var(--rule);font:400 .85rem var(--ui);color:var(--muted)}
.hppostmeta p,.hppostmetabig p{margin:0}
.postmetal,.postmetar{float:none;width:auto;display:block;margin:0 0 22px;padding:0;color:var(--ink)}

/* sidebar pieces */
#sidebar a,#sidebar a:visited{color:var(--link)}
#sidebar p{margin:0 0 .8em;padding:0}
#sidebar img{display:block;max-width:100%;height:auto;border-radius:4px}
#sidebar .featuredsd{margin-bottom:22px}
#sidebar h3,.posts h3{font:800 1.1rem/1.3 var(--ui);margin:0 0 .6em;padding:0 0 8px 20px;position:relative;border-bottom:2px solid var(--board);color:var(--ink)}
#sidebar h3::before,.posts h3::before{content:"";position:absolute;left:0;top:.28em;width:10px;height:10px;background:var(--gold);border-radius:1px}
#sidebar ul{list-style:none;margin:0 0 1em;padding:0}
.posts ul{margin:0 0 24px;padding:0}
.posts ul li,#sidebar ul li,.widget li{position:relative;margin:0;padding:6px 0 6px 18px;border-top:1px solid var(--rule);background:none}
.posts ul li:first-child,#sidebar ul li:first-child{border-top:0}
.posts ul li::before,#sidebar ul li::before,.widget li::before{content:"";position:absolute;left:0;top:1em;width:7px;height:7px;background:var(--gold);border-radius:1px}
#sidebar ul li a,#sidebar ul li a:visited{color:var(--ink)}
#sidebar ul li a:hover{color:var(--link-hover);text-decoration:underline}
#sidebar .featuredsd ul li{border-top:0;padding:3px 0 3px 18px}
.widget{margin:0 0 32px}
.widget ul{list-style:none;margin:0;padding:0}
.sideleft,.sideright,.sideleftd,.siderightd,.siderleftd{float:none;width:auto;padding:0;margin:0 0 20px;border:0;max-width:100%;overflow:hidden}
.advertisement{float:none;width:auto;max-width:100%;overflow:hidden;margin:0 0 20px;padding:0;border:0}
#the_iframe{width:100%}
.fb-like-box{max-width:100%;overflow:hidden}
#contentleft .archive{display:inline-block;vertical-align:top;width:calc(50% - 14px);margin:0 10px 20px 0;padding:0;float:none;font-family:var(--ui)}
@media (max-width:600px){#contentleft .archive{width:100%;margin-right:0}}

/* ==========================================================
   11. Comments
   ========================================================== */
#commentblock{
  clear:both;margin:48px 0 0;padding:28px 0 0;border-top:2px solid var(--board);
  float:none;width:auto;background:none;font-family:var(--ui);font-size:1rem;line-height:1.6;
}
.comments-title,#respond .comment-reply-title,.comment-reply-title{font:800 1.3rem/1.25 var(--ui);margin:0 0 18px;color:var(--ink)}
.commentlist,.commentlist .children{list-style:none;margin:0;padding:0}
.commentlist .children{margin-left:26px;padding-left:18px;border-left:2px solid var(--rule)}
.commentlist li{margin:0}
.comment-body{padding:18px 0;border-top:1px solid var(--rule)}
.commentlist>li:first-child>.comment-body{border-top:0}
.comment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px;margin-bottom:8px}
.comment-author{display:flex;align-items:center;gap:12px}
.comment-author .avatar{border-radius:50%;width:44px;height:44px;border:1px solid var(--rule)}
.comment-author .fn{font-weight:700;font-style:normal;color:var(--ink)}
.comment-author .says{display:none}
.comment-metadata{font-size:.82rem;color:var(--muted)}
.comment-metadata a,.comment-metadata a:visited{color:var(--muted)}
.comment-content{font:400 1.02rem/1.65 var(--read);color:var(--ink)}
.comment-content p{margin:0 0 .8em}
.comment-awaiting-moderation{display:block;color:var(--muted);font-style:italic;margin-bottom:6px}
.reply a,.reply a:visited{display:inline-block;margin-top:4px;font:600 .85rem var(--ui);color:var(--board)}
.bypostauthor>.comment-body .fn::after{content:"autor";margin-left:8px;padding:1px 8px;font:600 .7rem var(--ui);background:var(--board);color:var(--silk);border-radius:999px;vertical-align:middle}
.nocomments{color:var(--muted)}
#respond-intro{margin:24px 0 32px;padding:14px 16px;background:var(--tint);border-left:4px solid var(--board);border-radius:0 var(--radius) var(--radius) 0}
#respond-intro p{margin:0}
.comment-form{margin-top:12px}
.comment-form p{margin:0 0 16px}
.comment-form label{display:block;font-weight:600;margin-bottom:5px}
.comment-form .req{font-weight:400;color:var(--muted)}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea,
#name,#email,#url,#words{
  width:100%;max-width:560px;padding:10px 12px;font:400 1rem var(--ui);color:var(--ink);
  background:var(--surface);border:1px solid #cdbfbc;border-radius:var(--radius);
}
.comment-form textarea{max-width:100%;min-height:150px;resize:vertical}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--mask);outline:none;box-shadow:0 0 0 3px rgba(163,20,11,.25)}
.comment-form-cookies-consent{display:flex;align-items:flex-start;gap:10px}
.comment-form-cookies-consent label{margin:0;font-weight:400;font-size:.92rem}
.comment-form-cookies-consent input{margin-top:.3em}
.comment-form .submit,#submit{
  padding:12px 22px;font:700 1rem var(--ui);color:var(--silk);background:var(--board);
  border:0;border-radius:var(--radius);cursor:pointer;
}
.comment-form .submit:hover,#submit:hover{background:var(--mask)}

/* ==========================================================
   12. Footer
   ========================================================== */
.site-footer{background:var(--board);color:rgba(244,241,232,.86);margin-top:0;font-family:var(--ui)}
.site-footer .edge-connector{transform:scaleY(-1);border-top:0;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-inner{max-width:var(--page);margin:0 auto;padding:28px 24px 36px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px 40px;align-items:flex-start}
#footerleft,#footerright{float:none;width:auto;padding:0;margin:0}
.footer-brand{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:.95rem}
.footer-brand img{display:block}
.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:.92rem}
.site-footer a,.site-footer a:visited{color:var(--silk);text-decoration:underline;text-decoration-color:rgba(244,241,232,.35);text-underline-offset:3px}
.site-footer a:hover{color:#fff;text-decoration-color:var(--gold)}
#footerright{display:flex;flex-direction:column;gap:6px;align-items:flex-end;font-size:.92rem}
@media (max-width:600px){#footerright{align-items:flex-start}}

/* ==========================================================
   13. Print and motion
   ========================================================== */
@media print{
  .site-header,.navbar,#sidebar,.site-footer,.post-navigation,#commentblock,.breadcrumb{display:none!important}
  body{background:#fff;color:#000;font-size:11pt}
  #content{display:block;padding:0}
  a{color:#000;text-decoration:underline}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}