/* Independently authored interactions. Muted surfaces keep the catalogue calm. */
.favorites-toggle{position:relative}.favorites-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3}.favorites-toggle>span{position:absolute;right:-3px;top:-5px;min-width:14px;height:14px;line-height:14px;text-align:center;background:var(--accent);color:var(--bg);border-radius:8px;font-size:8px}
.hero-help-choose{margin-top:18px;color:#bfc9c6;font-size:10px;padding:7px;opacity:.8;transition:opacity .2s}.hero-help-choose:hover{opacity:1}.hero-help-choose span{margin-left:7px}.discovery-bar{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid var(--border);border-radius:8px;padding:17px 20px;margin:0 0 20px;background:linear-gradient(110deg,var(--surface),transparent)}.discovery-bar>div{display:flex;align-items:center;gap:16px}.discovery-symbol{font:34px/1 var(--serif);color:var(--accent);transition:transform .6s}.discovery-bar:hover .discovery-symbol{transform:rotate(45deg)}.discovery-bar b{display:block;font-weight:450;font-size:13px}.discovery-bar small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.discovery-bar .text-button{font-size:11px;white-space:nowrap;gap:19px;color:var(--accent)}
.product-utility{margin:11px -5px -4px;display:flex;align-items:center;gap:2px}.product-utility button{min-height:28px;padding:5px 6px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:10px;border-radius:4px;white-space:nowrap}.product-utility button svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.4}.product-utility button:hover{background:var(--surface-hover);color:var(--accent)}.product-utility .is-selected{color:var(--accent)}.product-utility button.is-selected svg{fill:var(--accent);stroke:var(--accent)}.compare-symbol{font-size:13px;line-height:1}.recently-viewed{display:flex;align-items:center;gap:24px;margin-top:26px;padding:21px 0 10px;border-top:1px solid var(--border)}.recently-viewed>div:first-child{min-width:117px}.recently-viewed>div>span{font-size:11px}.recently-viewed small{display:block;font-size:9px;color:var(--faint);margin-top:3px}.recently-viewed>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.recently-viewed button{font-size:10px;padding:7px 10px;border:1px solid var(--border);border-radius:5px;color:var(--muted);display:flex;align-items:center;gap:20px}.recently-viewed button:hover{border-color:var(--accent);color:var(--ink)}.recently-viewed button span{font-size:14px;color:var(--accent)}
.compare-dock{position:fixed;z-index:40;bottom:22px;left:50%;transform:translateX(-50%);width:min(860px,calc(100% - 48px));border:1px solid var(--border);border-radius:12px;background:var(--header);backdrop-filter:blur(25px);box-shadow:0 16px 60px #0004;display:flex;align-items:center;gap:22px;padding:15px 18px;animation:dockIn .3s ease both}.compare-dock-title{flex:none}.compare-dock-title span{display:block;font-size:8px;letter-spacing:1.6px;color:var(--accent);margin-bottom:2px}.compare-dock-title b{font-size:11px;font-weight:450}.compare-chips{display:flex;gap:7px;flex:1;flex-wrap:wrap}.compare-chip{display:flex;align-items:center;gap:9px;padding:5px 8px;border:1px solid var(--border);border-radius:5px;background:var(--surface);font-size:10px;white-space:nowrap}.compare-chip button{font-size:15px;padding:1px 4px;color:var(--faint);height:22px;line-height:1}.compare-chip button:hover{color:var(--accent)}.compare-dock-actions{display:flex;gap:13px;align-items:center;flex:none}.compare-clear{font-size:10px;color:var(--muted);padding:5px 0}.compare-dock .button{background:var(--button);color:var(--button-ink);padding:9px 13px;font-size:11px;min-height:38px;gap:17px;white-space:nowrap}.has-compare-dock{padding-bottom:104px}.has-compare-dock .support-fab,.has-compare-dock .back-top{bottom:132px}.reading-progress{position:fixed;z-index:21;top:0;left:0;width:100%;height:2px;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;opacity:.6}.back-top{position:fixed;bottom:27px;left:24px;height:35px;width:35px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--muted);z-index:15;font-size:18px}.back-top:hover{color:var(--accent);border-color:var(--accent)}.footer-inner kbd{margin-left:6px;font-size:9px;padding:0 4px;border:1px solid var(--border);border-radius:3px}
dialog[data-experience-view="compare"]{width:min(880px,calc(100% - 32px))}.compare-table-wrap{border:1px solid var(--border);border-radius:9px;overflow:auto;margin-top:24px;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg)}.compare-table{width:100%;min-width:590px;border-collapse:collapse;font-size:11px;text-align:left}.compare-table th,.compare-table td{padding:14px 17px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);vertical-align:middle;min-width:150px}.compare-table tr:last-child>*{border-bottom:0}.compare-table tr>*:last-child{border-right:0}.compare-table tbody tr:hover{background:var(--bg)}.compare-table th:first-child{font-weight:450;color:var(--muted);min-width:97px;width:105px;font-size:10px}.compare-table thead{background:var(--bg)}.compare-table thead th{vertical-align:top}.compare-table thead b{display:block;font-size:13px;font-weight:550;margin-top:10px}.compare-table thead button{font-size:9px;color:var(--faint);padding:4px 0}.compare-table .button{min-height:35px;padding:7px 11px;font-size:10px;white-space:nowrap}.mini-art{display:inline-flex;align-items:center;justify-content:center;width:76px;height:52px;border-radius:5px;background:#e9e8df;color:#23352d;font:22px/1 var(--serif);letter-spacing:-.4px;flex:none}.mini-art.gemini{color:#374154;background:#e6e8ef}.mini-art.pro5{color:#625143;background:#ede0ce}.mini-art.pro20{color:#e4e2d7;background:#35403e}.favorite-list{display:grid;gap:10px;margin-top:22px}.favorite-list article{display:flex;align-items:center;gap:16px;padding:15px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.favorite-list h3{font-size:14px;font-weight:500}.favorite-list p{color:var(--muted);font-size:10px;margin:4px 0 7px}.favorite-list .text-button{font-size:10px;color:var(--accent)}.favorite-list .icon-button{margin-left:auto;width:25px;height:25px;font-size:18px;color:var(--faint)}.favorites-empty{padding:32px 12px;text-align:center;color:var(--muted)}.favorites-empty>span{font-size:45px;color:var(--accent)}.favorites-empty p{margin:8px 0 10px;font-size:12px}
.quiz-progress{display:flex;gap:6px;align-items:center;margin-bottom:26px}.quiz-progress>span{height:2px;width:40px;background:var(--border)}.quiz-progress>span.active{background:var(--accent)}.quiz-progress small{font-size:9px;color:var(--muted);margin-left:auto;letter-spacing:1px}.quiz-choices{display:grid;gap:9px;margin-top:23px}.quiz-choices button{display:flex;gap:17px;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:7px;text-align:left;background:var(--bg);transition:background .2s,border-color .2s,transform .2s}.quiz-choices button>span{font:16px var(--serif);color:var(--accent)}.quiz-choices strong{font-size:13px;font-weight:500}.quiz-choices small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.quiz-choices i{margin-left:auto;font-style:normal;color:var(--muted)}.quiz-choices button:hover,.quiz-choices button[aria-pressed="true"]{border-color:var(--accent);background:var(--surface-hover)}.quiz-choices button:hover{transform:translateX(3px)}.quiz-footer{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:15px}.quiz-footer>span{color:var(--faint);font-size:9px}.quiz-footer .text-button{font-size:10px}.recommendation-kicker{display:inline-block;color:var(--accent);border-bottom:1px solid var(--accent);font-size:10px;padding-bottom:3px;margin-bottom:18px}.recommendation-card{display:flex;align-items:center;gap:14px;padding:17px 13px;border:1px solid var(--border);border-radius:8px;margin:23px 0;background:var(--bg)}.recommendation-card .mini-art{width:64px;height:53px;font-size:20px}.recommendation-card b{font-size:13px;font-weight:500}.recommendation-card p{font-size:10px;color:var(--muted);margin-top:5px}.recommendation-card>strong{font:27px var(--serif);margin-left:auto;color:var(--accent)}.recommendation-card>strong small{display:block;font:9px var(--sans);color:var(--faint);text-align:right;margin-top:3px}
.command-list{display:grid;gap:3px;margin-top:15px}.command-row{display:flex;align-items:center;gap:14px;text-align:left;padding:10px 9px;border:1px solid transparent;border-radius:6px;transition:background .15s}.command-row>span{border:1px solid var(--border);border-radius:4px;padding:3px 5px;font:9px ui-monospace,monospace;color:var(--faint)}.command-row strong{display:block;font-size:12px;font-weight:500}.command-row small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.command-row i{margin-left:auto;font-style:normal;color:var(--faint)}.command-row:hover,.command-row:focus{background:var(--bg);border-color:var(--border)}.command-row:focus{outline:1px solid var(--accent);outline-offset:0}.command-empty{margin:20px 0;text-align:center}
@keyframes dockIn{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}
@media(max-width:1050px){.compare-dock{width:calc(100% - 80px);gap:12px}.compare-dock-title{display:none}.compare-chips{gap:5px}.compare-chip{font-size:9px;padding:4px 6px}}
@media(max-width:680px){.header-actions{gap:8px}.hero-help-choose{font-size:10px;margin-top:13px}.discovery-bar{padding:13px 12px;gap:10px}.discovery-bar>div{gap:10px}.discovery-symbol{font-size:29px}.discovery-bar b{font-size:11px}.discovery-bar small{font-size:9px}.discovery-bar .text-button{font-size:10px;gap:5px}.product-utility{gap:0;margin:9px -4px -3px}.product-utility button{font-size:9px;padding:4px;gap:3px;min-height:31px}.product-utility button svg{width:12px}.recently-viewed{display:block;padding-top:18px}.recently-viewed>div:first-child{display:flex;gap:10px;align-items:center;margin-bottom:12px}.recently-viewed small{margin:0}.recently-viewed button{gap:8px;font-size:9px}.compare-dock{bottom:12px;width:calc(100% - 24px);padding:11px;display:grid;grid-template-columns:1fr auto;gap:10px}.compare-chips{grid-column:1/-1;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.compare-chip{font-size:9px;gap:6px;padding:3px 6px}.compare-chip button{width:20px;height:24px}.compare-dock-actions{grid-column:1/-1;justify-content:space-between}.compare-dock .button{min-height:33px;padding:6px 12px;font-size:10px}.has-compare-dock{padding-bottom:134px}.has-compare-dock .support-fab,.has-compare-dock .back-top{bottom:141px}.back-top{left:18px;bottom:22px;width:31px;height:31px}.compare-table{min-width:600px}.compare-table th,.compare-table td{padding:12px}.compare-table th:first-child{position:sticky;left:0;z-index:1;background:var(--surface);min-width:77px;width:77px;box-shadow:4px 0 10px #0001}.compare-table thead th:first-child{background:var(--bg)}.compare-table thead b{font-size:12px}.favorite-list article{gap:10px;padding:12px 10px}.favorite-list h3{font-size:12px}.favorite-list .mini-art{width:63px;height:51px;font-size:19px}.quiz-footer>span{font-size:8px}.recommendation-card{gap:10px;flex-wrap:wrap}.recommendation-card>strong{font-size:24px}.recommendation-card>div{min-width:130px}.recommendation-card .mini-art{width:52px;height:47px;font-size:18px}.hero-bottom>span:first-child{font-size:7px;width:auto}.quiz-choices button{padding:14px 11px}}
@media(prefers-reduced-motion:reduce){.compare-dock{animation:none}.discovery-bar:hover .discovery-symbol,.quiz-choices button:hover{transform:none}}
/* Leave room for the palette, guide and CTA on short/narrow screens. */
@media(max-width:680px){.hero{min-height:740px;max-height:none}.hero-content{max-width:100%}.hero-eyebrow{letter-spacing:1.45px}.compare-dock:focus-within{border-color:var(--accent)}.product-utility button{min-height:36px}}