@layer components{.reference-hero{background:#f4ebdf;padding:34px 0 70px}.reference-hero .theory-crumbs{margin-bottom:55px}.reference-hero h1{color:#1d5546;letter-spacing:-4px;margin:10px 0 13px;font-size:clamp(55px,6vw,78px)}.reference-hero p{color:#5d6f61;max-width:610px;margin:0;font-size:16px;line-height:1.75}.reference-content{padding-block:83px 110px;scroll-margin-top:20px}.reference-heading{align-items:center;gap:16px;display:flex}.reference-heading>span{color:#1d5546;background:#e9f0e6;border-radius:15px;flex:none;place-items:center;width:62px;height:62px;display:grid}.reference-heading h2{color:#1d5546;letter-spacing:-1.5px;margin:5px 0 0;font-size:38px}.reference-intro{color:#64766a;max-width:790px;margin:21px 0 29px;font-size:14px;line-height:1.8}.reference-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.reference-list article{background:#fffdf9;border:1px solid #e4e9df;border-radius:14px;grid-template-columns:34px 1fr 22px;align-items:start;gap:12px;padding:23px;display:grid}.reference-list article>span{color:#b85c43;font-size:13px;font-weight:800}.reference-list h3{color:#1d5546;margin:0 0 6px;font-size:17px}.reference-list p{color:#6c7b6e;margin:0;font-size:12px;line-height:1.7}.reference-list svg{color:#4d946b}.reference-back{color:#1d5546;align-items:center;gap:10px;margin-top:29px;font-size:13px;font-weight:800;display:inline-flex}.reference-back:hover{color:#b85c43}@media (max-width:650px){.reference-hero{padding:26px 0 55px}.reference-hero .theory-crumbs{margin-bottom:44px}.reference-hero h1{font-size:55px}.reference-hero p{font-size:14px}.reference-content{padding-block:65px}.reference-heading h2{font-size:29px}.reference-list{grid-template-columns:1fr}}.reference-quicknav{flex-wrap:wrap;gap:10px;padding-block:24px;display:flex}.reference-quicknav a{color:#1d5546;background:#fffdf9;border:1px solid #dfe6d9;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:800}.reference-quicknav a:hover{background:#eaf1e5}.reference-sections{flex-direction:column;gap:22px;padding-block:20px 85px;display:flex}.reference-block{background:#fffdf9;border:1px solid #e3e8dc;border-radius:18px;min-width:0;padding:40px;scroll-margin-top:25px}.reference-block h2{color:#1d5546;letter-spacing:-1.2px;margin:12px 0 22px;font-size:35px}.reference-block>p{color:#637568;font-size:14px;line-height:1.85}.reference-stages{border:1px solid #e0e7da;border-radius:12px;margin-top:26px;overflow:hidden}.reference-stage-head,.reference-stage{grid-template-columns:150px 1fr 1.4fr;gap:20px;padding:18px;display:grid}.reference-stage-head{color:#1d5546;background:#edf3e8;font-size:12px}.reference-stage{color:#627365;border-top:1px solid #e4eadf;font-size:13px;line-height:1.7}.reference-stage>strong{color:#1d5546}.reference-stage small{display:none}.reference-block .reference-source-note{color:#7c897c;margin-top:18px;font-size:11px}.reference-source-note a{color:#a85e42;text-decoration:underline}.reference-criteria{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:23px;display:grid}.reference-criteria article{background:#f2f6ee;border-radius:12px;padding:20px}.reference-criteria h3{color:#1d5546;margin:0 0 8px;font-size:16px}.reference-criteria p{color:#697a6b;margin:0;font-size:12px;line-height:1.75}.reference-format{color:#78513d;background:#f6eae2;border-radius:13px;margin-top:22px;padding:24px}.reference-format h3{margin:0 0 13px;font-size:17px}.reference-format ul{flex-direction:column;gap:9px;margin:0;padding-left:20px;font-size:13px;line-height:1.65;display:flex}.reference-source-list{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.reference-source-list li{border-bottom:1px solid #e9ede2;padding-bottom:17px}.reference-source-list a{color:#1d5546;overflow-wrap:anywhere;align-items:flex-start;gap:10px;font-size:14px;font-weight:800;display:flex}.reference-source-list svg{flex:none}.reference-source-list strong{color:#1d5546;font-size:14px}.reference-source-list p{color:#6b7b6a;margin:7px 0 0;font-size:12px;line-height:1.7}.reference-glossary{margin-top:28px}.reference-glossary label{color:#607260;margin-bottom:9px;font-size:12px;font-weight:800;display:block}.reference-glossary input{color:#274d35;width:100%;font:inherit;background:#fbfcf8;border:1px solid #d3dfcc;border-radius:11px;padding:14px 16px;font-size:14px}.reference-glossary input:focus{outline-offset:2px;outline:2px solid #57866a}.reference-alphabet{flex-wrap:wrap;gap:7px;margin-top:17px;display:flex}.reference-alphabet button{color:#416946;cursor:pointer;background:#f5f8f0;border:1px solid #dbe5d5;border-radius:8px;padding:8px 12px;font:800 12px Manrope,Arial,sans-serif}.reference-alphabet button[aria-pressed=true]{color:#fff;background:#1d5546}.reference-count{color:#889580;margin:17px 0;font-size:11px}.reference-glossary details{border-top:1px solid #e2e9dc}.reference-glossary summary{color:#1d5546;cursor:pointer;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;font-size:15px;font-weight:800;list-style:none;display:flex}.reference-glossary summary::-webkit-details-marker{display:none}.reference-glossary summary span{color:#b85c43;font-size:21px}.reference-glossary details[open] summary span{transform:rotate(45deg)}.reference-glossary details p{color:#677966;margin:0;padding:0 0 17px;font-size:13px;line-height:1.75}.reference-start{background:#e9f0e4;padding:55px 0}.reference-start>.theory-wrap{justify-content:space-between;align-items:center;gap:25px;display:flex}.reference-start h2{color:#1d5546;letter-spacing:-1px;margin:0 0 10px;font-size:29px}.reference-start p{color:#6a7a65;margin:0;font-size:13px}.reference-start a{flex:none}@media (max-width:650px){.reference-block{padding:26px 20px}.reference-block h2{font-size:28px}.reference-block>p{font-size:13px}.reference-stage-head{display:none}.reference-stage{grid-template-columns:1fr;gap:12px;padding:20px}.reference-stage small{color:#9a785f;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.reference-criteria{grid-template-columns:1fr}.reference-start>.theory-wrap{flex-direction:column;align-items:flex-start}.reference-start h2{font-size:26px}.reference-sections{padding-bottom:65px}}}
