/*
 * FISCOWEB 2026
 * Internal Maquillage R4
 * Rubrica + Articolo
 *
 * Preview only.
 */

/* =========================================================
   STRUTTURA COMUNE PAGINE INTERNE
   ========================================================= */

.internal-intelligence{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:10px 0 0;
  padding:7px 12px;
  border-top:1px solid rgba(57,38,16,.38);
  border-bottom:1px solid rgba(57,38,16,.38);
  background:rgba(255,248,225,.10);
}

.internal-intelligence-copy{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:5px 10px;
}

.internal-intelligence strong{
  font-size:14px;
  letter-spacing:.025em;
}

.internal-intelligence span{
  font-size:11.5px;
  line-height:1.3;
  opacity:.76;
}

.internal-intelligence a{
  flex:0 0 auto;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}


/* =========================================================
   RUBRICA
   ========================================================= */

.category-page{
  max-width:1080px;
  margin:0 auto;
  padding:36px 42px 54px;
}

.category-page > .rubrica{
  margin-bottom:10px;
  font-size:11px;
  letter-spacing:.16em;
}

.category-page > h1{
  max-width:900px;
  margin:0 0 10px;
  font-size:clamp(48px,5.2vw,76px);
  line-height:.94;
  letter-spacing:-.025em;
}

.category-description{
  max-width:780px;
  margin:15px 0 20px;
  font-size:18px;
  line-height:1.45;
  font-style:italic;
}

.category-page > .article-rule{
  margin:23px 0 8px;
  border-top:3px double rgba(45,32,18,.72);
}

.category-articles{
  margin-top:4px;
}

.category-item{
  display:grid;
  grid-template-columns:145px minmax(0,1fr);
  column-gap:28px;
  padding:23px 0 25px;
  border-bottom:1px solid rgba(76,55,31,.52);
}

.category-item > .rubrica{
  grid-column:1;
  grid-row:1 / span 2;
  margin:5px 0 0;
  padding-top:5px;
  border-top:2px solid rgba(70,49,26,.65);
  font-size:10.5px;
  line-height:1.35;
}

.category-item h2{
  grid-column:2;
  margin:0 0 8px;
  max-width:790px;
  font-size:clamp(28px,2.6vw,39px);
  line-height:1.02;
  letter-spacing:-.018em;
}

.category-item h2 a{
  text-decoration:none;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}

.category-item h2 a:hover,
.category-item h2 a:focus-visible{
  text-decoration:underline;
}

.category-item > p:last-child{
  grid-column:2;
  max-width:760px;
  margin:0;
  font-size:15.5px;
  line-height:1.5;
}

.category-empty{
  padding:45px 20px;
  border-bottom:1px solid rgba(76,55,31,.52);
}


/* Metodo della rubrica: meno tecnico, più editoriale */

.rubric-method{
  margin:22px 0 24px;
}

.rubric-method summary{
  padding-top:12px;
  padding-bottom:12px;
}

.rubric-method-kicker{
  letter-spacing:.11em;
}

.rubric-method-summary{
  font-size:12.5px;
}


/* =========================================================
   ARTICOLO
   ========================================================= */

.article-page{
  max-width:900px;
  margin:0 auto;
  padding:38px 52px 28px;
}

.article-page > .rubrica{
  margin-bottom:11px;
  font-size:11px;
  letter-spacing:.15em;
}

.article-page > .rubrica a{
  text-decoration:none;
  border-bottom:1px solid rgba(74,52,28,.40);
}

.article-page h1{
  max-width:850px;
  margin:0 0 13px;
  font-size:clamp(46px,5vw,72px);
  line-height:.96;
  letter-spacing:-.026em;
}

.article-subtitle{
  max-width:780px;
  margin:0 0 17px;
  font-size:20px;
  line-height:1.38;
}

.article-meta{
  margin:11px 0 15px;
  padding-top:9px;
  border-top:1px solid rgba(76,55,31,.40);
  font-size:10.5px;
  letter-spacing:.09em;
}

.article-ai{
  margin:12px 0 16px;
  padding:8px 11px;
  border-left:3px solid rgba(79,57,32,.58);
  background:rgba(255,248,225,.13);
  font-size:11.5px;
  line-height:1.4;
  font-style:italic;
}

.article-page > .article-rule{
  margin:20px 0 25px;
  border-top:3px double rgba(45,32,18,.72);
}

.article-body{
  max-width:760px;
  margin:0 auto;
  font-size:18px;
  line-height:1.62;
}

.article-body p{
  margin-bottom:20px;
}

.article-body p:first-child:first-letter{
  font-size:64px;
  line-height:.76;
  padding:8px 9px 0 0;
}

.article-body h2{
  margin:34px 0 12px;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.015em;
}

.article-body h3{
  margin:28px 0 10px;
  font-size:23px;
  line-height:1.12;
}

.article-source{
  max-width:760px;
  margin:35px auto 0;
  padding:16px 18px;
  border-top:2px solid rgba(69,48,25,.68);
  border-bottom:1px solid rgba(69,48,25,.38);
  background:rgba(255,248,225,.13);
  font-size:13px;
  line-height:1.5;
}

.article-source > strong{
  font-size:11px;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.article-source-item + .article-source-item{
  margin-top:12px;
  padding-top:12px;
  border-top:1px dotted rgba(69,48,25,.38);
}

.article-source a{
  font-weight:700;
  text-underline-offset:3px;
}

.article-footer{
  max-width:760px;
  margin:34px auto 0;
  padding-top:14px;
  font-size:13px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:700px){

  .internal-intelligence{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .category-page{
    padding:27px 18px 38px;
  }

  .article-page{
    padding:27px 18px 28px;
  }

  .category-page > h1,
  .article-page h1{
    font-size:clamp(38px,11vw,54px);
    line-height:.98;
  }

  .category-description{
    font-size:16px;
  }

  .category-item{
    display:block;
    padding:21px 0;
  }

  .category-item > .rubrica{
    display:inline-block;
    margin-bottom:8px;
    padding-top:4px;
  }

  .category-item h2{
    font-size:28px;
  }

  .article-subtitle{
    font-size:18px;
  }

  .article-body{
    font-size:17px;
    line-height:1.58;
  }

  .article-body p:first-child:first-letter{
    font-size:56px;
  }
}


/* =========================================================
   FISCOWEB 2026 - R6
   Rifinitura visiva dopo confronto screenshot
   ========================================================= */

/* Firma Intelligence coerente con la home M4 */

.internal-intelligence{
  display:grid;
  grid-template-columns:29px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  padding:6px 12px;
  min-height:38px;
}

.internal-intelligence-mark{
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border:1px solid rgba(48,31,12,.60);
  border-radius:50%;
  font-family:Georgia,serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
}

.internal-intelligence-copy{
  display:flex;
  flex-direction:row;
  align-items:baseline;
  flex-wrap:wrap;
  column-gap:9px;
  row-gap:1px;
}


/* Articolo: autorevole ma non manifesto */

.article-page{
  max-width:960px;
}

.article-page h1{
  max-width:900px;
  font-size:clamp(42px,4.2vw,62px);
  line-height:.98;
  letter-spacing:-.022em;
}

.article-subtitle{
  max-width:800px;
}


/* Smartphone */

@media(max-width:700px){

  .internal-intelligence{
    grid-template-columns:29px 1fr;
    padding:7px 6px;
  }

  .internal-intelligence-copy{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:1px;
  }

  .internal-intelligence > a{
    grid-column:2;
    margin-top:2px;
  }

  .article-page h1{
    font-size:clamp(36px,10.5vw,50px);
    line-height:1;
  }
}