/*
Theme Name: Inchiostrati
Theme URI: https://inchiostrati.it/
Author: Valerio Villari
Description: Tema editoriale custom per Inchiostrati. Leggero, semantico, senza page builder.
Version: 0.2.0
Text Domain: inchiostrati
Requires at least: 6.8
Requires PHP: 8.1
*/
:root{--ink:#102231;--ink-soft:#2d3d47;--paper:#f4efe6;--paper-2:#ece4d8;--paper-3:#e4dacb;--text:#19242c;--muted:#667078;--line:rgba(16,34,49,.14);--accent:#8a5b3d;--max:1240px;--side:330px;--shadow:0 12px 34px rgba(28,31,31,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:Georgia,"Times New Roman",serif;line-height:1.65;text-rendering:optimizeLegibility}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration-thickness:.06em;text-underline-offset:.16em}a:hover{color:var(--accent)}button,input{font:inherit}.site-shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-topbar{border-bottom:1px solid var(--line);background:rgba(244,239,230,.96);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:.82rem}.site-topbar .site-shell{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-topbar__motto{font-family:Georgia,"Times New Roman",serif;font-style:italic}.site-topbar__links{display:flex;gap:18px}.site-topbar__links a{text-decoration:none}
.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.brand-wrap{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:40px;align-items:center;padding:36px 0 26px}.site-title{margin:0;font-size:clamp(3rem,6vw,5.6rem);line-height:.92;letter-spacing:-.045em;color:var(--ink);font-weight:700}.site-title a{text-decoration:none;color:inherit}.brand-lead{margin:.6rem 0 .15rem;font-size:clamp(1.25rem,2.1vw,1.9rem);line-height:1.15;color:var(--ink)}.brand-sub{margin:0;font-size:1.05rem;font-style:italic;color:var(--ink-soft)}.brand-art{min-height:180px;background:radial-gradient(circle at 25% 30%,rgba(138,91,61,.12),transparent 34%),linear-gradient(135deg,rgba(16,34,49,.05),rgba(255,255,255,.12));border-left:1px solid var(--line);position:relative;overflow:hidden}.brand-art::before{content:"";position:absolute;width:88px;height:88px;border-radius:50%;background:var(--ink);right:72px;top:38px;box-shadow:-34px 14px 0 -30px var(--ink),42px 28px 0 -36px var(--ink),-2px 52px 0 -38px var(--ink);opacity:.96}.brand-art::after{content:"inchiostro / carta / parola";position:absolute;right:22px;bottom:18px;font:600 .66rem/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}
.primary-nav{border-top:1px solid var(--line)}.primary-nav .site-shell{display:flex;align-items:center;gap:26px;min-height:58px}.primary-nav ul{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:34px}.primary-nav a{font-size:1.16rem;font-weight:700;text-decoration:none;color:var(--ink)}.nav-search{margin-left:auto}.nav-search form{display:flex;align-items:center;gap:8px}.nav-search input{width:170px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:8px 2px;color:var(--text);outline:none}.mobile-nav{display:none;margin-left:auto}.mobile-nav summary{cursor:pointer;font-family:system-ui,sans-serif;font-weight:700}.mobile-nav nav{position:absolute;left:20px;right:20px;z-index:30;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);padding:18px}.mobile-nav ul{display:grid;gap:10px}
.site-main{padding:28px 0 60px}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--side);gap:30px;align-items:start}.section{padding:24px 0;border-bottom:1px solid var(--line)}.section:last-child{border-bottom:0}.section-heading{display:flex;align-items:baseline;gap:16px;margin-bottom:18px}.section-heading h2{margin:0;color:var(--ink);font-size:clamp(1.9rem,3vw,2.8rem);line-height:1}.eyebrow{font:700 .68rem/1.2 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.section-intro{max-width:64ch;color:var(--muted)}
.featured-card{display:grid;grid-template-columns:minmax(260px,42%) 1fr;gap:28px;align-items:center}.featured-card__media{aspect-ratio:4/3;background:var(--paper-3);overflow:hidden}.featured-card__media img{width:100%;height:100%;object-fit:cover}.featured-card__body h3{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.08;margin:.4rem 0;color:var(--ink)}.featured-card__body p{font-size:1.08rem;color:var(--ink-soft)}.meta{font:700 .67rem/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.text-link{display:inline-flex;gap:8px;align-items:center;font-weight:700;color:var(--ink)}
.hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hub-card{padding:18px 16px 20px;border-top:3px solid var(--ink);background:rgba(255,255,255,.22)}.hub-card h3{font-size:1.55rem;margin:0 0 .3rem;color:var(--ink)}.hub-card p{margin:.4rem 0 1rem;color:var(--ink-soft);font-size:.96rem}.hub-card a{font-weight:700}
.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.mini-card{border:1px solid var(--line);background:rgba(255,255,255,.22);display:flex;flex-direction:column;min-width:0;overflow:hidden}.mini-card__media{display:block;width:100%;aspect-ratio:16/9;background:var(--paper-3);overflow:hidden;flex:0 0 auto}.mini-card__media img{width:100%;height:100%;object-fit:cover}.mini-card__body{padding:14px;display:flex;flex-direction:column;flex:1}.mini-card h3{font-size:1.1rem;line-height:1.25;margin:.2rem 0;color:var(--ink)}.mini-card p{font-size:.9rem;color:var(--muted);margin:.4rem 0 0}.mini-card h3 a{overflow-wrap:anywhere}
.sidebar{display:grid;gap:18px;position:sticky;top:18px;align-self:start}.side-box{background:rgba(255,255,255,.26);border:1px solid var(--line);padding:18px}.side-box h2{margin:0 0 .35rem;font-size:1.75rem;color:var(--ink);line-height:1.05}.side-box__sub{margin:0 0 14px;font:700 .66rem/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.side-list{list-style:none;margin:0;padding:0}.side-list li{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.side-list li:first-child{border-top:0}.side-list .num{font-size:1.2rem;color:var(--ink)}.side-list a{text-decoration:none;font-weight:700;line-height:1.25}.side-list small{display:block;color:var(--muted);font-family:system-ui,sans-serif;margin-top:2px}
.newsletter{margin-top:32px;position:relative;clear:both;padding:26px;background:linear-gradient(90deg,rgba(244,239,230,.95),rgba(244,239,230,.72)),radial-gradient(circle at 80% 50%,rgba(16,34,49,.18),transparent 38%);border:1px solid var(--line)}.newsletter h2{font-size:1.65rem;line-height:1.15;margin:0 0 .7rem;color:var(--ink)}.newsletter p{margin:.3rem 0 1rem;color:var(--ink-soft)}

.single-main-shell{
  width:min(calc(100% - 40px),1320px);
  margin-inline:auto;
}
.article-main{
  min-width:0;
  background:rgba(255,255,255,.22);
  border:1px solid var(--line);
  padding:clamp(24px,3vw,42px);
}
.article-header{max-width:920px}
.article-header h1{max-width:none}
.single-post .article-deck{max-width:78ch}
.single-post .entry-content{
  width:min(100%,760px);
  margin:2rem auto 0;
  font-size:1.1rem;
  line-height:1.72;
  text-align:left;
}
.single-post .entry-content > *{max-width:82ch}
.single-post .entry-content > figure,
.single-post .entry-content > .wp-block-image,
.single-post .entry-content > .wp-block-gallery,
.single-post .entry-content > .wp-block-embed,
.single-post .entry-content > .wp-block-table{
  max-width:100%;
}
.single-post .single-featured{max-width:920px;margin:0 0 2rem}.single-post .single-featured img{width:100%;height:auto}
.single-post .post-nav{max-width:920px}

.article-layout{
  display:grid;
  grid-template-columns:minmax(0,930px) 290px;
  gap:34px;
  align-items:start;
  justify-content:center;
}
.page-layout,.archive-layout,.search-layout,.notfound-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--side);gap:46px;align-items:start}.article-header{margin-bottom:28px}.article-header h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1;letter-spacing:-.035em;color:var(--ink);margin:.5rem 0 1rem}.article-deck{font-size:1.18rem;color:var(--ink-soft);max-width:62ch}.entry-content{font-size:1.08rem}.entry-content>*{max-width:72ch}.entry-content img,.entry-content figure{max-width:100%}.entry-content h2{font-size:2rem;line-height:1.1;color:var(--ink);margin-top:2.4rem}.entry-content h3{font-size:1.45rem;color:var(--ink);margin-top:2rem}.entry-content blockquote{margin:2rem 0;padding:1rem 1.4rem;border-left:4px solid var(--ink);background:rgba(255,255,255,.22);font-style:italic}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px;padding-top:22px;border-top:1px solid var(--line)}.post-nav a{text-decoration:none;font-weight:700}
.archive-header{padding:24px 0 18px;border-bottom:1px solid var(--line);margin-bottom:26px}.archive-header h1{font-size:clamp(2.3rem,4vw,4rem);line-height:1;color:var(--ink);margin:.3rem 0}.post-list{display:grid;gap:22px}.post-row{display:grid;grid-template-columns:220px 1fr;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.post-row__media{aspect-ratio:4/3;background:var(--paper-3);overflow:hidden}.post-row__media img{width:100%;height:100%;object-fit:cover}.post-row h2{font-size:1.75rem;line-height:1.08;margin:.3rem 0;color:var(--ink)}.post-row p{color:var(--muted)}
.site-footer{background:var(--ink);color:#f0eadf;margin-top:50px;padding:42px 0 26px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}.site-footer h2,.site-footer h3{margin-top:0;color:white}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.site-footer a{color:#f0eadf;text-decoration:none}.site-footer small{color:#c9c2b8}.footer-bottom{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);display:flex;justify-content:space-between;gap:20px;font-family:system-ui,sans-serif;font-size:.78rem}.pagination{margin-top:28px}.pagination .nav-links{display:flex;gap:10px;flex-wrap:wrap}.pagination a,.pagination span{padding:8px 12px;border:1px solid var(--line);text-decoration:none}.pagination .current{background:var(--ink);color:white}
@media(max-width:980px){.brand-wrap{grid-template-columns:1fr}.brand-art{display:none}.home-grid,.article-layout,.page-layout,.archive-layout,.search-layout,.notfound-layout{grid-template-columns:1fr}
  .single-main-shell{
    width:min(calc(100% - 40px),var(--max));
    padding-left:0;
  }
.sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.site-shell{width:min(calc(100% - 28px),var(--max))}.site-topbar__links{display:none}.brand-wrap{padding:26px 0 20px}.site-title{font-size:clamp(2.8rem,15vw,4.3rem)}.brand-lead{font-size:1.35rem}.primary-nav .desktop-menu,.nav-search{display:none}.mobile-nav{display:block}.featured-card{grid-template-columns:1fr}.hub-grid,.community-grid,.sidebar,.footer-grid{grid-template-columns:1fr}.post-row{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}


.single-post .article-header{
  max-width:none;
  margin:0 0 2rem;
}
.single-post .article-header h1{
  max-width:none;
}
.single-post .article-deck{
  max-width:72ch;
}
.single-post .single-featured{
  max-width:none;
  margin:0;
}
.single-post .single-featured img{
  width:100%;
  height:auto;
}
.single-post .entry-content > *{
  max-width:none;
}
.single-post .entry-content > figure,
.single-post .entry-content > .wp-block-image,
.single-post .entry-content > .wp-block-gallery,
.single-post .entry-content > .wp-block-embed,
.single-post .entry-content > .wp-block-table{
  max-width:100%;
}
.single-post .post-nav{
  width:min(100%,760px);
  margin:40px auto 0;
}

@media(max-width:980px){
  .single-main-shell{
    width:min(calc(100% - 40px),var(--max));
  }
  .article-layout{
    grid-template-columns:1fr;
  }
  .article-main{
    padding:clamp(20px,4vw,34px);
  }
}
@media(max-width:720px){
  .single-main-shell{
    width:min(calc(100% - 28px),var(--max));
  }
  .article-main{
    padding:20px 16px;
  }
  .single-post .entry-content{
    width:100%;
  }
}


/* Hub editoriali */
.hub-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--side);
  gap:46px;
  align-items:start;
}
.hub-main{min-width:0}
.hub-intro{
  padding:28px 0 34px;
  border-bottom:1px solid var(--line);
}
.hub-intro h1{
  margin:0 0 1rem;
  color:var(--ink);
  font-size:clamp(2.8rem,5vw,4.8rem);
  line-height:.95;
  letter-spacing:-.035em;
}
.hub-intro .entry-content{
  max-width:78ch;
  font-size:1.06rem;
}
.hub-intro .entry-content h2{
  font-size:1.55rem;
  margin-top:1.8rem;
}
.hub-clusters{
  display:grid;
  gap:34px;
  padding-top:32px;
}
.hub-cluster{
  padding-bottom:32px;
  border-bottom:1px solid var(--line);
}
.hub-cluster:last-child{border-bottom:0}
.hub-cluster__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:16px;
}
.hub-cluster__title{
  margin:0;
  color:var(--ink);
  font-size:2rem;
  line-height:1;
}
.hub-cluster__desc{
  margin:.35rem 0 0;
  color:var(--muted);
  max-width:65ch;
}
.hub-cluster__all{
  flex:0 0 auto;
  font-weight:700;
  text-decoration:none;
}
.hub-cluster__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.hub-story{
  display:flex;
  flex-direction:column;
  min-width:0;
  border:1px solid var(--line);
  background:rgba(255,255,255,.22);
  overflow:hidden;
}
.hub-story__media{
  display:block;
  aspect-ratio:16/9;
  background:var(--paper-3);
  overflow:hidden;
}
.hub-story__media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.hub-story__body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:14px;
}
.hub-story__body h3{
  margin:.35rem 0 .5rem;
  color:var(--ink);
  font-size:1.15rem;
  line-height:1.2;
}
.hub-story__body h3 a{overflow-wrap:anywhere}
.hub-story__body p{
  margin:.25rem 0 0;
  color:var(--muted);
  font-size:.92rem;
}
.hub-empty{
  padding:18px;
  border:1px dashed var(--line);
  color:var(--muted);
  background:rgba(255,255,255,.15);
}
.hub-more{
  margin-top:18px;
  display:flex;
  justify-content:flex-end;
}
.hub-more a{font-weight:700}
@media(max-width:980px){
  .hub-layout{grid-template-columns:1fr}
}
@media(max-width:720px){
  .hub-cluster__head{align-items:start;flex-direction:column}
  .hub-cluster__grid{grid-template-columns:1fr}
}


