:root{--paper:#f4f0e7;--ink:#293b45;--accent:#365e75;--muted:#626b6b;--line:#d4ccbd}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.guide-header{max-width:940px;margin:auto;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.guide-identity{font-family:Georgia,serif;font-size:23px}.guide-identity span{display:block;font-family:Arial,sans-serif;letter-spacing:.18em;font-size:8px;margin-top:8px}.guide-header nav{font-size:11px;display:flex;gap:12px;align-items:center}.guide-header nav>a{padding:7px 0}.guide-header [aria-current=page]{border-bottom:1px solid var(--accent)}.guide-main{max-width:740px;padding:45px 30px 25px;margin:auto}.eyebrow{font-size:9px;letter-spacing:.16em}.guide-copy h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,6vw,60px);letter-spacing:-.045em;line-height:1.1;margin:18px 0}.guide-copy p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:27px}.guide-images{display:flex;align-items:center;justify-content:center;gap:20px}.guide-images img{max-width:100%;width:auto;height:auto;max-height:52vh;object-fit:contain}.guide-images.pair img{width:calc(50% - 10px);height:auto;max-height:none}.guide-player{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:28px}.guide-player button{border:0;color:var(--paper);background:var(--accent);padding:16px 22px;min-width:180px;display:flex;justify-content:space-between;align-items:center;font-size:13px;cursor:pointer}.guide-player button:disabled{opacity:.5;cursor:wait}.guide-player label{display:flex;align-items:center;gap:13px;font-size:11px}.guide-player input{width:110px;accent-color:var(--accent)}.guide-status{font-size:11px;line-height:1.7;color:var(--muted);min-height:19px}.guide-credit{font-size:10px;line-height:1.8;color:var(--muted);max-width:500px}.guide-links{display:flex;flex-wrap:wrap;gap:18px 30px;border-top:1px solid var(--line);padding-top:25px;margin-top:28px}.guide-links a{font-size:11px;line-height:1.7;border-bottom:1px solid var(--line);padding-bottom:6px}.guide-links span{margin-left:15px;font-size:16px}.guide-footer{font-size:10px;color:var(--muted);max-width:740px;margin:0 auto;padding:28px 30px 35px}@media(max-width:480px){.guide-header{padding:22px}.guide-main{padding:35px 22px 20px}.guide-player{gap:16px;align-items:flex-start;flex-direction:column}.guide-player button{width:100%}.guide-player label{width:100%;justify-content:space-between}.guide-player input{width:65%}.guide-images{gap:12px}.guide-images.pair img{width:calc(50% - 6px)}.guide-footer{padding-inline:22px}}
