.guide-page{max-width:1400px;margin:auto;padding:25px 6% 45px}.guide-page a:focus-visible,.guide-page button:focus-visible,.guide-page summary:focus-visible{outline:3px solid #9a6430;outline-offset:5px}.guide-breadcrumb{display:flex;gap:11px;flex-wrap:wrap;color:#625950;font-size:10px;line-height:1.8;margin-bottom:25px}.guide-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.guide-route-nav{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:13px}.guide-route-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 19px;border-radius:26px;color:var(--plum);font-size:12px}.guide-route-nav a[aria-current=page]{background:var(--plum);color:#fffaf2}.guide-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding:50px 0}.guide-label{font-size:9px!important;font-weight:600;letter-spacing:1.5px;line-height:1.8!important;color:var(--plum)!important}.clean-guide h1{font-size:clamp(43px,4.8vw,70px);font-weight:500;letter-spacing:-2.5px;line-height:1.05;margin:24px 0}.clean-guide h1 em,.clean-guide h2 em,.clean-guide h3 em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;color:var(--plum)}.guide-deck{font-size:17px;line-height:1.75;color:#625950;max-width:520px}.guide-byline{display:flex;gap:11px;align-items:center;font-size:11px;margin-top:27px}.guide-byline img{border-radius:50%;object-fit:cover}.guide-byline a{text-decoration:underline;text-underline-offset:3px}.guide-byline small{display:block;line-height:1.7;color:#625950;font-size:9px;margin-top:6px}.guide-hero-photo{padding:10px;background:#fffaf2;transform:rotate(2deg);box-shadow:6px 8px 0 #e5bcb655;position:relative}.guide-hero-photo:before{content:'';position:absolute;top:-12px;left:38%;width:90px;height:25px;background:#b3b99faa;transform:rotate(-7deg)}.guide-hero-photo img{width:100%;height:auto;aspect-ratio:1.35;object-fit:cover;display:block}.guide-hero-photo figcaption{display:flex;justify-content:space-between;font:italic 21px 'Cormorant Garamond',Georgia,serif;color:var(--plum);padding:16px 7px 8px}.guide-device-art{position:relative;display:flex;gap:20px;align-items:center;justify-content:center;min-height:320px;background:#e3e6d9;padding:50px 20px;box-shadow:9px 10px 0 #d9c4a355}.guide-art-label{position:absolute;left:24px;top:24px;font-size:8px;letter-spacing:1.2px;color:#45503d}.guide-art-caption{position:absolute;bottom:20px;left:20px;right:20px;font-size:8px;line-height:1.8;text-align:center;color:#45503d}.guide-device-phone{width:75px;min-width:75px;height:147px;background:#fffaf2;border:4px solid #572233;border-radius:15px;padding:23px 8px 8px;transform:rotate(-7deg);box-shadow:4px 5px 0 #57223318;position:relative}.guide-device-phone>span{color:var(--plum);font-size:24px;display:block;line-height:1.2;margin-bottom:13px}.guide-device-phone>i{display:block;height:9px;background:#d7ddcb;margin-top:6px;border-radius:3px}.guide-device-phone:before{content:'';position:absolute;top:8px;left:26px;width:17px;height:3px;background:#572233;border-radius:5px}.guide-device-laptop{width:105px;min-width:105px;height:88px;background:#fffaf2;border:5px solid #572233;border-radius:4px;transform:rotate(-5deg);padding:12px;position:relative}.guide-device-laptop>span{color:var(--plum);display:block;font-size:22px;margin-bottom:9px}.guide-device-laptop>i{display:block;width:90%;height:3px;background:#b7c2a6;margin-top:4px}.guide-device-laptop:after{content:'';position:absolute;bottom:-11px;left:-14px;right:-14px;height:8px;background:#572233;border-radius:0 0 6px 6px}.guide-art-connection{font-size:28px;color:var(--plum)}.guide-device-tv{background:#fffaf2;border:6px solid #572233;border-bottom-width:12px;position:relative;width:185px;min-width:125px;padding:21px 15px;transform:rotate(3deg)}.guide-device-tv>b{display:block;font:italic 21px 'Cormorant Garamond',Georgia,serif;color:var(--plum);font-weight:500;margin-bottom:17px}.guide-device-tv>div{display:flex;gap:7px}.guide-device-tv i{display:grid;place-items:center;aspect-ratio:1;flex:1;background:#c5cdb5;color:#46513b;font-style:normal;font-size:18px;border-radius:3px}.guide-device-tv i:nth-child(2){background:#e5bcb6;color:#722e41}.guide-device-tv i:nth-child(3){background:#d9c4a3;color:#694a25}.guide-device-tv:after{content:'';height:5px;position:absolute;bottom:-23px;left:26%;right:26%;background:#572233}.guide-jumps{display:flex;gap:12px 25px;flex-wrap:wrap;border-block:1px solid var(--line);padding:13px 0;margin-bottom:38px}.guide-jumps a{display:flex;align-items:center;gap:15px;min-height:44px;font-size:11px;color:var(--plum)}.guide-jumps span{font-size:19px}.guide-body{max-width:1100px;margin:auto}.guide-body p{font-size:15px;line-height:1.85;color:#625950;margin-bottom:20px;max-width:800px}.guide-body a,.guide-editor-note a{color:var(--plum);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.guide-body strong{font-weight:650;color:var(--ink)}.guide-section{border-top:1px solid var(--line);padding:38px 0 32px;scroll-margin-top:30px}.guide-section:first-child{border:0;padding-top:0}.clean-guide h2{font-size:clamp(33px,3.2vw,46px);line-height:1.1;letter-spacing:-1.3px;font-weight:500;margin:16px 0 25px}.guide-body p.guide-intro{font-size:18px;max-width:760px;line-height:1.8}.guide-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0 8px}.guide-choices>a{display:flex;flex-direction:column;padding:25px;background:#e3e6d9;color:var(--ink);text-decoration:none;box-shadow:4px 5px 0 #d6d6c9}.guide-choices>a:nth-child(2){background:#eadbd5;box-shadow:4px 5px 0 #d8c6c0}.guide-choices>a:nth-child(3){background:#eee0c7;box-shadow:4px 5px 0 #dacaaf}.guide-choice-icon{font-size:34px;color:var(--plum);margin-bottom:20px;line-height:1.2}.guide-choices h3{font-size:27px;line-height:1.15;letter-spacing:-.6px;font-weight:500;margin:16px 0 20px}.guide-choices p{font-size:12px;line-height:1.8;margin-bottom:20px}.guide-choices strong{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;font-weight:500;min-height:44px;margin-top:auto;border-top:1px solid #a69a8e;padding-top:12px}.guide-choices strong>span{font-size:22px;color:var(--plum)}.guide-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:start}.guide-table-wrap{min-width:0}.guide-table-wrap table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.8;text-align:left}.guide-table-wrap caption{font-size:11px;color:var(--plum);text-align:left;margin-bottom:18px}.guide-table-wrap th{color:#fffaf2;background:var(--plum);font-weight:500;padding:12px}.guide-table-wrap td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}.guide-table-wrap td:first-child{font-weight:600;color:var(--ink);width:34%}.guide-body .guide-source{font-size:11px;line-height:1.8;margin-top:16px}.guide-checklist{padding:0;list-style:none;max-width:800px;margin:25px 0}.guide-checklist li{font-size:14px;line-height:1.85;padding:14px 10px 14px 30px;position:relative;border-bottom:1px solid var(--line);color:#625950}.guide-checklist li:before{content:'✓';position:absolute;left:0;top:14px;color:var(--plum);font-size:17px}.guide-important{background:#eadbd5;border-left:3px solid var(--plum);padding:23px 27px;margin:24px 0;max-width:900px}.guide-important>strong{font-size:15px;line-height:1.7;color:var(--plum)}.guide-important p{font-size:13px;line-height:1.85;margin:9px 0 0;max-width:800px}.guide-sage{background:#e3e6d9}.guide-steps{list-style:none;counter-reset:steps;padding:0;margin:25px 0;max-width:920px}.guide-steps>li{position:relative;padding:25px 0 25px 65px;border-bottom:1px solid var(--line);counter-increment:steps}.guide-steps>li:before{content:'0' counter(steps);position:absolute;left:0;top:25px;color:var(--plum);font:italic 34px 'Cormorant Garamond',Georgia,serif}.guide-steps h3,.guide-os-panel>h3{font-weight:500;font-size:23px;line-height:1.3;letter-spacing:-.4px;margin-bottom:17px}.guide-steps li p{font-size:14px;line-height:1.85}.guide-body details{border-block:1px solid var(--line);margin:15px 0;max-width:920px}.guide-body summary{padding:20px 30px 20px 0;min-height:44px;font-size:15px;line-height:1.8;color:var(--plum);cursor:pointer}.guide-body details>div{padding:0 0 10px}.guide-body details p{font-size:13px}.guide-os-controls{display:flex;gap:6px;padding:5px;border:1px solid #a69a8e;width:max-content;max-width:100%;border-radius:30px;margin:27px 0}.guide-os-controls[hidden],.guide-os-panel[hidden]{display:none!important}.guide-os-controls button{appearance:none;border:0;background:transparent;border-radius:25px;font:500 12px 'DM Sans',sans-serif;min-height:44px;padding:10px 22px;color:var(--plum);cursor:pointer}.guide-os-controls button[aria-pressed=true]{background:var(--plum);color:#fffaf2}.guide-os-panel{padding-top:20px;scroll-margin-top:25px;max-width:920px}.guide-body code{font-family:Consolas,'Courier New',monospace;font-size:.9em;overflow-wrap:anywhere;color:var(--plum)}.guide-body pre{background:#302c29;color:#fff8ed;overflow-x:auto;padding:57px 23px 38px;position:relative;max-width:100%;margin:20px 0 27px;line-height:1.85;tab-size:2}.guide-body pre code{white-space:pre;font-size:12px;line-height:1.85;overflow-wrap:normal;color:#fff8ed;display:block}.guide-copy{position:absolute;top:8px;right:10px;border:1px solid #a68e80;border-radius:4px;min-height:37px;background:transparent;color:#fff8ed;cursor:pointer;font-size:11px;padding:7px 14px}.guide-copy-status{display:block;font-size:10px;font-family:'DM Sans',sans-serif;color:#e9d1a7;white-space:normal;line-height:1.7;margin-top:14px;min-height:17px}.guide-body .guide-footnote{font-size:11px;line-height:1.85;max-width:850px}.guide-topics{border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.guide-topics ul{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none;margin:14px 0}.guide-topics li{font-size:10px;color:#625950;padding:8px 12px;border:1px solid #b3a89c;border-radius:20px}.guide-editor-note{margin:27px 0 35px}.guide-editor-note p{font-size:11px;color:#625950;line-height:1.85;max-width:850px}.guide-next{display:flex;justify-content:space-between;gap:20px;padding-top:20px;color:var(--plum);font-size:11px}.guide-next a{min-height:44px;padding:12px 0}.art-clean-guide{position:relative;overflow:hidden}.art-clean-guide img{width:100%;height:100%;object-fit:cover;display:block}.art-clean-guide>span{position:absolute;bottom:13px;left:13px;right:13px;font-size:8px;letter-spacing:1px;color:var(--plum);padding:10px;background:var(--paper)}.clean-guide-feature{border-left:3px solid var(--plum);padding-left:25px!important}.clean-guide-feature>div{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;margin-top:24px}.clean-guide-feature>div a{min-height:44px;padding:10px 0;color:var(--plum)}
.guide-hero>div{min-width:0}
@keyframes guide-enter{from{transform:translateY(10px)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.guide-device-art{animation:guide-enter .6s ease-out}.guide-choices>a{transition:transform .2s,box-shadow .2s}.guide-choices>a:hover{transform:translateY(-4px)}}
@media(max-width:1050px){.guide-hero{gap:5%}.clean-guide h1{font-size:53px}.guide-device-art{gap:13px;padding:50px 16px}.guide-device-tv{width:155px}.guide-device-laptop{min-width:90px;width:90px}.guide-choices>a{padding:22px}.guide-choices h3{font-size:25px}.guide-split{gap:5%;grid-template-columns:1fr 1.1fr}}
@media(max-width:800px){.guide-hero{grid-template-columns:1fr;gap:35px;padding:35px 0 40px}.clean-guide h1{font-size:clamp(44px,7vw,65px)}.guide-hero-photo,.guide-device-art{max-width:600px;width:96%;margin:auto}.guide-hero-photo img{aspect-ratio:1.8}.guide-split{grid-template-columns:1fr;gap:20px}.guide-choices{gap:13px}.guide-choices>a{padding:21px 18px}.guide-choices h3{font-size:23px}.guide-choices p{font-size:11px}.guide-choices strong{font-size:10px}.guide-jumps{gap:5px 20px}.guide-device-art{min-height:270px;gap:25px}.guide-device-tv{width:190px}.guide-body pre{max-width:100%}.guide-steps>li{padding-left:53px}}
@media(max-width:600px){.guide-page{padding:20px 6% 30px}.guide-breadcrumb{font-size:9px;margin-bottom:17px}.guide-route-nav{gap:1px}.guide-route-nav a{font-size:11px;padding:9px 14px}.guide-label{font-size:8px!important}.guide-hero{padding-top:29px}.clean-guide h1{font-size:46px;letter-spacing:-1.8px}.guide-deck{font-size:15px}.guide-byline{font-size:10px}.guide-byline small{font-size:8px}.guide-hero-photo figcaption{font-size:19px}.guide-jumps{gap:0 18px;margin-bottom:30px}.guide-jumps a{font-size:10px;gap:10px}.guide-choices{grid-template-columns:1fr;gap:20px;margin-top:25px}.guide-choices>a{padding:23px 25px}.guide-choice-icon{font-size:28px;margin-bottom:13px}.guide-choices h3{font-size:32px;margin:13px 0 17px}.guide-choices h3 br{display:none}.guide-choices p{font-size:13px}.guide-choices strong{font-size:12px}.guide-section{padding-top:30px;padding-bottom:22px}.clean-guide h2{font-size:35px}.guide-body p{font-size:14px;line-height:1.85}.guide-body p.guide-intro{font-size:16px}.guide-table-wrap table{font-size:11px}.guide-table-wrap td,.guide-table-wrap th{padding:11px 9px}.guide-checklist li{font-size:13px;padding-right:0}.guide-important{padding:20px 21px}.guide-important>strong{font-size:14px}.guide-important p{font-size:12px}.guide-steps>li{padding-left:43px}.guide-steps>li:before{font-size:29px}.guide-steps h3,.guide-os-panel>h3{font-size:21px}.guide-steps li p{font-size:13px}.guide-body summary{font-size:14px;padding-right:0}.guide-body details p{font-size:12px}.guide-os-controls button{font-size:11px;padding:10px 16px}.guide-body pre{padding:55px 17px 24px}.guide-body pre code{font-size:11px}.guide-body .guide-footnote{font-size:11px}.guide-next{flex-direction:column;gap:0}.guide-device-art{gap:14px;padding-inline:14px}.guide-device-tv{width:150px;min-width:110px;padding:17px 10px}.guide-device-tv>b{font-size:18px}.guide-device-phone{min-width:65px;width:65px;height:135px}.guide-device-laptop{min-width:78px;width:78px;height:83px}.guide-art-connection{font-size:20px}.guide-art-label,.guide-art-caption{font-size:7px}.guide-topics li{font-size:9px}.clean-guide-feature{padding-left:20px!important}}
@media(prefers-reduced-motion:reduce){html:has(.clean-guide){scroll-behavior:auto!important}.clean-guide *,.clean-guide *:before,.clean-guide *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