/* Temi */
.topic-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:.75rem 0 0;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:.78rem;
}
.topic-links__label{
  color:var(--muted);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
  padding:7px 0;
}
.topic-link{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.22);
  text-decoration:none;
  color:var(--ink);
  font-weight:700;
}
.topic-link:hover{background:rgba(255,255,255,.48)}

.topics-home{
  padding:28px 0;
  border-bottom:1px solid var(--line);
}
.topic-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.topic-card{
  display:block;
  padding:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.22);
  text-decoration:none;
}
.topic-card:hover{
  background:rgba(255,255,255,.42);
  color:inherit;
}
.topic-card h3{
  margin:0 0 .45rem;
  color:var(--ink);
  font-size:1.35rem;
  line-height:1.1;
}
.topic-card p{
  margin:0;
  color:var(--muted);
  font-size:.92rem;
}
.topic-card__count{
  display:block;
  margin-top:.8rem;
  font:700 .65rem/1.3 system-ui,sans-serif;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--muted);
}
.topics-page-header{
  padding:28px 0 30px;
  border-bottom:1px solid var(--line);
  margin-bottom:28px;
}
.topics-page-header h1{
  margin:.25rem 0 1rem;
  color:var(--ink);
  font-size:clamp(2.8rem,5vw,4.8rem);
  line-height:.95;
}
.topics-page-header p{
  max-width:70ch;
  color:var(--ink-soft);
  font-size:1.08rem;
}
.topic-taxonomy-intro{
  margin-bottom:26px;
  padding-bottom:24px;
  border-bottom:1px solid var(--line);
}
.topic-taxonomy-intro h1{
  margin:.3rem 0 .8rem;
  color:var(--ink);
  font-size:clamp(2.5rem,4.5vw,4.2rem);
  line-height:1;
}
.topic-taxonomy-intro p{
  max-width:70ch;
  color:var(--ink-soft);
  font-size:1.05rem;
}
@media(max-width:720px){
  .topic-grid{grid-template-columns:1fr}
}


/* Forma editoriale negli archivi tematici */
.content-form{
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ink);
}