/* V4: decorative botanical artwork; the original editable content is preserved. */
.mechanism-section .section-heading{display:block;margin-bottom:32px}
.mechanism-section .section-heading h2{max-width:25ch;margin:14px 0 20px;font-family:Georgia,serif;font-size:clamp(2.2rem,4.2vw,3.35rem);font-weight:400;line-height:1.09;letter-spacing:-.035em;text-wrap:balance}
.mechanism-section .section-heading>p{max-width:660px;font-size:1.05rem;line-height:1.7;margin:0}
.mechanism-section .mechanism-grid{gap:20px;margin:34px 0 26px;align-items:stretch}
.mechanism-section .mechanism-grid>article{position:relative;min-height:0;padding:24px 26px 30px;border:1px solid #dce5d6;border-radius:24px;background:linear-gradient(145deg,#f7f9f1,#eff4e9);box-shadow:0 7px 24px #173c2b05;transition:transform .2s ease,border-color .2s ease}
.mechanism-section .mechanism-grid>article:nth-child(2){background:linear-gradient(145deg,#f6f9f5,#edf4ef)}
.mechanism-section .mechanism-grid>article:nth-child(3){background:linear-gradient(145deg,#fafaf1,#f1f4e7)}
.mechanism-section .mechanism-grid>article::before{content:"";display:block;height:120px;margin:0 0 18px;background:url("../images/mechanism-roots.svg") center/contain no-repeat}
.mechanism-section .mechanism-grid>article:nth-child(2)::before{background-image:url("../images/mechanism-resources.svg")}
.mechanism-section .mechanism-grid>article:nth-child(3)::before{background-image:url("../images/mechanism-balance.svg")}
.mechanism-section .mechanism-grid>article>span{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:30px;height:30px;background:#ffffffa8;border:1px solid #d6e1cb;border-radius:50%;font-size:.65rem;letter-spacing:.04em;color:#45643d}
.mechanism-section .mechanism-grid h3{margin:0 0 12px;font-size:1.35rem;line-height:1.25;letter-spacing:-.025em;font-weight:650}
.mechanism-section .mechanism-grid p{margin:0;font-size:.95rem;line-height:1.65;color:#566d5e}
.mechanism-section .responsible-note{margin:0;padding:16px 20px;border:1px solid #e3e9d9;border-left:3px solid #8ba568;border-radius:0 12px 12px 0;background:#f1f4ea;color:#59705f;font-size:.8rem;line-height:1.65}
.mechanism-section>.text-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;padding:14px 23px;border:1px solid #173c2b;border-radius:100px;background:#173c2b;color:#fff;font-size:.9rem;line-height:1.4;text-decoration:none;transition:background .2s ease;max-width:100%;text-align:center}
.mechanism-section>.text-link:hover{background:#28553c}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.mechanism-section .mechanism-grid>article:hover{transform:translateY(-3px);border-color:#afc29b}}
@media(max-width:760px){.mechanism-section .mechanism-grid{grid-template-columns:1fr;gap:16px}.mechanism-section .mechanism-grid>article{padding:20px 24px 26px}.mechanism-section .mechanism-grid>article::before{height:110px;margin-bottom:14px}.mechanism-section .section-heading h2{max-width:25ch}.mechanism-section .section-heading>p{font-size:1rem}.mechanism-section .responsible-note{padding:15px 17px}.mechanism-section>.text-link{width:100%;padding:15px 20px}}
@media(prefers-reduced-motion:reduce){.mechanism-section .mechanism-grid>article,.mechanism-section>.text-link{transition:none}}
