/* BikeFVG Diario — newspaper index, shared article cards remain canonical. */
.bikefvg-diary-index { background:var(--wp--preset--color--panel,#f7f5ef); }
.bikefvg-diary-index__newspaper-section { padding-block:clamp(2.25rem,5vw,5rem); overflow:hidden; }
.bikefvg-diary-index__paper-shell { position:relative; }

/* Newspaper paper: same visual language used by the homepage Diario. */
.bikefvg-diary-index__paper {
 position:relative; isolation:isolate; box-sizing:border-box;
 padding:clamp(1.25rem,3vw,2.75rem);
 background:#f5f1e7 url('../images/diary-paper-grain.svg') repeat 0 0/180px 180px;
 border:1px solid #d7d3c9; border-radius:2px 2px 12px 5px;
 box-shadow:0 4px 8px #1e242014,0 20px 30px -20px #1e242066;
 color:var(--wp--preset--color--ink);
}
.bikefvg-diary-index__paper::before,.bikefvg-diary-index__paper::after {
 content:""; position:absolute; inset:-7px -4px 7px 7px; z-index:-1; pointer-events:none;
 background:#ebe7dd; border:1px solid #d7d3c9; transform:rotate(-.45deg);
}
.bikefvg-diary-index__paper::after { inset:-12px 5px 14px 14px; z-index:-2; transform:rotate(.32deg); }
@media(forced-colors:active){.bikefvg-diary-index__paper{background-image:none}.bikefvg-diary-index__paper::before,.bikefvg-diary-index__paper::after{display:none}}

/* Masthead. The title itself is the return to the unfiltered front page. */
.bikefvg-diary-index__masthead { border-top:2px solid currentColor; text-align:center; }
.bikefvg-diary-index__masthead > .bikefvg-eyebrow { margin:.85rem 0 .45rem; }
.bikefvg-diary-index__masthead-title { display:flex; align-items:center; justify-content:center; gap:.6rem; }
.bikefvg-diary-index__masthead h1 { margin:0; font-family:var(--wp--preset--font-family--display); font-size:clamp(2.4rem,6vw,4.9rem); line-height:.98; letter-spacing:-.05em; }
.bikefvg-diary-index__masthead h1 a { color:inherit; text-decoration:none; }
.bikefvg-diary-index__masthead h1 a:hover { text-decoration:underline; text-decoration-thickness:.055em; text-underline-offset:.12em; }
.bikefvg-diary-index__deck { max-width:58ch; margin:.75rem auto 1rem; color:var(--wp--preset--color--ink-secondary); font-size:clamp(.95rem,.91rem + .18vw,1.08rem); line-height:1.5; }
/* Same wheel used by the Diario on the homepage: same drawing and same 18 s rotation. */
.bikefvg-diary-index .bfvg-diary-wheel { position:static; display:block; flex:0 0 auto; width:clamp(1.8rem,4vw,3.35rem); height:clamp(1.8rem,4vw,3.35rem); color:var(--wp--preset--color--accent); pointer-events:none; }
.bikefvg-diary-index .bfvg-diary-wheel__spin { display:block; width:100%; height:100%; transform-origin:50% 50%; animation:bfvg-wheel-turn 18s linear infinite; }
@keyframes bfvg-wheel-turn { to { transform:rotate(360deg); } }

/* Five index tabs: paper markers on desktop, horizontal controls on smaller screens. */
.bikefvg-diary-index__edge-tabs { display:flex; gap:.4rem; margin:0 0 .75rem; overflow-x:auto; scrollbar-width:thin; }
.bikefvg-diary-index__edge-tab { display:flex; align-items:center; justify-content:center; flex:0 0 auto; min-height:2.85rem; padding:.58rem .92rem; border:1px solid #cfc9bd; border-bottom:0; border-radius:8px 8px 0 0; background:#e8e2d6; color:var(--wp--preset--color--ink); font-size:.82rem; font-weight:700; line-height:1.15; text-align:center; text-decoration:none; }
/* Il selezionato resta petrolio, ma come carta tinta e non come pulsante saturo. */
.bikefvg-diary-index__edge-tab.is-active { background:color-mix(in srgb,var(--wp--preset--color--accent) 64%,var(--wp--preset--color--paper)); border-color:color-mix(in srgb,var(--wp--preset--color--accent) 72%,var(--wp--preset--color--paper)); color:var(--wp--preset--color--ink); }
.bikefvg-diary-index__edge-tab:focus-visible,.bikefvg-diary-index__paper a:focus-visible { outline:3px solid var(--wp--preset--color--focus); outline-offset:3px; }
@media (min-width:75rem) {
 .bikefvg-diary-index__paper-shell { padding-right:7.6rem; }
 /* Le linguette sono le estensioni dei fogli arretrati: partono da SOTTO il
    foglio principale (z-index inferiore, il giornale le sovrasta e proietta
    la propria ombra su di esse) e sporgono a destra. Niente fessure, niente
    aspetto da pulsanti appoggiati. */
 .bikefvg-diary-index__edge-tabs {
  --bfvg-tab-tuck:1.1rem;
  position:absolute; z-index:0; right:.4rem; top:12.15rem; width:calc(7.2rem + var(--bfvg-tab-tuck)); margin:0;
  overflow:visible; flex-direction:column; align-items:flex-start; gap:0;
 }
 .bikefvg-diary-index__edge-tab {
  position:relative; box-sizing:border-box; width:100%; min-height:3.72rem; margin:0 0 -1px;
  padding:.74rem .8rem .74rem calc(var(--bfvg-tab-tuck) + .8rem);
  justify-content:flex-start; text-align:left;
  border:1px solid #cdc7ba; border-left:0; border-radius:0 9px 9px 0;
  background:#ebe7dd url('../images/diary-paper-grain.svg') repeat 0 0/180px 180px;
  box-shadow:1px 1px 0 #1e24200d, 2px 3px 4px -2px #1e242030;
  color:var(--wp--preset--color--ink);
  transition:background-color .16s ease,filter .16s ease;
 }
 .bikefvg-diary-index__edge-tab::before,.bikefvg-diary-index__edge-tab::after { content:none; }
 /* Leggerissime variazioni di lunghezza: come divisori di carta tagliati a mano. */
 .bikefvg-diary-index__edge-tab:nth-child(1) { width:calc(100% - .35rem); }
 .bikefvg-diary-index__edge-tab:nth-child(2) { width:100%; }
 .bikefvg-diary-index__edge-tab:nth-child(3) { width:calc(100% - .2rem); }
 .bikefvg-diary-index__edge-tab:nth-child(4) { width:calc(100% + .1rem); }
 .bikefvg-diary-index__edge-tab:nth-child(5) { width:calc(100% - .45rem); }
 @media (hover:hover) and (pointer:fine) {
  .bikefvg-diary-index__edge-tab:not(.is-active):hover { filter:brightness(.97); }
 }
 /* La linguetta attiva e tinta petrolio e sporge un po' di piu, come un divisore estratto. */
 .bikefvg-diary-index__edge-tab.is-active {
  width:calc(100% + .55rem); z-index:1; border-color:color-mix(in srgb,var(--wp--preset--color--accent) 72%,var(--wp--preset--color--paper));
  background:color-mix(in srgb,var(--wp--preset--color--accent) 64%,var(--wp--preset--color--paper));
  box-shadow:2px 3px 6px -2px #1e242050;
 }
}

/* First page. */
.bikefvg-diary-index__front-page { padding-top:clamp(1.25rem,2.8vw,2rem); }
.bikefvg-diary-index__front-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(16rem,.82fr); gap:clamp(1.25rem,2.5vw,2rem); }
.bikefvg-diary-index__front-side { display:grid; align-content:start; gap:1.25rem; border-left:1px solid #ccc8be; padding-left:clamp(1.1rem,2.2vw,1.75rem); }
.bikefvg-diary-index__front-story { min-width:0; }
.bikefvg-diary-index__front-side .bikefvg-diary-index__front-story + .bikefvg-diary-index__front-story { border-top:1px solid #ccc8be; padding-top:1.25rem; }
.bikefvg-diary-index__front-story-link { display:block; color:inherit; text-decoration:none; }
.bikefvg-diary-index__front-photo { display:block; width:100%; height:auto; aspect-ratio:1.8/1; object-fit:cover; margin:0 0 .85rem; }
.bikefvg-diary-index__front-story.is-lead .bikefvg-diary-index__front-photo { aspect-ratio:1.65/1; }
.bikefvg-diary-index__front-meta { display:flex; flex-wrap:wrap; align-items:center; gap:.35rem; margin:0 0 .5rem; color:var(--wp--preset--color--ink-secondary); font-size:.75rem; line-height:1.35; }
.bikefvg-diary-index__front-meta span { color:var(--wp--preset--color--accent); font-weight:800; }
.bikefvg-diary-index__front-meta b { font-weight:400; }
.bikefvg-diary-index__front-story :is(h2,h3) { margin:0 0 .55rem; font-family:var(--wp--preset--font-family--display); font-size:clamp(1.3rem,1.16rem + .5vw,1.6rem); line-height:1.1; letter-spacing:-.025em; text-wrap:balance; }
.bikefvg-diary-index__front-story.is-lead h2 { font-size:clamp(2rem,1.55rem + 1.8vw,3.4rem); line-height:1.01; letter-spacing:-.045em; }
.bikefvg-diary-index__front-copy > p:last-child { margin:.65rem 0 0; color:var(--wp--preset--color--ink-secondary); line-height:1.55; }
.bikefvg-diary-index__front-story-link:hover :is(h2,h3) { text-decoration:underline; text-underline-offset:.14em; }
.bikefvg-diary-index__front-story.is-text-only { border-top:.3rem solid var(--wp--preset--color--accent); padding-top:.85rem; }

/* Agenda and latest: compact horizontal newspaper strips. */
.bikefvg-diary-index__agenda,.bikefvg-diary-index__latest { border-top:2px solid currentColor; margin-top:clamp(1.5rem,3vw,2.25rem); padding-top:1rem; }
.bikefvg-diary-index__agenda { display:grid; grid-template-columns:auto 1fr; gap:1.4rem; align-items:start; }
.bikefvg-diary-index__agenda h2,.bikefvg-diary-index__latest h2 { margin:0; font-family:var(--wp--preset--font-family--display); font-size:1.15rem; line-height:1.15; }
.bikefvg-diary-index__agenda ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:0; padding:0; list-style:none; }
.bikefvg-diary-index__agenda li + li { border-left:1px solid #ccc8be; padding-left:1rem; }
.bikefvg-diary-index__agenda a { display:grid; gap:.25rem; color:inherit; text-decoration:none; }
.bikefvg-diary-index__agenda span { color:var(--wp--preset--color--accent); font-size:.78rem; font-weight:700; }
.bikefvg-diary-index__agenda strong { font-size:.92rem; line-height:1.3; }
.bikefvg-diary-index__agenda a:hover strong { text-decoration:underline; text-underline-offset:.12em; }
.bikefvg-diary-index__latest { display:grid; grid-template-columns:auto 1fr; gap:1.4rem; align-items:start; border-top-width:1px; }
.bikefvg-diary-index__latest ul { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:0; padding:0; list-style:none; }
.bikefvg-diary-index__latest li { min-width:0; padding-inline:1rem; border-left:1px solid #ccc8be; }
.bikefvg-diary-index__latest li:first-child { padding-left:0; border-left:0; }
.bikefvg-diary-index__latest a { display:grid; gap:.3rem; color:inherit; text-decoration:none; }
.bikefvg-diary-index__latest span { color:var(--wp--preset--color--accent); font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.03em; }
.bikefvg-diary-index__latest strong { font-size:.86rem; line-height:1.28; }
.bikefvg-diary-index__latest a:hover strong { text-decoration:underline; text-underline-offset:.12em; }

/* Archive title and search live together between two newspaper rules. */
.bikefvg-diary-index__archive { margin-top:clamp(1.6rem,3.2vw,2.5rem); transition:transform .14s ease-out; }
.bikefvg-diary-index.is-tab-updating .bikefvg-diary-index__paper { overflow-anchor:none; }
.bikefvg-diary-index.is-tab-entering .bikefvg-diary-index__archive { transform:translateY(4px); }
.bikefvg-diary-index__archive-tools { padding-block:clamp(1rem,1.8vw,1.35rem) clamp(1.15rem,2vw,1.5rem); border-block:1px solid currentColor; margin-bottom:1.4rem; }
#bikefvg-diary-results-title { scroll-margin-top:7rem; }
#bikefvg-diary-results-title:focus { outline:0; box-shadow:none; }
.bikefvg-diary-index__archive-head { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:.8rem; }
.bikefvg-diary-index__archive-head h2 { margin:0; font-family:var(--wp--preset--font-family--display); font-size:clamp(1.8rem,1.45rem + 1.3vw,2.75rem); line-height:1.03; letter-spacing:-.035em; }
.bikefvg-diary-index__archive-meta { display:flex; align-items:baseline; justify-content:flex-end; gap:1rem; flex-wrap:wrap; }
.bikefvg-diary-index__archive-meta p { margin:0; color:var(--wp--preset--color--ink-secondary); font-size:.875rem; white-space:nowrap; }
.bikefvg-diary-index__reset { font-size:.82rem; text-underline-offset:.2em; }
.bikefvg-diary-index__filters { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(12rem,.85fr) minmax(12rem,.85fr) auto; align-items:end; gap:.65rem; margin:0; }
.bikefvg-diary-index__filters label { display:grid; gap:.32rem; min-width:0; font-size:.78rem; font-weight:700; color:var(--wp--preset--color--ink-secondary); }
.bikefvg-diary-index__filters :is(input,select,button) { box-sizing:border-box; width:100%; min-height:2.75rem; border-radius:var(--wp--custom--radius--control); font:inherit; }
.bikefvg-diary-index__filters :is(input,select) { border:1px solid #cfc9bd; padding:.7rem .85rem; background:#fffdf8; color:var(--wp--preset--color--ink); font-size:.95rem; font-weight:400; }
.bikefvg-diary-index__filters select { padding-right:2.4rem; appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%231E2420' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right .8rem center; background-size:11px 7px; }
.bikefvg-diary-index__filters button { width:auto; min-width:8rem; border:0; padding:.72rem 1.15rem; background:var(--wp--preset--color--accent); color:#fff; font-weight:800; cursor:pointer; }

/* Canonical Diary card renderer; on the paper it loses the generic rounded-card appearance. */
.bikefvg-diary-index__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.bikefvg-diary-index__card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid var(--bfvg-line); border-radius:var(--bfvg-card-radius); background:var(--wp--preset--color--surface,#fff); }
.bikefvg-diary-index__paper .bikefvg-diary-index__card { border:0; border-top:1px solid #bbb6ac; border-radius:0; background:transparent; }
.bikefvg-diary-index__media { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; background:var(--wp--preset--color--panel); }
.bikefvg-diary-index__media > a { display:block; width:100%; height:100%; }
.bikefvg-diary-index__media img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
@media(hover:hover) and (pointer:fine){.bikefvg-diary-index__card:hover .bikefvg-diary-index__media img{transform:scale(1.015)}}
.bikefvg-diary-index__media .bikefvg-badge { position:absolute; top:.65rem; left:.65rem; max-width:calc(100% - 1.3rem); white-space:normal; box-sizing:border-box; }
.bikefvg-diary-index__body { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:var(--bfvg-card-padding); }
.bikefvg-diary-index__paper .bikefvg-diary-index__body { padding:1rem .15rem .25rem; }
.bikefvg-diary-index__body .bikefvg-eyebrow { margin-bottom:.45rem; }
.bikefvg-diary-index__body h3 { margin:0; font-family:var(--wp--preset--font-family--display); font-size:clamp(1.15rem,1.08rem + .25vw,1.35rem); line-height:1.16; letter-spacing:-.025em; hyphens:none; overflow-wrap:anywhere; }
.bikefvg-diary-index__body h3 a { color:inherit; text-decoration:none; }
.bikefvg-diary-index__body h3 a:hover { text-decoration:underline; text-underline-offset:.13em; }
.bikefvg-diary-index__event-range { margin:.65rem 0 0; font-size:.875rem; font-weight:700; color:var(--wp--preset--color--accent); }
.bikefvg-diary-index__context { margin:.6rem 0 0; color:var(--wp--preset--color--ink-muted); font-size:.8rem; }
.bikefvg-diary-index__excerpt { margin:.7rem 0 0; color:var(--wp--preset--color--ink-secondary); font-size:.88rem; line-height:1.5; }
.bikefvg-diary-index__body > .bikefvg-text-link { margin-top:auto; padding-top:.9rem; white-space:normal; }
.bikefvg-diary-index__card.is-text-only .bikefvg-diary-index__body { border-top:.25rem solid var(--wp--preset--color--accent); }

/* Kept for article recommendations and the regression renderer. */
.bikefvg-diary-index__spotlight-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.bikefvg-diary-index__spotlight-grid > :only-child { grid-column:1/-1; }
@media(min-width:64.01rem){
 .bikefvg-diary-index__card--spotlight{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
 .bikefvg-diary-index__card--spotlight.is-text-only{grid-template-columns:1fr}
 .bikefvg-diary-index__card--spotlight .bikefvg-diary-index__media{aspect-ratio:auto;min-height:17rem}
 .bikefvg-diary-index__card--spotlight .bikefvg-diary-index__media>a{position:absolute;inset:0}
}

.bikefvg-diary-index__pagination { margin-top:2rem; }
.bikefvg-diary-index__pagination ul { display:flex; flex-wrap:wrap; justify-content:center; gap:.45rem; margin:0; padding:0; list-style:none; }
.bikefvg-diary-index__pagination :is(a,span) { display:inline-flex; align-items:center; justify-content:center; min-width:2.75rem; min-height:2.75rem; padding:.45rem .7rem; border:1px solid #cfc9bd; border-radius:var(--wp--custom--radius--control); background:#fffdf8; color:var(--wp--preset--color--ink); text-decoration:none; }
.bikefvg-diary-index__pagination .current { background:var(--wp--preset--color--accent); color:#fff; border-color:var(--wp--preset--color--accent); }
.bikefvg-diary-index > .bikefvg-home-newsletter { margin:0; }

@media(max-width:64rem){
 .bikefvg-diary-index__front-grid{grid-template-columns:1.2fr .8fr}
 .bikefvg-diary-index__filters{grid-template-columns:1fr 1fr}
 .bikefvg-diary-index__filters label:first-of-type{grid-column:1/-1}
 .bikefvg-diary-index__filters button{width:100%}
 .bikefvg-diary-index__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bikefvg-diary-index__latest{grid-template-columns:1fr}
 .bikefvg-diary-index__latest ul{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1rem}
 .bikefvg-diary-index__latest li:nth-child(3){border-left:0;padding-left:0}
}
@media(max-width:40rem){
 /* Su smartphone le sezioni del Diario devono essere tutte visibili senza
    scorrimento orizzontale: la Prima pagina fa da indice, i quattro formati
    editoriali restano in una griglia compatta a due colonne. */
 .bikefvg-diary-index__edge-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.45rem;
  margin:0 0 1rem;
  overflow:visible;
  scrollbar-width:auto;
 }
 .bikefvg-diary-index__edge-tab{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:2.7rem;
  padding:.58rem .65rem;
  border:1px solid #cfc9bd;
  border-radius:7px;
  background:#e8e2d6 url('../images/diary-paper-grain.svg') repeat 0 0/180px 180px;
  white-space:normal;
 }
 .bikefvg-diary-index__edge-tab--front{grid-column:1/-1;}
 .bikefvg-diary-index__edge-tab.is-active{
  border-color:color-mix(in srgb,var(--wp--preset--color--accent) 72%,var(--wp--preset--color--paper));
  background:color-mix(in srgb,var(--wp--preset--color--accent) 64%,var(--wp--preset--color--paper));
 }
}

@media(max-width:47rem){
 .bikefvg-diary-index__newspaper-section{padding-block:1.5rem 2.5rem}
 .bikefvg-diary-index__paper{padding:1.05rem}
 .bikefvg-diary-index__front-grid{grid-template-columns:1fr}
 .bikefvg-diary-index__front-side{border-left:0;border-top:1px solid #ccc8be;padding:1.25rem 0 0}
 .bikefvg-diary-index__front-story.is-lead h2{font-size:clamp(1.8rem,8vw,2.65rem)}
 .bikefvg-diary-index__agenda{grid-template-columns:1fr}
 .bikefvg-diary-index__agenda ul{grid-template-columns:1fr}
 .bikefvg-diary-index__agenda li+li{border-left:0;border-top:1px solid #ccc8be;padding: .75rem 0 0}
 .bikefvg-diary-index__latest ul{grid-template-columns:1fr}
 .bikefvg-diary-index__latest li,.bikefvg-diary-index__latest li:nth-child(3){border-left:0;border-top:1px solid #ccc8be;padding:.65rem 0 0}
 .bikefvg-diary-index__latest li:first-child{border-top:0;padding-top:0}
 .bikefvg-diary-index__filters{grid-template-columns:1fr}
 .bikefvg-diary-index__filters label:first-of-type{grid-column:auto}
 .bikefvg-diary-index__archive-head{align-items:flex-start;flex-direction:column;gap:.5rem}
 .bikefvg-diary-index__archive-meta{justify-content:flex-start}
 .bikefvg-diary-index__grid,.bikefvg-diary-index__spotlight-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.bikefvg-diary-index__media img{transition:none}.bikefvg-diary-index__edge-tab,.bikefvg-diary-index__archive{transition:none}.bikefvg-diary-index .bfvg-diary-wheel__spin{animation:none}}

/* test.445 — Il blocco newsletter sotto il giornale si allinea ai FOGLI: a >=75rem lo shell
 * riserva 7.6rem a destra per le linguette, quindi il foglio e' piu' stretto del wrap.
 * La card newsletter usa lo stesso bordo sinistro del foglio e la stessa larghezza,
 * escludendo la fascia delle linguette. */
@media (min-width:75rem) {
 .bikefvg-diary-index .bikefvg-home-newsletter__inner {
  width:calc(min(var(--bfvg-content), 100% - 2 * var(--bfvg-gutter)) - 7.6rem);
  margin-left:calc((100% - min(var(--bfvg-content), 100% - 2 * var(--bfvg-gutter))) / 2);
  margin-right:auto;
 }
}

/* 0.8.96 — Newsletter del Diario autonoma dalla stylesheet della homepage.
 * /diario/ e' una route virtuale che WordPress puo' marcare come .home, ma non
 * deve scaricare i ~21 KB di bikefvg-home.css solo per questo blocco finale. */
.bikefvg-diary-index > .bikefvg-home-newsletter{
 background:var(--bfvg-soft);
 padding-block:clamp(2rem,4vw,3rem);
}
.bikefvg-diary-index .bikefvg-home-newsletter__inner{
 position:relative;
 isolation:isolate;
 padding:clamp(1.5rem,3vw,2.25rem) clamp(1.25rem,3vw,2.5rem);
 border:1px solid var(--bfvg-line);
 border-radius:14px;
 background:var(--wp--preset--color--panel) url('../images/diary-paper-grain.svg') repeat;
 background-size:180px 180px;
 box-shadow:0 2px 4px color-mix(in srgb,var(--wp--preset--color--ink) 7%,transparent),0 12px 24px -14px color-mix(in srgb,var(--wp--preset--color--ink) 32%,transparent);
}
.bikefvg-diary-index .bikefvg-home-newsletter__inner::before{
 content:"";
 position:absolute;
 inset:7px;
 z-index:-1;
 border:1px dashed color-mix(in srgb,var(--wp--preset--color--accent) 38%,transparent);
 border-radius:9px;
 pointer-events:none;
}
.bikefvg-diary-index .bikefvg-home-newsletter__head{display:flex;align-items:center;gap:1rem}
.bikefvg-diary-index .bikefvg-home-newsletter__titles{min-width:0}
.bikefvg-diary-index .bikefvg-home-newsletter__icon{
 flex:0 0 52px;display:grid;place-items:center;width:52px;height:52px;
 border-radius:50%;border:1.5px solid color-mix(in srgb,var(--wp--preset--color--accent) 70%,transparent);
 background:var(--wp--preset--color--paper);
}
.bikefvg-diary-index .bikefvg-home-newsletter__icon svg{
 width:24px;height:24px;fill:none;stroke:var(--wp--preset--color--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
}
.bikefvg-diary-index .bikefvg-home-newsletter__titles .bikefvg-eyebrow{margin:0;color:var(--wp--preset--color--accent)}
.bikefvg-diary-index .bikefvg-home-newsletter__titles h2{margin:.15rem 0 0;font-size:clamp(1.4rem,1.15rem + .9vw,1.85rem)}
.bikefvg-diary-index .bikefvg-home-newsletter__intro>p{margin-top:.85rem;max-width:52ch;color:var(--wp--preset--color--ink-secondary)}
.bikefvg-diary-index .bikefvg-home-newsletter__inner:has([data-reach-form]){align-items:start;grid-template-columns:minmax(0,1fr);gap:1rem}
.bikefvg-diary-index .bikefvg-home-newsletter__inner:has([data-reach-form])>p:empty,
.bikefvg-diary-index .bikefvg-home-newsletter__form:has([data-reach-form])>p:empty{display:none}
.bikefvg-diary-index .bikefvg-home-newsletter__form:has([data-reach-form]){display:block}
@media(min-width:64rem){
 .bikefvg-diary-index .bikefvg-home-newsletter__inner:has([data-reach-form]){grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);column-gap:2rem}
 .bikefvg-diary-index .bikefvg-home-newsletter__inner:has([data-reach-form])>.bikefvg-home-newsletter__intro{padding-top:.25rem}
}
@media(forced-colors:active){.bikefvg-diary-index .bikefvg-home-newsletter__inner{background-image:none}}