.guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0}.guide-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#121e23ee,#0a0e17ee);transition:transform .2s,border-color .2s;color:var(--text);text-decoration:none}.guide-card:hover{transform:translateY(-3px);border-color:#9bf00b66}.guide-art{aspect-ratio:16/9;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative;background:radial-gradient(ellipse at 15% 20%,#69b13a35,transparent 70%),linear-gradient(130deg,#0b271e,#0b1628);padding:20px;color:#beecb7;text-align:center;font-size:.85rem}.guide-art-icon{font-size:2.5rem;color:var(--green);font-weight:700}.guide-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.guide-art img[hidden]{display:none}.guide-card-body{padding:22px}.guide-card h2{font-size:1.15rem;line-height:1.5;margin:12px 0;overflow-wrap:anywhere}.guide-card-body>p{color:var(--muted);font-size:.87rem;line-height:1.65}.guide-pills{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.guide-pills .pill{font-size:.64rem;white-space:normal;line-height:1.5}.guide-meta{color:var(--muted);font-size:.78rem;line-height:1.7}.guide-card-body>.guide-meta{font-size:.76rem;margin:6px 0}.guide-card .card-link{display:block;margin-top:20px}.guide-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.guide-filters label{display:grid;gap:7px;color:var(--muted);font-size:.8rem}.guide-filters select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#0a1019;color:var(--text)}.guide-header{padding:25px 0 30px}.guide-header h1{font-size:clamp(1.8rem,4vw,3.4rem);line-height:1.2;overflow-wrap:anywhere}.guide-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:20px 0}.guide-facts dt{font-size:.75rem;color:var(--muted)}.guide-facts dd{margin:7px 0 0;font-size:.88rem;overflow-wrap:anywhere}.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:35px;align-items:start}.guide-toc{position:sticky;top:95px;border:1px solid var(--line);border-radius:14px;padding:18px}.guide-toc summary{font-weight:700;cursor:pointer}.guide-toc nav{display:grid;gap:12px;margin-top:18px;font-size:.82rem}.guide-toc a{color:var(--muted)}.guide-content{min-width:0}.guide-content>section{margin-bottom:35px;padding:25px;border:1px solid var(--line);border-radius:18px;background:#0b1119aa;scroll-margin-top:100px}.guide-content h2{font-size:1.35rem;margin-top:0}.guide-content h3{font-size:1.05rem}.guide-content p,.guide-content li{line-height:1.85;overflow-wrap:anywhere}.guide-content p,.guide-content ul,.guide-content ol{color:var(--muted)}.guide-content img{max-width:100%;height:auto;border-radius:10px}.guide-content .text-link{overflow-wrap:anywhere}.guide-notice{border-left:3px solid #ffbc4b;padding:12px 16px;background:#ffbc4b0c}.guide-steps{padding-left:24px}.guide-steps>li{padding:0 0 18px 7px}.guide-player{aspect-ratio:16/9;min-height:200px;background:#05080d;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;place-items:center;padding:15px;margin:20px 0}.guide-player:has(iframe){padding:0}.guide-player iframe{display:block;width:100%;height:100%;min-height:200px;border:0}.player-error{padding:20px}.guide-project-links{display:flex;gap:10px;flex-wrap:wrap}.guide-footer{padding:20px 0}.guide-content .guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-guide-section .guides-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-card:focus-visible,.guide-filters select:focus-visible,.guide-toc a:focus-visible,.guide-content a:focus-visible,.guide-content button:focus-visible{outline:3px solid var(--green);outline-offset:4px}
@media(min-width:801px){.guide-toc:not([open]) nav{display:none}}
@media(max-width:1100px){.guides-grid,.related-guide-section .guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.guide-layout{grid-template-columns:1fr}.guide-toc{position:static}.guide-filters{grid-template-columns:1fr}.guides-grid,.guide-content .guides-grid,.related-guide-section .guides-grid{grid-template-columns:1fr}.guide-content>section{padding:20px}.guide-header h1{font-size:2rem}.guide-content .button{white-space:normal}.guide-player{min-height:200px}.guide-card-body{padding:20px}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}
.youtube-play{width:72px;height:auto;filter:drop-shadow(0 10px 20px #0007);position:relative;z-index:1}.guide-art>span{position:relative;z-index:1;font-weight:700}