.discovery-local {padding: 9px 24px; background: #202733; border-bottom: 1px solid #3a414e; color: #d6c189; font-size: 11px; letter-spacing: .06em; text-align: center; position: relative; z-index: 1;}
.discovery-resources {margin: 34px 0 24px; scroll-margin-top: 20px;}
.discovery-resources h3 {font-size: 20px; line-height: 1.35; margin: 15px 0;}
.discovery-intro {max-width: 700px; color: var(--muted); line-height: 1.65;}
.discovery-toc {display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0;}
.discovery-toc a {border: 1px solid var(--line); border-radius: 9px; padding: 11px 14px; font-size: 12px; color: var(--text); text-decoration: none;}
.discovery-toc a:hover {border-color: var(--gold); color: var(--gold);}
.discovery-guides,.discovery-examples {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px;}
.discovery-guide,.discovery-example {padding: 24px; min-width: 0; scroll-margin-top: 24px;}
.discovery-guide p,.discovery-example p,.discovery-method p,.discovery-faq p {font-size: 13px; line-height: 1.75;}
.discovery-guide details {border-top: 1px solid var(--line); padding-top: 15px; margin-top: 20px;}
.discovery-resources summary {cursor: pointer; font-size: 13px; font-weight: 600; line-height: 1.5;}
.discovery-guide-foot {display: flex; flex-direction: column; gap: 13px; margin-top: 22px;}
.discovery-resources a {color: var(--gold); text-underline-offset: 4px; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere;}
.discovery-guide-foot a:last-child {font-weight: 700;}
.discovery-triangle {height: 180px; position: relative; margin: 12px 0;}
.discovery-triangle svg {height: 148px; width: 100%; fill: none; stroke: var(--gold); stroke-width: 1.5; opacity: .8;}
.discovery-triangle span {position: absolute; font-size: 10px; color: var(--gold); letter-spacing: .04em;}
.discovery-triangle span:nth-of-type(1) {top: 0; left: 50%; transform: translateX(-50%); background: var(--card); padding: 0 8px;}
.discovery-triangle span:nth-of-type(2) {bottom: 18px; left: 0;}
.discovery-triangle span:nth-of-type(3) {bottom: 18px; right: 0;}
.discovery-pair {display: grid; gap: 10px; margin: 22px 0; min-height: 164px;}
.discovery-pair>div {border: 1px solid var(--line); border-radius: 9px; padding: 14px;}
.discovery-pair strong {display: block; color: var(--gold); margin-bottom: 8px;}
.discovery-pair span {font-size: 12px; line-height: 1.5; color: var(--muted);}
.discovery-sequence {display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 164px; align-content: center; margin: 22px 0;}
.discovery-sequence span {padding: 13px 10px; border: 1px solid var(--line); border-radius: 8px; color: var(--gold); font-size: 12px;}
.discovery-sequence b {color: var(--muted);}
.discovery-example .discovery-meta {font-size: 11px; color: var(--muted);}
.discovery-answers {display: grid; gap: 8px; margin: 18px 0;}
.discovery-answers :is(button,a:where([data-view])) {display: flex; gap: 10px; align-items: center; text-align: left; padding: 13px; font-size: 12px; line-height: 1.5; width: 100%; min-height: 46px;}
.discovery-answers :is(button,a:where([data-view])) span {color: var(--gold); flex-shrink: 0;}
.discovery-answers :is(button,a:where([data-view])).chosen {border-color: var(--gold); background: rgba(218,183,105,.08);}
.discovery-answers :is(button,a:where([data-view])).correct {border-color: #71aa8a; background: rgba(113,170,138,.1);}
.discovery-answers :is(button,a:where([data-view])).wrong {border-color: #bd7676; background: rgba(189,118,118,.1);}
.discovery-feedback {color: var(--text); min-height: 0;}
.discovery-feedback:empty {display: none;}
.discovery-check {font-size: 12px; width: 100%; margin-bottom: 16px;}
.discovery-correction {border-top: 1px solid var(--line); padding-top: 15px;}
.discovery-method {display: flex; align-items: center; gap: 36px; margin: 24px 0; padding: 28px;}
.discovery-method>div {flex: 1;}
.discovery-method :is(button,a:where([data-view])) {flex-shrink: 0;}
.discovery-faq {padding: 24px;}
.discovery-faq h3 {font-size: 16px; margin-top: 25px;}
.discovery-editorial {color: var(--muted); font-size: 11px; line-height: 1.65; margin-top: 18px; max-width: 760px;}
.discovery-save {display: flex; gap: 20px; align-items: center; margin-top: 24px; padding: 20px;}
.discovery-save p {font-size: 12px; line-height: 1.6;}
.discovery-save :is(button,a:where([data-view])) {flex-shrink: 0; font-size: 12px;}
@media (max-width:1150px) {.discovery-guides,.discovery-examples {grid-template-columns: 1fr;}.discovery-guide {display: block;}.discovery-triangle {max-width: 250px;}.discovery-pair {grid-template-columns: 1fr 1fr; min-height: 0;}.discovery-sequence {min-height: 0;}.discovery-method {align-items: flex-start; flex-direction: column; gap: 16px;}}
@media (max-width:600px) {.discovery-local {padding: 8px 12px; font-size: 9px;}.discovery-guide,.discovery-example,.discovery-faq {padding: 20px;}.discovery-resources .section-head {align-items: flex-start; gap: 10px; flex-direction: column;}.discovery-pair {grid-template-columns: 1fr;}.discovery-save {flex-direction: column; align-items: flex-start;}.discovery-toc a {padding: 11px;}.discovery-resources h3 {font-size: 19px;}}
.discovery-resources {padding: 0;}
.discovery-overview {display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px; list-style: none;}
.discovery-overview::-webkit-details-marker {display: none;}
.discovery-overview strong {display: block; font-size: 17px; color: var(--text); font-family: Manrope,sans-serif;}
.discovery-overview small {display: block; font-weight: 400; font-size: 12px; color: var(--muted); margin-top: 8px;}
.discovery-expand {color: var(--gold); font-size: 24px; line-height: 1;}
.discovery-resources[open]>.discovery-overview .discovery-expand {transform: rotate(45deg);}
.discovery-content {padding: 0 24px 24px; border-top: 1px solid var(--line);}
.discovery-content>.section-head {margin-top: 24px;}
@media (max-width:600px) {.discovery-overview {padding: 20px;}.discovery-overview strong {font-size: 16px;}.discovery-content {padding: 0 16px 20px;}.discovery-content>.section-head {margin-top: 20px;}}