.rich-copy .method-lab { margin: 2rem 0 2.75rem; padding: clamp(1rem, 3vw, 1.6rem); border: 1px solid #92b4b1; border-radius: 18px; background: #f0f6f1; color: #102f35; min-width: 0; overflow-wrap: anywhere; scroll-margin-top: 7rem; }
.rich-copy .method-lab h3, .rich-copy .method-contrast h3 { margin: .4rem 0 1rem; font-size: clamp(1.25rem, 3vw, 1.6rem); line-height: 1.35; }
.rich-copy .method-lab p { font-size: 1rem; line-height: 1.7; }
.rich-copy .method-label { margin: 0; font-weight: 800; color: #365e60; font-size: .85rem; }
.rich-copy .method-route { margin: 1.4rem 0; padding: 1rem; border: 1px solid #92b4b1; border-radius: 10px; background: #fffdf7; }
.method-route-bar { display: grid; grid-template-columns: 6fr 3fr 1fr; height: 52px; border: 2px solid #164f53; }
.method-route-bar span { min-width: 0; display: grid; place-items: center; font-weight: 800; background: #164f53; color: #fffdf7; }
.method-route-bar span:nth-child(2) { background: #cde6df; color: #102f35; border-inline: 1px solid #164f53; }
.method-route-bar span:nth-child(3) { background: #f5d392; color: #102f35; }
.rich-copy .method-route figcaption { display: flex; flex-wrap: wrap; gap: .35rem 1rem; margin: .8rem 0 0; font-size: .95rem; line-height: 1.6; color: #102f35; }
.rich-copy .method-guide-steps { padding-left: 1.5rem; margin: 1.4rem 0; }
.rich-copy .method-guide-steps li { margin: .6rem 0; line-height: 1.6; }
.rich-copy .method-lab details { margin-top: 1rem; border: 1px solid #709692; border-radius: 9px; background: #fffdf7; }
.rich-copy .method-lab summary { min-height: 48px; padding: .85rem 1rem; cursor: pointer; font-weight: 800; line-height: 1.5; }
.rich-copy .method-lab summary:focus-visible { outline: 3px solid #102f35; outline-offset: 3px; border-radius: 7px; }
.method-details-copy { padding: 0 1rem .25rem; }
.rich-copy .method-details-copy p { margin: .25rem 0 1rem; }
.rich-copy .method-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; padding: 0; gap: .6rem; margin: 1rem 0; }
.rich-copy .method-options li { display: flex; align-items: center; gap: .6rem; margin: 0; padding: .75rem; border-block: 1px solid #92b4b1; background: #edf4ef; }
.method-options li strong { color: #365e60; }
.method-options li span { font-weight: 800; }
.rich-copy .method-calculation { list-style: none; padding: 0; margin: 1.3rem 0; display: grid; gap: .8rem; }
.rich-copy .method-calculation li { margin: 0; padding: .9rem; background: #deece5; border-left: 3px solid #164f53; }
.method-calculation span { display: block; margin-top: .4rem; line-height: 1.6; }
.method-reasons { margin: 1.2rem 0; display: grid; gap: .8rem; }
.method-reasons div { border-bottom: 1px solid #92b4b1; padding-bottom: .8rem; }
.method-reasons dt, .method-new-data dt { font-weight: 800; }
.method-reasons dd { margin: .35rem 0 0; line-height: 1.65; }
.rich-copy .method-contrast { padding: 1.3rem; margin: 1.5rem 0; background: #fff0d6; border-left: 4px solid #aa701c; }
.method-new-data { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: 1.4rem 0; }
.method-new-data div { padding: 1rem; border: 1px solid #92b4b1; border-radius: 10px; background: #fffdf7; }
.method-new-data dt { font-size: .95rem; line-height: 1.5; }
.method-new-data dd { margin: .5rem 0 0; font-size: 1.5rem; font-weight: 800; }
.rich-copy .method-note { color: #365e60; font-size: .95rem; line-height: 1.65; }
@media (max-width: 420px) { .rich-copy .method-options, .method-new-data { grid-template-columns: minmax(0, 1fr); } }