:where(#desk-app) .settings-page{max-width:1120px;margin:0 auto;padding:35px 0 60px}:where(#desk-app) .settings-back{color:var(--text-mid);font-size:12px;text-decoration:none}:where(#desk-app) .settings-hero{display:grid;grid-template-columns:1fr 260px;align-items:center;gap:30px;margin:44px 0}:where(#desk-app) .settings-hero h1{font:400 clamp(40px,4.6vw,64px)/1.06 var(--font-accent);letter-spacing:-1.6px;margin:18px 0}:where(#desk-app) .settings-hero h1 em{color:var(--green);font-weight:400}:where(#desk-app) .settings-hero p{color:var(--text-mid);font-size:15px;line-height:1.8}:where(#desk-app) .settings-illustration svg{width:100%;height:auto}:where(#desk-app) .settings-illustration>span{display:block;text-align:center;font-size:8px;letter-spacing:1.8px;color:var(--text-dim)}:where(#desk-app) .settings-browser-picker{padding:26px 0 30px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}:where(#desk-app) .settings-browser-picker h2{font-size:16px;margin:0 0 7px}:where(#desk-app) .settings-browser-picker p{font-size:12px;color:var(--text-mid);margin:0}:where(#desk-app) .browser-options{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}:where(#desk-app) .browser-choice{display:flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid var(--border);border-radius:7px;text-decoration:none;color:var(--text-mid);font-size:13px;transition:background .15s}:where(#desk-app) .browser-choice img{width:24px;height:24px}:where(#desk-app) .browser-choice:hover{background:#ffffff09}:where(#desk-app) .browser-choice.selected{color:var(--text);border-color:var(--green);background:#7ab89a0d}:where(#desk-app) .settings-intro h2{font:400 32px var(--font-accent);margin:0 0 12px}:where(#desk-app) .settings-content p{color:var(--text-mid);line-height:1.7;font-size:13px}:where(#desk-app) .settings-intro .platform-note{font-size:11px;color:var(--text-dim)}:where(#desk-app) .settings-entry{border:1px solid var(--border);border-radius:10px;padding:24px;margin:25px 0 36px;background:#ffffff02}:where(#desk-app) .menu-walk{display:flex;align-items:center;gap:18px;margin:20px 0}:where(#desk-app) .menu-walk>span{display:flex;align-items:center;gap:9px}:where(#desk-app) .menu-walk b{font-size:12px;font-weight:500}:where(#desk-app) .control-chip{display:inline-flex;align-items:center;justify-content:center;background:#e8e6e1;color:#222;border-radius:5px;width:34px;height:32px;flex:none}:where(#desk-app) .control-chip img{width:20px;height:20px;object-fit:contain}:where(#desk-app) .safari-menu{width:auto;padding:0 10px;font-weight:600;font-size:12px}:where(#desk-app) .settings-address{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);padding:12px;border-radius:5px}:where(#desk-app) .settings-address code{font-size:12px;overflow-wrap:anywhere}:where(#desk-app) .settings-address button{color:var(--green);font-size:11px;background:none;border:0;cursor:pointer;white-space:nowrap}:where(#desk-app) .settings-content .microcopy{font-size:10px;margin-bottom:0}:where(#desk-app) .settings-group{scroll-margin-top:25px;margin:35px 0 42px}:where(#desk-app) .settings-group-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px}:where(#desk-app) .settings-group-heading>span{font:italic 27px var(--font-accent);color:var(--green)}:where(#desk-app) .settings-group-heading h2{font:400 27px var(--font-accent);margin:0}:where(#desk-app) .settings-group-heading p{margin:4px 0 0;font-size:11px}:where(#desk-app) .setting-card{border:1px solid var(--border);border-radius:8px;margin:10px 0;background:#ffffff02;overflow:hidden}:where(#desk-app) .setting-card summary{list-style:none;display:flex;align-items:center;gap:15px;padding:20px;cursor:pointer}:where(#desk-app) .setting-card summary::-webkit-details-marker{display:none}:where(#desk-app) .setting-symbol{color:var(--green);width:25px;flex:none;font-size:24px;text-align:center}:where(#desk-app) .setting-card summary strong{font-size:14px;display:block;font-weight:500}:where(#desk-app) .setting-card summary small{display:block;font-size:10px;color:var(--text-dim);margin-top:6px;line-height:1.5}:where(#desk-app) .setting-expand{margin-left:auto;color:var(--green);font-size:20px}:where(#desk-app) .setting-card[open] .setting-expand{transform:rotate(45deg)}:where(#desk-app) .setting-detail{padding:0 24px 22px 60px}:where(#desk-app) .setting-path{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:15px 0;border-top:1px solid var(--border);font-size:11px;color:var(--text-mid)}:where(#desk-app) .setting-path span{background:#ffffff06;padding:5px 7px;border-radius:3px}:where(#desk-app) .setting-path i{font-style:normal;color:var(--green)}:where(#desk-app) .setting-detail ol{padding-left:24px;font-size:13px;line-height:1.8;margin:8px 0 24px}:where(#desk-app) .setting-detail li{padding:5px 0 5px 8px}:where(#desk-app) .setting-detail li::marker{color:var(--green);font-size:12px}:where(#desk-app) .setting-why b,:where(#desk-app) .setting-undo b{font-size:11px;font-weight:500}:where(#desk-app) .setting-why p,:where(#desk-app) .setting-undo p{margin:5px 0 15px;font-size:12px}:where(#desk-app) .setting-undo{color:var(--text-mid)}:where(#desk-app) .setting-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--border);padding-top:16px;font-size:11px}:where(#desk-app) .setting-foot label{display:flex;align-items:center;gap:8px;cursor:pointer}:where(#desk-app) .setting-foot input{accent-color:var(--green);width:16px;height:16px}:where(#desk-app) .setting-foot a{color:var(--green);text-underline-offset:4px}:where(#desk-app) .settings-finish{padding:30px;border:1px solid var(--green-deep);border-radius:8px;background:#7ab89a05}:where(#desk-app) .settings-finish h2{font:400 32px var(--font-accent);margin:14px 0}:where(#desk-app) .settings-finish .product-btn-accent{margin-top:10px}:where(#desk-app) .settings-reviewed{font-size:10px!important;margin-top:22px}:where(#desk-app) .settings-empty{padding:45px 0}:where(#desk-app) .settings-empty h2{font:400 30px var(--font-accent)}:where(#desk-app) .settings-empty p{color:var(--text-mid);font-size:13px}:where(#desk-app) .chapter-link[aria-current=page]{color:var(--green);background:#7ab89a09}:where(#desk-app) a:focus-visible,:where(#desk-app) summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}@media(max-width:1000px){:where(#desk-app) .browser-choice{padding:11px 15px}:where(#desk-app) .settings-hero{grid-template-columns:1fr 190px}}@media(max-width:700px){:where(#desk-app) .settings-page{padding-top:25px}:where(#desk-app) .settings-hero{grid-template-columns:1fr;gap:0;margin:30px 0}:where(#desk-app) .settings-illustration{display:none}:where(#desk-app) .settings-hero h1{font-size:44px}:where(#desk-app) .browser-options{gap:8px}:where(#desk-app) .browser-choice{padding:10px 12px;gap:8px}:where(#desk-app) .browser-choice img{width:21px;height:21px}:where(#desk-app) .settings-entry{padding:18px}:where(#desk-app) .menu-walk{gap:10px}:where(#desk-app) .menu-walk b{font-size:11px}:where(#desk-app) .setting-card summary{padding:17px 14px;gap:9px}:where(#desk-app) .setting-card summary strong{font-size:13px}:where(#desk-app) .setting-detail{padding:0 18px 20px}:where(#desk-app) .setting-foot{align-items:flex-start;flex-direction:column;gap:16px}:where(#desk-app) .settings-finish{padding:23px}:where(#desk-app) .settings-intro h2{font-size:30px}}

/* Platform navigation occupies its own row above the guide. */
#desk-app .settings-platforms{position:static;inset:auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px;width:100%;max-width:850px;margin:24px auto 36px;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none}
#desk-app .settings-platforms a{min-height:44px}
#desk-app .settings-platforms a[aria-current="page"]{border-color:var(--green)}
#desk-app .settings-body{display:block;min-width:0}
#desk-app .settings-content{min-width:0;overflow-wrap:anywhere}
#desk-app .menu-walk{flex-wrap:wrap}
@media(max-width:700px){#desk-app .settings-platforms{margin-block:20px 28px;gap:10px}}

/* An illustrative browser, not a report of the visitor’s current settings. */
#desk-app .settings-hero{grid-template-columns:minmax(0,1fr) 260px;gap:30px;min-height:340px}
#desk-app .settings-illustration{padding:16px 6px 0;min-width:0}
#desk-app .settings-mini-window{position:relative;background:var(--bg-raised);border:1px solid var(--green-deep);border-radius:12px;box-shadow:8px 9px 0 #7ab89a0a;margin-bottom:48px}
#desk-app .mini-window-bar{display:flex;align-items:center;gap:5px;padding:12px 15px;border-bottom:1px solid var(--border)}
#desk-app .mini-window-bar>i{width:5px;height:5px;border-radius:50%;background:var(--green-deep)}
#desk-app .mini-window-bar>span{margin-left:auto;font:italic 14px var(--font-accent);color:var(--text-mid)}
#desk-app .mini-window-address{display:flex;gap:9px;align-items:center;border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px;color:var(--text-mid)}
#desk-app .mini-window-address>span{color:var(--green)}
#desk-app .mini-setting{display:grid;grid-template-columns:1fr 36px 40px;gap:10px;align-items:center;padding:13px 16px;font-size:12px;color:var(--text)}
#desk-app .mini-setting+.mini-setting{border-top:1px solid #ffffff06}
#desk-app .mini-setting small{font-size:8px;letter-spacing:.08em;color:var(--green);text-align:right}
#desk-app .mini-toggle{display:flex;align-items:center;width:32px;height:18px;padding:3px;border:1px solid var(--green-deep);border-radius:20px;background:var(--green-soft-bg)}
#desk-app .mini-toggle i{width:10px;height:10px;border-radius:50%;background:var(--text-mid)}
#desk-app .mini-toggle-on{justify-content:flex-end;border-color:var(--green)}
#desk-app .mini-toggle-on i{background:var(--green)}
#desk-app .mini-kept{color:var(--green);text-align:center}
#desk-app .settings-illustration .mini-connection{position:absolute;top:100%;left:0;width:100%;height:48px;color:var(--green-deep)}
#desk-app .settings-illustration>span{font-size:9px;letter-spacing:.12em;color:var(--green)}
#desk-app .settings-hero .settings-art-note{font-size:10px;text-align:center;line-height:1.6;margin-top:8px;color:var(--text-dim)}
@media(max-width:1000px){#desk-app .settings-hero{grid-template-columns:minmax(0,1fr) 190px;gap:30px}}
@media(max-width:700px){#desk-app .settings-hero{grid-template-columns:1fr}#desk-app .settings-illustration{display:block;max-width:280px;width:100%;justify-self:center;margin-top:24px}}

#desk-app .settings-hero>div{min-width:0}#desk-app .settings-hero h1{font-size:clamp(36px,4vw,56px);overflow-wrap:normal}#desk-app .settings-hero .chapter-drawing{width:100%}