.guides-page{max-width:1200px;margin:0 auto;padding:32px 24px 64px}.guides-heading{align-items:center;gap:16px;display:flex}.guides-heading h1{margin:0;font-size:28px}.guides-heading>span,.guide-meta{color:#aeb6c2;font-size:14px}.guide-filters{border-bottom:1px solid #343941;flex-wrap:wrap;gap:24px;padding:24px 0;display:flex}.guide-filters label{align-items:center;gap:12px;display:flex}.guide-filters select{color:#f2f4f6;background:#171a20;border:1px solid #505762;border-radius:4px;min-width:130px;padding:8px}.guide-entry{border-bottom:1px solid #343941;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:24px 0;display:grid}.guide-cover{aspect-ratio:16/9;background:#24282e;border-radius:4px;align-self:start;place-items:center;display:grid;overflow:hidden}.guide-cover img{object-fit:contain;width:100%;height:100%}.guide-cover>span{color:#b9c6cd;font-size:32px}.guide-copy{min-width:0}.guide-copy h2{margin:8px 0;font-size:19px;line-height:1.5}.guide-content p{line-height:1.7}.guide-content a{color:#70d7c4}.guide-content a:hover{text-decoration:underline}.guide-content,.guide-content h2,.guide-content p,.guide-email{overflow-wrap:anywhere;letter-spacing:0}.guide-related{margin-top:16px}.guide-related summary{cursor:pointer}.guide-related li{padding:5px 0}.guide-empty{padding:40px 0 24px}.guide-empty h2{margin:0;font-size:20px}.guide-submission{border-top:1px solid #343941;padding:24px 0}.guide-submission h3{margin:0;font-size:17px}.guide-submission p{color:#aeb6c2}.guide-contact{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.guide-contact button{color:inherit;cursor:pointer;background:0 0;border:1px solid #505762;border-radius:4px;padding:8px 12px}.guide-email{-webkit-user-select:text;user-select:text}.detail-tabs{overflow-x:auto}.detail-tabs button{white-space:nowrap;flex-shrink:0}@media (max-width:600px){.guides-page{padding:24px 16px}.guide-entry{grid-template-columns:1fr;gap:12px}.guide-cover{width:min(100%,360px)}.guide-filters{gap:12px}.guide-copy h2{font-size:18px}}.guide-tags{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;font-size:13px;display:flex}.guide-tags>span{color:#aeb6c2}.guide-tags a{background:#142824;border:1px solid #375952;border-radius:14px;padding:4px 10px}.guide-tags a:focus-visible{outline-offset:3px;outline:2px solid #70d7c4}.guides-toolbar{border-bottom:1px solid #343941;grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:"heading submission""filters submission";gap:16px 24px;padding-bottom:24px;display:grid}.guides-toolbar .guides-heading{grid-area:heading;align-self:start}.guides-toolbar .guide-filters{border:0;grid-area:filters;align-self:end;padding:0}.guide-submission{overflow-wrap:anywhere;min-width:0}.guide-submission p{line-height:1.7}.guide-submission a{color:#70d7c4}.guide-submission a:hover{text-decoration:underline}.guide-submission.guide-submission-compact{background:#11161c;border:1px solid #343941;border-radius:6px;grid-area:submission;align-self:start;padding:14px 16px;font-size:14px}.guide-submission-compact h3{font-size:16px}.guide-submission-compact p{margin:6px 0 10px;font-size:13px}.guide-submission-compact .guide-contact{gap:8px 14px}.guide-submission-compact .guide-email{flex-basis:100%;order:-1}.guide-submission-compact .guide-contact button{padding:5px 10px}.guide-submission-compact [role=status]{margin-bottom:0}.guide-submission-compact [role=status]:empty{display:none}@media (max-width:720px){.guides-toolbar{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""submission""filters";gap:20px}}