/* Guides: article and index styles. Loaded only by /guides pages, on top of styles.css. */
.guide .gsec{padding:30px 0}
.guide p + p,.guide p + ul,.guide p + ol,.guide ul + p,.guide ol + p,.guide .gtable + p,.guide p + .gtable,.guide p + .gnote,.guide .gnote + p{margin-top:16px}
.guide h3{margin:24px 0 8px;font-size:16px;font-weight:600;letter-spacing:-.005em;color:#F5F4EF}
.guide ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:10px}
.guide ol li::marker{color:#E5B22F;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:13px}
.guide a{color:#EAC45E;text-decoration:underline;text-decoration-color:rgba(234,196,94,.4);text-underline-offset:3px}
.guide a:hover{color:#F5F4EF;text-decoration-color:#F5F4EF}
.guide .ganswer{font-size:17px;line-height:1.7;color:#F5F4EF}
.gtable{overflow-x:auto;margin:0 -4px;padding:0 4px}
.gtable table{width:100%;min-width:0;border-collapse:collapse;font-size:14px;line-height:1.55}
.gtable th,.gtable td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid #262626}
.gtable thead th{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#8C8A84;border-bottom-color:#333}
.gtable tbody th{color:#F5F4EF;font-weight:600;min-width:120px;max-width:220px}
.gtable td{color:#C9C7C0}
.gtable tr.hl th,.gtable tr.hl td{background:rgba(229,178,47,.05)}
.gnote{border-left:2px solid #E5B22F;background:#1B1B1B;padding:14px 18px;font-size:14px;line-height:1.65;color:#A9A7A0}
.gcta{margin-top:8px;padding:28px;border:1px solid rgba(229,178,47,.25);border-radius:2px;background:#161616;display:flex;flex-direction:column;gap:14px}
.gcta h2{margin:0}
.gcta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.page a.pbtn{color:#141414;text-decoration:none;height:46px;padding:0 24px;font-size:14px}
.page a.pbtn:hover{color:#141414}
.page a.gghost{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border-radius:999px;border:1px solid #3A3A3A;color:#F5F4EF;font-size:14px;font-weight:600;text-decoration:none}
.page a.gghost:hover{border-color:#E5B22F;color:#F5F4EF}
.gsources{font-size:13px!important;line-height:1.7}
.gsources li{font-size:13px!important}
/* index */
.glist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:72px}
.gcard{padding:28px;display:flex;flex-direction:column;gap:14px;text-decoration:none}
.page a.gcard{color:#F5F4EF;text-decoration:none}
.gcard h2{margin:0;font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-.015em}
.gcard p{margin:0;font-size:15px;line-height:1.65;color:#A9A7A0}
.gcard .gmore{font-size:14px;font-weight:600;color:#EAC45E;margin-top:auto}
.page a.gcard:hover .gmore{color:#F5F4EF}
.gsoon{padding:28px;border:1px dashed #3A4A4C;border-radius:2px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.gsoon p{margin:0;font-size:15px;line-height:1.65;color:#A9A7A0}
@media (max-width:1000px){.glist{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){
.glist{margin-top:48px;gap:20px}
.gcard,.gsoon,.gcta{padding:22px 18px}
.gcta-row a{width:100%}
.guide .ganswer{font-size:16px}
}
@media (max-width:820px){
.gtable{overflow:visible;margin:0;padding:0}
.gtable table{min-width:0}
.gtable thead{display:none}
.gtable tbody tr{display:block;padding:14px 0;border-bottom:1px solid #262626}
.gtable tbody tr.hl{padding:14px 12px;background:rgba(229,178,47,.05)}
.gtable tbody th,.gtable tbody td{display:block;border:0;padding:0;background:none!important}
.gtable tbody th{white-space:normal;font-size:15px;margin-bottom:8px}
.gtable tbody td{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:3px 0}
.gtable tbody td::before{content:attr(data-label);font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:#8C8A84;padding-top:3px}
}