.r21-section{margin:2rem 0;padding:clamp(1.15rem,3vw,2rem);border:1px solid #c7d4ce;border-radius:16px;background:#f4f8f4;color:#173e2e}.r21-section h2{margin-top:0;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.5}.r21-section p{line-height:1.85}.r21-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.2rem 0}.r21-card{background:#fff;padding:1.2rem;border:1px solid #cedad3;border-radius:12px;min-width:0}.r21-card h3{font-size:1.15rem;line-height:1.6;margin:.2rem 0 .7rem}.r21-card a{font-weight:700;color:#14513c}.r21-kicker{font-size:.85rem;letter-spacing:.08em;color:#285d49;font-weight:700}.r21-hero{padding:clamp(1.4rem,4vw,3rem);background:#143d30;color:#fff;border-radius:18px;margin:1rem 0 1.8rem}.r21-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.45;margin:.8rem 0;color:#fff}.r21-hero p{line-height:1.9;color:#f1f6f0}.r21-hero .r21-kicker{color:#ead28c}.r21-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.1rem 0}.r21-actions a,.r21-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.1rem;border:1px solid #91ac9e;border-radius:8px;background:#fff;color:#173e2e;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.r21-actions .r21-primary{background:#06a84e;color:#fff;border-color:#06a84e}.r21-actions a:hover,.r21-actions button:hover{filter:brightness(.95)}.r21-actions a:focus-visible,.r21-actions button:focus-visible{outline:3px solid #b49124;outline-offset:3px}.r21-note{font-size:.87rem;line-height:1.8;color:#43574b}.r21-hero .r21-note{color:#e5eee6}.r21-sample{margin:1.4rem 0;padding:1.4rem;background:#fffaf0;border-left:4px solid #bc993a;border-radius:0 12px 12px 0}.r21-sample h2{font-size:1.35rem}.r21-sample details{margin:1rem 0;background:#fff;padding:1rem;border:1px solid #d4cfbc;border-radius:8px}.r21-sample summary{cursor:pointer;font-weight:700;line-height:1.7}.r21-sample blockquote{font-size:1.12rem;margin:1.2rem 0;line-height:1.8;overflow-wrap:anywhere}.r21-list{padding-left:1.4rem;line-height:1.9}.r21-list li{margin:.65rem 0}.r21-step{font-size:.82rem;font-weight:700;color:#6c601f}.r21-profile{display:flex;align-items:center;gap:1.2rem;margin:1.5rem 0;padding:1.4rem;border:1px solid #d9d3c4;border-radius:12px;background:#fff}.r21-profile img{width:100px;height:100px;border-radius:50%;object-fit:cover;flex-shrink:0}.r21-profile h2{font-size:1.25rem;margin:0}.r21-profile p{margin:.6rem 0;line-height:1.8}.r21-form{margin:1.4rem 0}.r21-form label{display:block;font-weight:700;margin:1.1rem 0 .45rem}.r21-form select,.r21-copytext{display:block;width:100%;box-sizing:border-box;font:inherit;line-height:1.8;padding:.8rem;border:1px solid #9eb5a7;background:#fff;color:#183e2e;border-radius:8px;min-height:48px}.r21-copytext{resize:vertical}.r21-form fieldset{border:0;padding:0;margin:0}.r21-form legend{font-size:1.1rem;font-weight:700}.r21-error{color:#9b2727;font-weight:700}.r21-result{padding:1.4rem;margin:1.4rem 0;border:2px solid #3b775b;background:#fff;border-radius:12px}.r21-result h2{font-size:1.5rem;margin:.2rem 0 1rem}.r21-result [hidden]{display:none}.r21-rule{margin:1.3rem 0;padding:1rem;background:#f4f0e4;border-radius:10px;line-height:1.85}.r21-form select:focus-visible,.r21-copytext:focus-visible{outline:3px solid #b49124;outline-offset:2px}.r21-section a:not(.r21-actions a),.r21-result a:not(.r21-actions a){text-underline-offset:.2em}.r21-inline-links{display:flex;flex-wrap:wrap;gap:.75rem 1.4rem;margin:1.2rem 0}.r21-share-status{min-height:1.8em;font-size:.9rem}.r21-benefits{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0}.r21-benefits span{padding:.45rem .7rem;border:1px solid #8aa592;border-radius:50px;font-size:.84rem;background:#244d3c}.r21-related{margin:2rem 0;padding:1.2rem;background:#f4f8f4;border-radius:12px}.r21-related a{display:inline-block;margin:.4rem .8rem .4rem 0;color:#173e2e}.r21-section [hidden],.r21-result[hidden]{display:none!important}@media(max-width:680px){.r21-grid{grid-template-columns:1fr}.r21-profile{align-items:flex-start;gap:.8rem;padding:1rem}.r21-profile img{width:72px;height:72px}.r21-hero{padding:1.3rem}.r21-actions a,.r21-actions button{width:100%;box-sizing:border-box}.r21-sample{padding:1rem}.r21-benefits span{font-size:.78rem}.r21-result{padding:1rem}}@media print{header,footer,.r21-actions,.r21-related,.r21-profile,.r21-form,.r21-inline-links,.r21-share-status{display:none!important}.r21-section,.r21-result,.r21-sample{border-color:#777;background:#fff;break-inside:avoid}.r21-hero{background:#fff;color:#111;padding:0}.r21-hero h1,.r21-hero p{color:#111}.r21-benefits{display:none}.r21-copytext{min-height:180px;border:1px solid #777}.r21-result h2{color:#111}}
.detail section.r21-hero{padding:clamp(1.4rem,4vw,3rem);border-top:0}.detail section.r21-section{padding:clamp(1.15rem,3vw,2rem)}.detail section.r21-sample{padding:1.4rem}.detail section.r21-result{padding:1.4rem}.detail section.r21-profile{padding:1.4rem}.detail .r21-actions a{color:#173e2e}.detail .r21-actions a.r21-primary{color:#fff}.detail .r21-card a,.detail .r21-related a{color:#173e2e}@media(max-width:680px){.detail section.r21-hero{padding:1.3rem}.detail section.r21-section{padding:1.15rem}.detail section.r21-sample,.detail section.r21-result,.detail section.r21-profile{padding:1rem}}@media print{.detail section.r21-hero{padding:0}.detail section.r21-result,.detail section.r21-section{padding:1rem}}