/* pagine interne e note legali */
.page-top{background:var(--navy);color:var(--white);padding:56px 0 46px}
.page-top .crumbs{font-size:.84rem;margin-bottom:18px;color:#d6dde4}
.page-top .crumbs a{color:var(--white)}
.page-top h1{font-size:clamp(2rem,1.3rem + 3vw,3.6rem);margin:0;max-width:22ch}
.page-top p{margin:16px 0 0;max-width:60ch;font-size:1.05rem;color:#e9edf1}

.legal{padding:56px 0 80px}
.legal h2{font-size:1.25rem;color:var(--navy);margin:34px 0 10px}
.legal h2:first-child{margin-top:0}
.legal p,.legal li{font-size:.98rem}
.legal ul{padding-left:1.2em}

.prose{padding:60px 0 30px}
.prose .wrap{display:grid;gap:40px}
.prose h2{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem)}
.prose p{margin:0 0 1.1em}
.prose figure{margin:0;min-width:0}
.prose figure img{width:100%;aspect-ratio:4/3;object-fit:cover}
.prose figcaption{font-size:.84rem;color:var(--ink-soft);margin-top:8px}

.month-steps{padding:30px 0 60px}
.month-steps ol{list-style:none;margin:0;padding:0;counter-reset:mm}
.month-steps li{counter-increment:mm;display:grid;grid-template-columns:62px 1fr;gap:6px 18px;padding:28px 0;border-top:1px solid var(--line)}
.month-steps li:before{content:counter(mm,decimal-leading-zero);grid-row:span 3;font-size:2.2rem;line-height:1;color:var(--tan-dark)}
.month-steps h3{margin:0;color:var(--navy)}
.month-steps .data{font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);font-weight:700}
.month-steps p{margin:0}

.side-note{background:var(--mist);border-left:3px solid var(--tan);padding:22px 24px;margin:10px 0 30px;font-size:.96rem}
.side-note b{display:block;color:var(--navy);margin-bottom:4px}

.note-card{background:var(--white);border:1px solid var(--line);padding:26px 26px 22px;font-family:"Courier New",monospace;font-size:.92rem;line-height:1.7;max-width:560px;box-shadow:4px 4px 0 #e3ddd8}
.note-card .intest{font-family:"Arial",sans-serif;font-weight:700;color:var(--navy);margin-bottom:10px}

.two-col{display:grid;gap:26px;padding:10px 0 60px}
.two-col>div{border-top:2px solid var(--navy);padding-top:18px}
.two-col h3{color:var(--navy)}
.two-col p{margin:0 0 .9em;font-size:.96rem}

.form-page{padding:56px 0 80px;background:var(--mist)}
.form-page .wrap{display:grid;gap:36px}

@media (min-width:860px){
  .prose .wrap{grid-template-columns:1.5fr 1fr;gap:70px;align-items:start}
  .prose .wrap.rev{grid-template-columns:1fr 1.5fr}
  .two-col{grid-template-columns:1fr 1fr;gap:50px}
  .form-page .wrap{grid-template-columns:1fr 1.15fr;gap:80px}
}
