:root{color-scheme:dark;--base:#101311;--hero:#151d16;--panel:#1a211b;--soft:#242e25;--border:#364637;--text:#f2f5ed;--muted:#b8c4b5;--accent:#ccec91;--dark:#182015;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}
body{margin:0;background:var(--base);color:var(--text);font:15px/1.55 system-ui,sans-serif}
button,input,select{font:inherit} button,a,input,select{touch-action:manipulation}
a{color:inherit;text-underline-offset:3px}
button{cursor:pointer} button:disabled{cursor:default;opacity:.55}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[hidden]{display:none!important}
.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.mast{background:#171a15;border-bottom:1px solid var(--border)}
.mast-row{height:58px;display:flex;align-items:center;gap:19px}
.brand{font-weight:850;font-size:.77rem;letter-spacing:.12em;text-decoration:none;display:flex;align-items:center;gap:10px}
.disc{width:22px;aspect-ratio:1;border-radius:50%;display:inline-block;background:radial-gradient(circle,#181e14 0 9%,#d5ec9a 10% 27%,#293223 29% 35%,#899b69 36% 40%,#2e392b 42% 63%,#8a9b69 65% 68%,#242d21 70%);flex:none}
.badge,.mast-label,.eyebrow,.tag,.foot{font-size:.68rem;letter-spacing:.13em;font-weight:800}
.badge{border:1px solid #414c36;color:var(--accent);padding:3px 8px;border-radius:3px}
.badge span,.subtle,.mast-label{color:var(--muted)}
.mast-label{margin-left:auto}
.hero{border-bottom:1px solid var(--border);background:repeating-radial-gradient(circle at 80% 42%,#d5ec9a09 0 2px,transparent 3px 8px),radial-gradient(ellipse at 74% 34%,#293421 0%,var(--hero) 57%);overflow:hidden}
.hero-inner{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,.66fr);gap:clamp(32px,7vw,112px);align-items:center;padding-block:38px 44px}
.eyebrow{color:var(--accent);text-transform:uppercase}
.hero h1{margin:10px 0 12px;font:normal clamp(66px,9vw,132px)/.83 var(--serif);letter-spacing:-.091em}
.hero h1 span{color:var(--accent)}
.hero p{margin:22px 0;color:#d3d9c8;max-width:53ch;font-size:1.02rem}
.hero-actions,.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cover-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:5px;gap:4px;background:#121510;border:1px solid #4d5842;border-radius:5px;box-shadow:0 14px 50px #1117;max-width:340px;justify-self:end;width:100%}
.cover-mosaic:empty{visibility:hidden}
.cover{aspect-ratio:1/1;background:#303929;display:block;width:100%;height:auto;min-width:0;align-self:start;object-fit:contain}
.toolbar{position:sticky;top:0;z-index:3;border-bottom:1px solid var(--border);background:#191d17}
.tabs{display:flex;gap:24px;overflow:auto}
.tab{display:flex;gap:7px;align-items:center;white-space:nowrap;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);padding:15px 1px 13px;font-weight:720}
.tab[aria-current=true]{border-color:var(--accent);color:var(--accent)}
.tab small{font-size:.66rem;border-radius:20px;background:var(--soft);padding:1px 6px;color:var(--muted)}
main{padding-block:29px 64px;min-height:385px}
.section-head{display:flex;gap:20px;align-items:end;justify-content:space-between;margin-bottom:18px}
h2{font:normal clamp(36px,4.9vw,63px)/.98 var(--serif);letter-spacing:-.055em;margin:5px 0 7px}
h3{line-height:1.1;font-family:var(--serif);font-size:1.4rem;margin:5px 0;letter-spacing:-.025em}
.summary{color:var(--muted);margin:5px 0 0}
.filters{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;margin:14px 0 20px;align-items:end}
label{display:grid;gap:4px;font-size:.79rem;color:var(--muted);font-weight:680}
input,select{border:1px solid #485444;border-radius:4px;background:var(--soft);padding:8px 10px;color:var(--text);width:100%;min-height:41px}
input[type=checkbox]{width:auto;min-height:auto;accent-color:var(--accent)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;overflow:hidden;min-width:0}
.card{display:flex;flex-direction:column}
.card .cover{border-bottom:1px solid var(--border)}
.card-body{padding:13px 14px 14px;display:flex;flex:1;flex-direction:column}
.tag{color:var(--accent);text-transform:uppercase}
.byline{color:var(--muted);font-size:.87rem}
.why{margin:8px 0 12px;color:#d4dacb;font-size:.85rem}
.card .actions{margin-top:auto;padding-top:10px}
.shop-links{margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}
.shop-links .actions{padding-top:6px}
.shop-note{margin:7px 0 0;color:var(--muted);font-size:.73rem;line-height:1.4}
.button,.tiny{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:720;color:var(--text);border:1px solid #4a5643;border-radius:4px;background:#252c23;line-height:1.2;padding:8px 11px;min-height:37px}
.button:hover,.tiny:hover{border-color:var(--accent)}
.primary{background:var(--accent);border-color:var(--accent);color:var(--dark)}
.tiny{font-size:.72rem;min-height:32px;padding:5px 7px}
.tiny[aria-pressed=true]{color:var(--accent);border-color:#829161}
.empty,.panel{padding:18px}
.empty{border:1px dashed #424e3c;border-radius:5px;color:var(--muted)}
.center{text-align:center;margin:22px 0 0}
.panel{margin-bottom:14px}
.form-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0 15px}
.settings-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}
.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:9px;border-bottom:1px solid var(--border);font-size:.78rem;color:var(--muted)}
.demo-banner strong{color:var(--accent);margin-right:8px;white-space:nowrap}
.demo-banner .tiny{flex:none;min-height:40px}
.toggle-line{display:flex;align-items:center;gap:8px;margin:14px 0}
.tracklist{list-style:none;margin:0 0 18px;padding:0}
.mix-transfer{padding:12px 0 18px;border-bottom:1px solid var(--border);margin-bottom:8px}
.mix-transfer .actions{margin-top:12px}
.transfer-status{color:var(--accent);margin:14px 0 0}
.transfer-error{color:#f2bdab;margin:14px 0 0}
.track{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding:9px 0}
.track .ordinal{color:var(--accent);font-variant-numeric:tabular-nums}
.track .song{font-weight:750;overflow-wrap:anywhere}
.toast{position:fixed;bottom:22px;right:22px;z-index:4;background:var(--accent);color:var(--dark);border-radius:5px;padding:10px 15px;font-weight:700;max-width:calc(100% - 44px);box-shadow:0 4px 20px #0008}
footer{border-top:1px solid var(--border);padding:21px 0;color:var(--muted)}
.foot{display:flex;justify-content:space-between;gap:12px}
html.no-art .cover,html.no-art .cover-mosaic{display:none}
html.no-art .hero-inner{grid-template-columns:1fr}
@media(max-width:930px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.wrap{width:calc(100% - 34px)}.mast-label{display:none}.mast-row{justify-content:space-between;gap:8px;height:50px}.hero-inner{grid-template-columns:1fr;gap:20px;padding-block:25px 23px}.hero h1{font-size:clamp(62px,14vw,86px)}.hero p{margin:14px 0}.cover-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}.tabs{gap:19px}.section-head{align-items:start;flex-direction:column;gap:7px}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card-body{padding:9px}.form-row{grid-template-columns:1fr 1fr}main{padding-block:21px 42px}}
@media(max-width:380px){.grid{grid-template-columns:1fr}.settings-link{grid-template-columns:1fr}.track{grid-template-columns:26px minmax(0,1fr)}.track .actions{grid-column:2}}
.taste-list{list-style:none;padding:0;margin:17px 0}
.taste-list li{display:grid;grid-template-columns:minmax(170px,.65fr) minmax(80px,1fr);align-items:center;gap:16px;border-bottom:1px solid var(--border);padding:9px 0}
.taste-list li span{display:block}
.taste-note{margin:5px 0 2px;color:#d4dacb}.taste-examples{margin:0 0 4px}.taste-list li{grid-template-columns:minmax(0,3fr) minmax(62px,1fr)}
.taste-list meter{width:100%;height:20px;accent-color:var(--accent)}
.spin-stats{display:flex;gap:clamp(25px,6vw,80px);padding:0 0 22px;border-bottom:1px solid var(--border);margin:0 0 20px}
.spin-stats>div{display:grid;gap:2px}
.spin-stats strong{font:normal clamp(28px,4vw,43px)/1 var(--serif);color:var(--accent)}
.spin-stats span{font-size:.8rem;color:var(--muted)}
.spin-pool-note{margin:-8px 0 18px}
.spin-controls{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin-bottom:9px}
.spin-controls .button{min-height:41px}
.spin-pick{display:grid;grid-template-columns:minmax(180px,35%) minmax(0,1fr);align-items:start;margin-bottom:20px}
.spin-pick-copy{padding:clamp(18px,3vw,36px)}
.spin-pick h3{font-size:clamp(30px,4vw,56px);font-weight:400;margin:12px 0 10px;line-height:1}
.spin-pick .why{font-size:.95rem;max-width:53ch;margin:16px 0}
.spin-count{font-size:.78rem;color:var(--accent);margin:10px 0}
.spin-pick .spin-count{font-size:.9rem;margin:15px 0}
.spin-footnote{font-size:.8rem;margin-top:15px}
.spin-recent{list-style:none;padding:0;margin:12px 0 0}
.spin-recent li{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}
.spin-recent li:last-child{border:0;padding-bottom:0}
.spin-recent strong{overflow-wrap:anywhere}
html.no-art .spin-pick{grid-template-columns:1fr}
html.no-art .spin-recent li{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:680px){.spin-controls{grid-template-columns:1fr 1fr}.spin-controls .button{grid-column:1/-1}.spin-pick{grid-template-columns:1fr}.spin-pick>.cover{max-width:380px;justify-self:center}.spin-stats{justify-content:space-between;gap:12px}.spin-stats span{font-size:.73rem}}
.hero-inner{grid-template-columns:1fr}.hero h1{font-size:clamp(65px,9vw,112px)}.mast-row #signout{margin-left:auto}.panel .actions,.panel>button,.panel>form{margin-top:14px}.collection-search{margin-bottom:20px}textarea{font:inherit;min-height:100px;border:1px solid #485444;border-radius:4px;background:var(--soft);padding:10px;color:var(--text);width:100%}.source-link{margin-top:15px;align-self:start}.taste-list span{color:var(--accent)}
[hidden]{display:none!important}
.discovery-panel{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.discovery-panel>strong{font:normal 28px/1.2 var(--serif);color:var(--accent)}
.discovery-panel>p{margin:0;flex:1 1 340px}.discovery-panel>p:last-child{flex-basis:100%;font-size:.83rem}
.discovery-panel #discovery-actions{margin-left:auto}.discovery-panel .button{margin:0}
.discovery-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.45fr) auto;gap:15px;align-items:end;margin:22px 0}
.discovery-filters .tiny{min-height:41px}
.recommendation-card .card-body{display:flex;flex-direction:column;gap:8px}
.recommendation-card .eyebrow,.recommendation-card .byline,.recommendation-card h3,.recommendation-card p{margin:0}
.recommendation-card .why{font-size:.91rem;line-height:1.55;color:var(--text)}
.recommendation-card .evidence,.recommendation-card .edition{font-size:.78rem;line-height:1.5;color:var(--muted)}
.recommendation-card .edition{padding-bottom:8px;border-bottom:1px solid var(--border)}
.recommendation-card .music-links{margin-top:8px;gap:6px;flex-wrap:wrap}
.recommendation-card .source-link{margin:3px 0 10px}
.pass-controls{display:grid;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}
.pass-controls label{font-size:.76rem}.pass-controls select{margin-top:5px;min-width:0;width:100%;font-size:.8rem}
.optional{font-weight:400;color:var(--muted)}.pass-controls .button{font-size:.83rem;min-height:36px}
.cover-placeholder{aspect-ratio:1/1;display:grid;place-items:center;padding:20px;background:var(--soft);color:var(--muted);font-size:.85rem;text-align:center}
html.no-art .cover-placeholder{display:none}
.passed-list{list-style:none;padding:0}.passed-list li{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--border)}
.passed-list .summary{display:block;margin:4px 0 0;font-size:.8rem}.passed-list .tiny{flex-shrink:0}
#passed-list>summary{cursor:pointer;font-weight:700;color:var(--accent)}#passed-results:empty{display:none}
#passed-results{margin-top:28px}.discovery-credit{font-size:.8rem;margin-top:25px}.show-more{margin-top:22px}
@media(max-width:680px){.discovery-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.discovery-filters>label:first-child{grid-column:1/-1}.recommendation-card .card-body{gap:7px}.recommendation-card .music-links .tiny{font-size:.7rem}.passed-list li{align-items:start}.discovery-panel #discovery-actions{margin-left:0}}
.toast-undo{margin-left:12px;background:var(--dark);color:var(--accent);border-color:var(--dark)}

/* Collector studio: black backgrounds and green accents with square artwork. */
.hero-inner{grid-template-columns:minmax(0,1.7fr) minmax(220px,.75fr);gap:clamp(26px,6vw,85px)}
.hero h1{font-size:clamp(72px,8.5vw,122px);line-height:.85}
.hero-stats{display:flex;gap:clamp(16px,3vw,42px);margin-top:25px;flex-wrap:wrap}
.hero-stats button{display:grid;gap:4px;background:transparent;border:0;padding:0;text-align:left;color:var(--text)}
.hero-stats strong{font:normal 31px/1 var(--serif)}.hero-stats span{font-size:.75rem;color:var(--muted)}
.hero-stats button:hover span{color:var(--accent)}
.sync-status{font-size:.74rem;color:var(--muted);padding-top:8px;min-height:20px}
.sync-status:empty{display:none}.tabs{scrollbar-width:thin;scrollbar-color:#536146 #191d17}
.tab{min-height:52px}.toolbar{z-index:10}.card h3{overflow-wrap:anywhere}.card .details-button{margin-top:10px;align-self:start}
.results-count{margin:0 0 16px}.track-details{scroll-margin-top:110px}.spin-recent .cover-placeholder{display:none}
.spin-recent img.cover{aspect-ratio:1;max-width:50px}.spin-recent .cover+div[hidden]{display:none}
.card .shop-links .actions{margin-top:0}.card .source-link{margin-bottom:8px}
@media(min-width:681px){.cover-mosaic{aspect-ratio:1;width:100%}.cover-mosaic img{aspect-ratio:1;width:100%;height:100%;object-fit:contain}}
@media(max-width:680px){.hero-inner{grid-template-columns:1fr;gap:23px}.hero h1{font-size:clamp(65px,15vw,96px)}.cover-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;padding:4px;gap:3px}.hero-stats{justify-content:space-between;gap:10px}.hero-stats strong{font-size:27px}.hero-stats span{font-size:.69rem}.hero-actions .button{font-size:.8rem}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.badge{font-size:.55rem;letter-spacing:.08em}.brand{font-size:.67rem;letter-spacing:.08em}.mast-row{height:auto;min-height:56px;flex-wrap:wrap;padding-block:10px}.mast-row #signout{margin-left:auto}.form-row{grid-template-columns:1fr}.settings-link{grid-template-columns:1fr}.track{grid-template-columns:26px minmax(0,1fr)}.track .actions{grid-column:2}.spin-recent li{grid-template-columns:42px minmax(0,1fr) auto}}

.reccy-synopsis{font-size:1.05rem;line-height:1.75;max-width:74ch;color:var(--text)}
.taste-theme{padding:18px 0;border-top:1px solid var(--border);margin-top:18px}.taste-theme h3{font-size:1.2rem}.taste-theme .byline{margin-bottom:0}
.reccy-tier{align-self:start;background:#26351e;border:1px solid #435a31;border-radius:3px;padding:4px 6px;font-size:.62rem}

/* Compact album actions; the two icon groups wrap together on small cards. */
.icon{width:20px;height:20px;display:block;flex:none}
.icon-button{width:36px;height:36px;min-height:36px;padding:7px;flex:none;color:var(--accent);background:transparent;border-color:transparent;border-radius:6px}
.icon-button:hover,.icon-button:focus-visible{background:var(--soft);border-color:var(--accent)}
.icon-button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--dark)}
.service-icons,.taste-icons{display:flex;gap:2px;align-items:center;flex:none}
.album-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 8px;padding-top:7px;border-top:1px solid var(--border)}
.album-footer{margin-top:auto;padding-top:9px;display:grid;gap:9px}
.card .album-footer .actions{margin-top:0;padding-top:0}
.play-actions .primary{gap:5px;padding:7px 10px;min-height:35px}
.play-actions .icon{width:14px;height:14px}
.collection-card .card-body{gap:7px;padding:12px}
.collection-card .tag{font-size:.6rem;line-height:1.5;letter-spacing:.1em}
.collection-card h3{margin:0;font-size:1.3rem;line-height:1.12}
.collection-card .byline{margin:0;line-height:1.4;font-size:.84rem}
.album-years{margin:1px 0 0;font-size:.76rem;line-height:1.55;color:var(--muted)}
.collection-card .spin-count{margin:0;font-size:.74rem;line-height:1.4}
.recommendation-card .album-toolbar{margin-top:3px}
.spin-pick-copy>.album-toolbar{justify-content:flex-start;margin-top:12px}
@media(pointer:coarse){.icon-button{width:40px;height:40px;min-height:40px}}
@media(max-width:680px){.collection-card .card-body{padding:10px;gap:6px}.collection-card h3{font-size:1.17rem}.album-toolbar{column-gap:6px}.play-actions .primary{font-size:.7rem}}
.catalog-filters{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr))}
.date-note{font-size:.78rem;margin:-8px 0 16px}
@media(max-width:680px){.catalog-filters{grid-template-columns:1fr 1fr}.catalog-filters>label:first-child,.catalog-filters>label:last-child{grid-column:1/-1}}

/* A smaller shelf introduction keeps the records close to the top. */
.hero-inner{grid-template-columns:minmax(0,1fr) 210px;gap:32px;padding-block:24px}
.hero h1{font-size:clamp(40px,4.4vw,64px);line-height:1;letter-spacing:-.055em;margin:7px 0 10px}
.hero p{font-size:.91rem;line-height:1.5;margin:8px 0;max-width:75ch}
#hero-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
#hero-description.expanded{display:block;overflow:visible}
.hero-description-toggle{padding:0;margin:0 0 9px;border:0;background:none;color:var(--accent);font-size:.74rem;text-decoration:underline;text-underline-offset:3px}
.hero-actions{margin-top:10px;gap:7px}.hero-actions .button{font-size:.76rem;min-height:33px;padding:6px 10px}
.hero-stats{margin-top:14px;gap:clamp(18px,3vw,36px)}.hero-stats strong{font-size:25px}.hero-stats span{font-size:.69rem}
.hero .cover-mosaic{max-width:210px;justify-self:end}
.discovery-panel{padding:13px;gap:6px 14px}.discovery-panel>strong{font-size:26px}
.discovery-panel>p:last-child{font-size:.76rem;line-height:1.5}.discovery-filters{margin-block:16px}
.recommendation-card .actions{margin-top:0;padding-top:0}
.pick-actions{justify-content:space-between;gap:6px;flex-wrap:nowrap}
.pick-actions>.tiny{font-size:.7rem;min-height:30px;padding:5px 7px}
.pick-actions>.tiny:last-child{margin-left:auto;text-align:right}
.shop-links{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:0;padding-top:5px}
.shop-links .tag{font-size:.61rem;letter-spacing:.1em}.shop-icons{display:flex;gap:3px;flex:none}
.shop-icons .icon-button{width:34px;height:34px;min-height:34px;padding:6px}
.shop-icons .icon{width:22px;height:22px}
.pass-controls{margin-top:0;padding-top:8px;gap:6px}
.pass-controls label{display:block;font-size:.72rem}.pass-controls select{display:block;margin-top:4px;min-height:32px;padding:5px 7px}
.pass-controls .button{min-height:31px;padding:5px 8px;font-size:.76rem}
@media(pointer:coarse){.shop-icons .icon-button{width:40px;height:40px;min-height:40px}}
@media(max-width:680px){.hero-inner{grid-template-columns:1fr;gap:14px;padding-block:20px}.hero h1{font-size:clamp(38px,9vw,52px)}.hero .cover-mosaic{max-width:none;justify-self:stretch}.hero p{font-size:.85rem}.hero-stats{justify-content:flex-start;gap:22px}.hero-stats strong{font-size:23px}.shop-links{flex-wrap:wrap;gap:1px}.shop-icons{margin-left:auto}.pick-actions>.tiny{font-size:.65rem;padding:5px}.discovery-panel>strong{font-size:24px}}
.preview-row{display:flex;align-items:center;justify-content:space-between;flex:1 1 180px;gap:8px;min-width:0}
.preview-row>.tag{font-size:.61rem;letter-spacing:.1em}
.preview-row .service-icons{margin-left:auto}
.recommendation-card .pick-actions{padding-block:4px}
.site-links{display:flex;gap:16px;margin-left:auto;font-size:.76rem;color:var(--muted)}
.site-links a{text-decoration:none}.site-links a:hover{color:var(--accent)}
.site-links+#signout{margin-left:0}
.sharing-options{border:1px solid var(--border);border-radius:5px;margin:18px 0;padding:12px}
.sharing-options legend{font-weight:700;color:var(--accent)}.sharing-options>.summary{font-size:.8rem;margin-bottom:12px}
.sharing-options .toggle-line{display:inline-flex;margin:5px 16px 5px 0;font-size:.85rem}
.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.about-grid .panel{margin:0 0 2px}.about-grid+.panel{margin-top:16px}
.visitor-actions{margin-top:0!important;padding-top:0!important;justify-content:space-between}
.visitor-actions [aria-pressed=true]{background:var(--accent);color:var(--dark)}
.source-note{font-size:.72rem;color:var(--muted);margin:0}
.tabs>a.tab{text-decoration:none;display:flex;align-items:center}
@media(max-width:680px){.site-links{gap:12px;font-size:.7rem}.about-grid{grid-template-columns:1fr}.sharing-options .toggle-line{display:flex}.preview-row{flex-wrap:wrap}.preview-row .service-icons{margin-left:auto}}