@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; }
.breadcrumb-home { 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 3.5rem; }
.content-page > .content-block:first-child { padding-bottom: 1.75rem; }
.content-block + .content-block { padding-top:3.5rem; border-top:1px solid var(--line); }
.responsibility-card { padding:clamp(1.4rem,3vw,2rem); border:1px solid #cbe3e1; border-left:4px solid var(--blue); border-radius:12px; background:#f3fbfa; }
.responsibility-card h2 { margin-bottom:.65rem; }
.responsibility-card p { max-width:920px; margin-bottom:1rem; }
.responsibility-card .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; }
.responsibility-card .text-link:hover { color:#fff; border-color:var(--blue); background:var(--blue); }
.content-block + .responsibility-card { padding-top:1.5rem; border-top:1px solid var(--line); }
.content-block:has(+ .responsibility-card) { padding-bottom:1.75rem; }
.responsibility-card { margin-bottom:3rem; }
.content-page h2 { margin:0 0 .75rem; color:var(--navy); font-size:clamp(1.45rem,3vw,2.15rem); letter-spacing:-.035em; }
.content-page p { color:#4d6978; font-size:1rem; line-height:1.8; }
.principle-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-bottom:4rem; }
.principle-grid article { padding:1.35rem; border:1px solid var(--line); border-top:3px solid var(--aqua); border-radius:10px; }
.principle-grid span { color:var(--blue); font-size:.7rem; font-weight:700; letter-spacing:.1em; }
.principle-grid h2 { margin:.55rem 0 .45rem; font-size:1rem; }
.principle-grid p { margin:0; font-size:.88rem; }
.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}.principle-grid{grid-template-columns:1fr}}