/* Distinctly editorial interface. Colour is the material; chrome stays quiet. */
:root{--bg:#faf9f6;--surface:#fff;--surface-alt:#f1f0ec;--border:#e1e0db;--text:#202625;--text-secondary:#606762;--text-tertiary:#717770;--accent:#b64c18;--accent-soft:#fff1e7;--display:'Instrument Serif',Georgia,serif}
body{padding:28px 48px 32px;line-height:1.5}.wrap{max-width:1240px}.wrap>header{align-items:center;justify-content:space-between;margin:0;padding-bottom:22px;border-bottom:1px solid var(--border)}.brandLockup{width:auto}.brandLogo{width:260px}.journey{display:flex;align-items:center;gap:24px;list-style:none;padding:0;margin:0;color:var(--text-tertiary);font-size:11px;letter-spacing:.02em}.journey li{display:flex;align-items:center;gap:8px;white-space:nowrap}.journey b{font-size:10px;font-weight:400;width:23px;height:23px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;font-variant-numeric:tabular-nums}.journey li:first-child{color:var(--text)}.journey li:first-child b{background:var(--text);color:white;border-color:var(--text)}
.heroIntro{margin:58px auto 40px;max-width:100%;gap:14px;align-items:center;text-align:center}.heroIntro:before{content:'COLOR FOR SCIENTIFIC FIGURES';font-size:10px;letter-spacing:.19em;color:var(--text-secondary)}.heroIntroLead{font:400 clamp(44px,5.4vw,70px)/1.03 var(--display);letter-spacing:-.035em;max-width:850px}.heroIntroSupport{font-size:14px;line-height:1.65;max-width:610px;color:var(--text-secondary)}.moodPicker{max-width:1000px;margin:0 auto 52px}.moodPickerControls{max-width:640px;margin:0 auto 32px}.moodGrid{gap:18px}.moodTile{padding:10px 10px 15px;border-radius:9px;gap:13px;background:#fff;box-shadow:none;transition:transform .18s,border-color .18s,box-shadow .18s}.moodTile:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2026250b}.moodTileSwatchRow{height:76px;border-radius:4px}.moodTileName{font-size:13px;letter-spacing:-.02em;padding:0 3px}.moodTileBadge{font-size:9px;font-weight:500;letter-spacing:.03em;right:13px}.moodTileRecommended{border-color:#c88359}.moodTile:focus-visible{outline:2px solid var(--text);outline-offset:4px}footer{margin-top:32px;font-size:11px;padding-top:20px}
body:has(#paletteTournament:not([hidden])) .heroIntro{display:none}body:has(#paletteTournament:not([hidden])) .journey li:first-child{color:var(--text-tertiary)}body:has(#paletteTournament:not([hidden])) .journey li:first-child b{background:transparent;color:inherit;border-color:var(--border)}body:has(#paletteTournament:not([hidden])) .journey li:nth-child(2){color:var(--text)}body:has(#paletteTournament:not([hidden])) .journey li:nth-child(2) b{background:var(--text);color:white;border-color:var(--text)}
.paletteTournament{margin:40px 0}.tournamentPanel{border:0;border-radius:0;padding:0;background:transparent}.tournamentPanelHead{margin-bottom:25px;align-items:center}.tournamentMoodName{font:400 42px/1.1 var(--display);letter-spacing:-.02em}.tournamentPanelHead:after{content:none}.tournamentInstructions{font-size:13px;color:var(--text-secondary);margin:-12px 0 28px}.tournamentRound{gap:20px}.tournamentCard{padding:15px;border-radius:9px;background:white;border:1px solid var(--border);gap:18px;transition:border-color .18s,box-shadow .18s}.tournamentCardKept{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.keepPaletteBtn{font-size:11px;padding:6px 12px;min-height:32px;order:2}.keepPaletteBtnActive{background:var(--text);border-color:var(--text);color:white}.tournamentSwatchRow{gap:3px}.tournamentSwatch{height:170px;border-radius:3px}.tournamentSwatchGrid .tournamentSwatch{height:45px}.tournamentGradient{height:170px;border-radius:3px}.tournamentActions{margin-top:24px;gap:10px}.tournamentActions button{min-height:44px;font-size:12px;border-radius:7px}.tournamentActions #tournamentUse{flex:0 1 240px;margin-left:auto;background:var(--text);border-color:var(--text);color:white}.savedColours{padding-top:20px;margin-top:26px}.savedColours[hidden]{display:none}.tournamentWheelToggle{min-height:36px}.likeColourBtn{width:24px;height:24px;line-height:24px;font-size:11px}.pinAnchorHint{top:auto;bottom:6px;left:6px}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--text);outline-offset:4px}
.pkShell{max-width:1240px}.pkTopbar{padding:0 0 22px;border-color:var(--border)}.pkTopbarBrand{align-items:center;gap:0}.studioBrandLogo{width:260px}.pkTopbarTitle{display:none}.pkClose{font-size:11px;min-height:40px}.pkTopbar .journey{margin-left:auto;margin-right:36px}.pkTopbar .journey li:first-child{color:var(--text-tertiary)}.pkTopbar .journey li:first-child b{background:transparent;color:inherit;border-color:var(--border)}.pkTopbar .journey li:last-child{color:var(--text)}.pkTopbar .journey li:last-child b{background:var(--text);color:white;border-color:var(--text)}
.collectionStudio{padding-top:45px}.collectionIntro{margin-bottom:32px}.collectionIntro h1{font:400 clamp(44px,4.6vw,62px)/1.03 var(--display);letter-spacing:-.025em;margin-bottom:17px}.collectionIntro p{font-size:13px;color:var(--text-secondary)}.pkEyebrow{font-size:10px;letter-spacing:.16em;color:var(--text-secondary);margin-bottom:13px}.collectionDownload select{border-color:var(--border);min-height:44px;background:transparent}.collectionDownload button{background:var(--text);font-size:12px;transition:background .18s,transform .18s}.collectionDownload button:hover{background:#3b4641;transform:translateY(-1px)}.collectionSwatches{gap:8px;padding-bottom:28px;border-bottom:1px solid var(--border);margin-bottom:30px}.collectionSwatches i{height:76px;border-radius:3px}.collectionSwatches span{font:10px/1.4 'Schibsted Grotesk',sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.035em;color:var(--text-secondary)}.collectionWorkspace{grid-template-columns:205px minmax(0,1fr);gap:40px}.collectionPickerTitle{font-size:12px}.collectionPicker>p{color:var(--text-secondary);line-height:1.65}.collectionFigure{border-radius:6px}.collectionFigure.active{background:#ebece6;border-color:transparent}.collectionFigure button span{color:var(--text-secondary)}.collectionFigure strong{font-size:13px}.collectionCanvasHeader h2{font:400 30px/1.1 var(--display);letter-spacing:-.01em}.collectionCanvasHeader>span{color:var(--text-secondary)}.collectionPlot{border:1px solid var(--border);border-radius:6px;padding:26px 34px;box-shadow:0 4px 20px #20262503}.collectionPlot svg{max-height:430px}.collectionPaper{background:#eae9e3;padding:32px;box-shadow:inset 0 0 0 1px #20262506}.collectionPaper .pkA4{max-width:690px;margin:auto;box-shadow:0 10px 32px #20262512}.collectionCaption,.collectionChecks{color:var(--text-secondary)}.collectionSheetButton{font-size:13px;min-height:50px;transition:background-color .18s,color .18s,border-color .18s}.collectionSheetButton span{transition:transform .18s}.collectionSheetButton:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.collectionSheetButton:hover span{transform:translate(2px,-2px)}.collectionSheetButton[aria-pressed=true]{color:var(--accent-text)}.collectionBase>span{color:var(--text-secondary)}.collectionBase button{width:32px;height:32px;min-height:32px}.collectionModes button{min-height:40px}.collectionChecks{margin-top:36px}.collectionChecks summary{min-height:30px}
@media(prefers-reduced-motion:no-preference){.moodPicker,.paletteTournament,.collectionStudio{animation:arrive .3s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1000px){body{padding:24px 28px}.journey{gap:14px}.brandLogo,.studioBrandLogo{width:220px}.pkTopbar .journey{margin-right:20px}.pkTopbar .journey li{font-size:0;gap:0}.pkTopbar .journey b{font-size:10px}.collectionIntro{gap:20px}.tournamentSwatch{height:140px}.heroIntro{margin-top:42px}}
@media(max-width:640px){body{padding:18px 20px 28px}.brandLogo,.studioBrandLogo{width:195px}.wrap>header,.pkTopbar{padding-bottom:16px}.journey{gap:7px}.journey li{font-size:0;gap:0}.journey b{font-size:9px;width:21px;height:21px}.heroIntro{margin:36px 0 30px;gap:15px}.heroIntro:before{font-size:8px;letter-spacing:.16em}.heroIntroLead{font-size:46px;max-width:330px}.heroIntroSupport{font-size:12px;max-width:330px}.moodPickerControls{margin-bottom:25px}.moodGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.moodTile{padding:8px 8px 13px;gap:11px}.moodTileSwatchRow{height:60px}.moodTileName{font-size:11px}.moodTileBadge{font-size:8px}.paletteTournament{margin-top:30px}.tournamentMoodName{font-size:35px}.tournamentInstructions{font-size:12px}.tournamentRound{grid-template-columns:1fr;gap:12px}.tournamentCard{padding:11px;gap:11px}.tournamentSwatch,.tournamentGradient{height:87px}.tournamentSwatchGrid .tournamentSwatch{height:32px}.tournamentActions{flex-wrap:wrap}.tournamentActions #tournamentUse{flex:1 0 100%;margin-left:0}.tournamentActions .secondary{flex:1}.savedColours{flex-wrap:wrap}.pkTopbar .journey{display:none}.pkClose{font-size:10px;padding:8px 0 8px 10px}.collectionStudio{padding-top:30px}.collectionIntro h1{font-size:48px}.collectionIntro h1 br{display:none}.collectionIntro p{font-size:12px}.collectionSwatches i{height:48px}.collectionSwatches{gap:4px;padding-bottom:20px;margin-bottom:24px}.collectionSwatches span{font-size:8px;letter-spacing:0}.collectionWorkspace{gap:26px}.collectionCanvasHeader h2{font-size:29px}.collectionPlot{padding:15px 5px}.collectionPaper{padding:10px}.collectionDownload{gap:6px}.collectionDownload button{padding:12px;font-size:11px}.collectionDownload button span{margin-left:8px}.collectionDownload select{font-size:11px}.collectionSwatches.many{grid-template-columns:repeat(8,minmax(0,1fr))}.collectionSwatches.many span{font-size:8px}.collectionChecks{margin-top:24px}}

body:has(#paletteTournament:not([hidden])) .heroIntro:before,.figureWorkspace .heroIntro:before{content:none}

/* Companion controls stay separate from the categorical collection. */
.collectionCompanion{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:-13px 0 28px;font-size:11px;color:var(--text-secondary)}.collectionCompanion select{font:inherit;border:1px solid var(--border);border-radius:6px;background:white;min-height:36px;padding:6px 28px 6px 10px;color:var(--text)}#studioControlSample{width:25px;height:25px;border:1px solid #525a56}#studioControlSample[hidden]{display:none}#studioControlNote{font-size:10px}@media(max-width:640px){.collectionCompanion{margin:-6px 0 25px}#studioControlNote{flex-basis:100%}}

/* Final readability and interaction pass. */
.brandLogo,.studioBrandLogo{width:286px}
.heroIntroLead,.collectionIntro h1{letter-spacing:-.012em;line-height:1.08}
.collectionPicker>p,.collectionFigure button span,.collectionCaption,.collectionChecks{font-size:12px}
.collectionFigure button:hover{background:transparent;color:var(--text)}
.collectionSwatches .collectionSwatch{display:block;min-width:0;padding:0;border:0;border-radius:3px;background:transparent;color:var(--text);box-shadow:none;text-align:left}
.collectionSwatches .collectionSwatch:hover{background:transparent;border-color:transparent;box-shadow:none}
.collectionSwatch:hover i{box-shadow:inset 0 0 0 1px #20262533}
.collectionSwatches .collectionSwatch span{user-select:text}
.collectionSwatches.many{grid-template-columns:repeat(10,minmax(0,1fr))}
.collectionSwatches.many span{font-size:10px}
.collectionCopyHint{font-size:12px;color:var(--text-secondary);margin:-17px 0 25px}
.collectionCompanion{margin-top:0;font-size:12px}#studioControlNote{font-size:12px}
@media(max-width:1000px){.brandLogo,.studioBrandLogo{width:240px}}
@media(max-width:640px){.brandLogo,.studioBrandLogo{width:205px}.heroIntroSupport,.collectionIntro p{font-size:14px}.moodTileName{font-size:12px}.collectionSwatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}.collectionSwatches span{font-size:11px}.collectionSwatches.many{grid-template-columns:repeat(4,minmax(0,1fr))}.collectionSwatches.many span{font-size:10px}.collectionFigure button span{font-size:11px}.collectionCopyHint{margin-top:-12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.collectionSheetButton:hover span{transform:none}}
.collectionCompanion{display:flex;flex-direction:row;align-items:center}.collectionCompanion label{margin:0}.collectionCompanion select{width:auto;flex:0 0 auto;max-width:180px}.collectionCompanion #studioControlNote{flex:0 1 auto}