.core-page--responsible { background: #f7f5f0; }
.responsible-guide { width: min(calc(100% - 36px), 900px); margin: 0 auto; }
.calm-intro { max-width: 700px; margin-bottom: 4rem; font-size: 1.1rem; }
.boundary-meter { display: grid; gap: 1rem; margin: 3rem 0; }
.boundary-meter div { position: relative; overflow: hidden; padding: 1.2rem; border: 1px solid #d7d2c8; background: #fff; }
.boundary-meter div::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--meter, 25%); background: #eee3ca; }
.boundary-meter span { position: relative; font-weight: 720; }
.self-check { display: grid; gap: .75rem; padding: 1.5rem; border: 1px solid #d7d2c8; background: #fff; }
.self-check label { display: grid; grid-template-columns: 24px 1fr; gap: .8rem; }
.help-note { padding: 1.5rem; border-left: 5px solid #776b63; background: #eeebe7; }
.responsible-budget-image { max-width: 760px; margin: 2rem auto 4rem; }
.responsible-budget-image img { max-height: 500px; object-fit: cover; }