.tech-guide{color:#1c3025;max-width:1180px;margin:auto;padding:0 28px 80px}.tech-guide p{font-size:16px;line-height:1.65}.tech-intro{max-width:850px}.tech-kicker{letter-spacing:1.3px;color:#52704a;align-items:center;gap:8px;font-weight:600;display:flex;font-size:12px!important}.tech-intro h1{letter-spacing:-1.7px;font-size:clamp(32px,4vw,46px)}.tech-deck{color:#536159;max-width:760px;margin:17px 0;font-size:19px!important}.tech-recommendation{border-left:3px solid #7a9b57;margin:24px 0 30px;padding:2px 0 2px 18px}.tech-stack-map{color:#fff;background:#182d24;border-radius:10px;grid-template-columns:1fr auto 1.2fr auto 1fr;align-items:center;gap:20px;margin-bottom:34px;padding:25px 28px;display:grid}.tech-stack-map span{letter-spacing:1.1px;color:#c8dda8;font-size:12px;display:block}.tech-stack-map strong{margin:5px 0;font-size:18px;display:block}.tech-stack-map p{color:#d6e0d9;margin:0;font-size:14px}.tech-contents{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 32px;margin:30px 0;display:grid}.tech-contents h2{margin:0;font-size:17px;font-weight:600}.tech-contents p{color:#607068;margin:5px 0 12px;font-size:14px}.tech-contents>div>div{flex-wrap:wrap;gap:7px 14px;display:flex}.tech-contents a{color:#365b2b;text-underline-offset:4px;font-size:14px;text-decoration:underline}.tech-method{color:#47594c;background:#edf1eb;border-radius:7px;margin:25px 0 45px;padding:15px 18px}.tech-method summary{cursor:pointer;font-size:15px;font-weight:600}.tech-method a{text-decoration:underline}.tech-group{margin:42px 0}.tech-group>header{justify-content:space-between;align-items:baseline;gap:20px;margin:0 0 14px;display:flex}.tech-group h2{letter-spacing:-.6px;font-size:24px;font-weight:600}.tech-group>header p{color:#617168;font-size:14px}.tech-entry{background:#fff;border:1px solid #dce2db;border-radius:9px;margin:10px 0;scroll-margin-top:20px;overflow:hidden}.tech-entry>summary{cursor:pointer;align-items:center;gap:17px;padding:20px 24px;list-style:none;display:flex}.tech-entry>summary::-webkit-details-marker{display:none}.tech-entry-num{font-family:var(--font-geist-mono),monospace;color:#729261;font-size:13px}.tech-entry>summary>span:nth-child(2){flex-wrap:wrap;flex:1;align-items:baseline;gap:4px 18px;display:flex}.tech-entry>summary strong{letter-spacing:-.3px;font-size:20px;font-weight:600}.tech-entry>summary>span:nth-child(2)>span{color:#66736a;font-size:15px}.tech-open-icon{font-size:23px;font-weight:300}.tech-entry[open] .tech-open-icon{transform:rotate(45deg)}.tech-entry[open]>summary{border-bottom:1px solid #e4e8e1}.tech-entry summary:focus-visible{outline-offset:-4px;outline:3px solid #6e8c52}.tech-entry-body{grid-template-columns:1fr 1fr;gap:36px;padding:28px;display:grid}.tech-copy,.tech-demo{min-width:0}.tech-kind{text-transform:uppercase;letter-spacing:.8px;color:#5c764d;margin:0 0 12px;font-size:12px!important}.tech-definition{margin:0 0 18px;font-size:18px!important}.tech-metaphor{background:#f1f5ed;border-radius:5px;padding:14px 16px}.tech-copy h3{margin:23px 0 5px;font-size:16px;font-weight:650}.tech-copy h3+p{margin:0}.tech-copy blockquote{color:#3b5141;border-left:2px solid #bad69b;margin:8px 0 20px;padding:0 0 0 14px;font-size:16px;line-height:1.7}.tech-boundary{color:#606d64;font-size:14px!important}.tech-links{flex-wrap:wrap;gap:18px;display:flex}.tech-links a{text-underline-offset:3px;align-items:center;gap:5px;font-size:14px;text-decoration:underline;display:flex}.tech-visual{background:#f5f7f2;border:1px solid #dce4d4;border-radius:8px;margin:0;padding:20px}.tech-visual-label{letter-spacing:1px;color:#49643f;flex-wrap:wrap;justify-content:space-between;gap:5px 15px;font-size:11px;font-weight:600;display:flex}.tech-visual-label span{letter-spacing:0;color:#6b7664;font-size:12px;font-weight:400}.tech-visual h3{margin:19px 0;font-size:21px;font-weight:550;line-height:1.35}.tech-visual svg{max-width:100%;height:auto;overflow:visible}.tech-visual-note{color:#66745c;margin:10px 0;font-size:12px!important}.tech-legend{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tech-legend span{border:1px solid #c6d6b6;border-radius:4px;padding:3px 7px;font-size:12px}.tech-visual figcaption{color:#5c6b52;border-top:1px solid #dbe3d1;margin-top:20px;padding-top:13px;font-size:14px;line-height:1.6}.tech-flow{gap:13px;margin:20px 0;padding:0;list-style:none;display:grid}.tech-flow li{background:#fff;border:1px solid #cad7bc;border-radius:6px;align-items:center;gap:13px;padding:16px;display:flex;position:relative}.tech-flow li>svg{color:#638044;z-index:1;background:#f5f7f2;position:absolute;bottom:-17px;right:18px;transform:rotate(90deg)}.tech-flow strong{font-size:16px;font-weight:500;line-height:1.4}.tech-step-number{font-family:var(--font-geist-mono);color:#729261;font-size:12px}.type-example>code{color:#dcf0c3;background:#21382a;border-radius:4px;padding:17px;font-size:20px;display:block}.type-values{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.type-values>span{font-family:var(--font-geist-mono);border:1px solid;border-radius:5px;padding:15px 10px;font-size:17px}.type-values small{font-family:var(--font-geist-sans);margin-top:10px;font-size:12px;display:block}.type-ok{color:#315c2c;background:#eef5e8}.type-error{color:#944331;background:#fff4ef}.tech-timeline>div{border-left:2px solid #a8c187;padding:0 0 16px 16px}.tech-timeline span{color:#729261;margin-right:10px;font-size:12px;display:inline-block}.tech-timeline strong{font-size:15px;font-weight:500}.tech-timebar{background:#bfd8a2;border-radius:2px;height:12px;margin:10px 0 0}.tech-source{margin-top:22px}.tech-source-label{letter-spacing:1px;color:#788176;margin:0;font-size:11px!important}.tech-source-title{align-items:center;gap:8px;font-size:17px;font-weight:600;line-height:1.5;display:flex}.tech-source>p:not(.tech-source-label){margin:8px 0;font-size:14px}.tech-source>blockquote{color:#57674e;overflow-wrap:anywhere;background:#f7f8f5;margin:10px 0;padding:10px 13px;font-size:14px}.tech-source>a:not(.tech-source-title){font-size:13px;text-decoration:underline}.tech-source>button{min-height:42px;margin:16px 0;font-size:14px;display:flex}.tech-evidence-list{margin-top:16px;font-size:14px}.tech-evidence-list summary{cursor:pointer}.tech-evidence-list ul{padding-left:20px}.tech-evidence-list p{font-size:13px}.tech-evidence-list a{text-decoration:underline}.tech-footer{border-top:1px solid #d8dfd2;max-width:760px;margin-top:40px;padding:28px 0}.tech-footer>strong{font-size:22px}.tech-footer a{color:#365b2b;text-decoration:underline}.tech-footer p:last-child{color:#63705d;font-size:13px}@media (max-width:760px){.tech-guide{padding:0 18px 60px}.tech-contents{grid-template-columns:1fr 1fr;gap:24px}.tech-stack-map{grid-template-columns:1fr;gap:10px;padding:23px}.tech-stack-map>svg{width:17px;height:17px;transform:rotate(90deg)}.tech-entry-body{grid-template-columns:1fr;gap:23px;padding:20px}.tech-demo{grid-row:auto}.tech-entry>summary{gap:12px;padding:18px 16px}.tech-entry>summary>span:nth-child(2){display:block}.tech-entry>summary>span:nth-child(2)>span{margin-top:4px;display:block}.tech-group>header{display:block}.tech-group>header p{margin-top:4px}.tech-visual{padding:17px}}@media (max-width:430px){.tech-contents{grid-template-columns:1fr}.tech-entry-body{padding:16px}.tech-intro h1{letter-spacing:-1px}.tech-deck{font-size:17px!important}}.tech-index-disclosure{border-top:1px solid #d6dfcf;border-bottom:1px solid #d6dfcf;margin:26px 0 15px;padding:16px 0}.tech-index-disclosure>summary{cursor:pointer;font-size:18px;font-weight:600}.tech-index-disclosure>summary>span{color:#66745d;margin-left:12px;font-size:14px;font-weight:400}.tech-index-disclosure[open]>summary{margin-bottom:20px}.tech-method{margin-bottom:28px}.tech-group:first-of-type{margin-top:22px}@media (max-width:500px){.tech-index-disclosure>summary>span{margin:4px 0 0 20px;display:block}}