@import url('/calculator-base.css');
.page-intro { padding-top:clamp(1.35rem,3vw,2.5rem); }
.page-intro h1 { max-width:none; }
.page-intro > p:last-child { margin-top:1.25rem; }
.breadcrumb { align-items:center; margin-bottom:1.35rem; font-size:.8rem; }
.breadcrumb-home { display:inline-flex; align-items:center; gap:.3rem; text-decoration:none; }
.breadcrumb-home svg { width:.9rem; height:.9rem; flex:0 0 .9rem; }
.content-page { width:min(calc(100% - 2.5rem),1050px); margin:2.75rem auto 0; }
.content-block { max-width:none; padding:0 0 2rem; }
.content-page h2 { margin:0 0 .75rem; color:var(--navy); font-size:clamp(1.45rem,3vw,2.15rem); letter-spacing:-.035em; }
.content-page p { margin:0; color:#4d6978; font-size:1rem; line-height:1.8; }
.contact-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.contact-grid article { padding:1.35rem; border:1px solid var(--line); border-top:3px solid var(--aqua); border-radius:10px; }
.contact-grid span { color:var(--blue); font-size:.68rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.contact-grid h2 { margin:.55rem 0 .45rem; font-size:1rem; }
.contact-grid p { font-size:.88rem; }
.author-block { margin-top:4rem; padding-top:0; }
.project-link { display:inline-flex; margin-top:1rem; color:var(--blue); font-size:.82rem; font-weight:600; text-decoration:none; }
.project-link:hover { text-decoration:underline; }
.contact-note { margin:1.5rem 0 3rem; padding:clamp(1.4rem,3vw,2rem); border:1px solid #cbe3e1; border-left:4px solid var(--blue); border-radius:12px; background:#f3fbfa; }
.contact-note h2 { margin-bottom:.65rem; }
.contact-note p { max-width:920px; margin-bottom:1rem; }
.contact-note .text-link { display:inline-flex; align-items:center; min-height:2.35rem; padding:.45rem .75rem; border:1px solid #a7d8d3; border-radius:7px; background:#fff; text-decoration:none; }
.contact-note .text-link:hover { color:#fff; border-color:var(--blue); background:var(--blue); }
.text-link { color:var(--blue); font-size:.82rem; font-weight:600; }
.content-page p .text-link { font-size:inherit; }
@media(min-width:768px){.content-page{width:min(75%,1050px)}}
@media(max-width:700px){.content-page{margin-top:2.25rem}.contact-grid{grid-template-columns:1fr}.author-block{margin-top:2.75rem}}