.madi-guide{--guide-ink:#472d46;background:#f1eee7;border:1px solid #d9d2c9;color:var(--guide-ink);padding:24px;text-align:left;min-width:0}.madi-guide-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.madi-mark{width:34px;height:34px;display:grid;place-items:center;color:#472d46;background:#e3e2d8;border-radius:50%;flex:0 0 auto}.madi-mark svg{width:24px;height:24px}.madi-guide-name{display:block;font-size:19px;font-weight:600;line-height:1.1}.madi-guide-role{display:block;font-size:12px;color:#665965;margin-top:4px}.madi-guide-context{margin-left:auto;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.madi-guide-tabs{display:flex;gap:4px;border-bottom:1px solid #d3ccc3;margin-bottom:20px}.madi-guide-tabs button{padding:9px 10px 11px;font-size:12px;line-height:1.4;min-height:44px;color:#695f69;border-bottom:2px solid transparent}.madi-guide-tabs button[aria-pressed=true]{color:#472d46;border-color:#472d46;font-weight:600}.madi-guide-content h3{font-size:clamp(24px,2.2vw,33px);line-height:1.1;letter-spacing:-.035em;margin:0 0 12px}.madi-guide-content p{font-size:14px;line-height:1.65;margin-bottom:18px}.madi-next-link{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;border-bottom:1px solid #8c7b88;min-height:44px;padding:10px 0;font-size:14px;font-weight:600}.madi-goal-picks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.madi-goal-picks a,.madi-goal-picks button{background:#fbf8f2;padding:13px 12px;border:1px solid #d8cec9;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:13px;min-height:50px;text-align:left}.madi-goal-picks :is(button,a):hover{background:#e4e6dc;border-color:#9b9f8e}.madi-brief-rows{margin:0}.madi-brief-rows>div{border-bottom:1px solid #d8d0c7;padding:10px 0}.madi-brief-rows dt{font-size:11px;color:#6e626a}.madi-brief-rows dd{margin:2px 0 0;font-size:14px;display:flex;justify-content:space-between;gap:12px;overflow-wrap:anywhere}.madi-brief-rows dd a{font-size:12px;text-decoration:underline;flex:0 0 auto;padding:2px 4px}.madi-guide-content .madi-guide-note,.madi-guide-note{font-size:12px;margin:14px 0 0;color:#6c6169}.madi-guide-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #d3ccc3;margin-top:20px;padding-top:12px;font-size:11px;color:#6d6168}.madi-guide-footer button{min-height:44px;text-decoration:underline;color:#472d46}.madi-inline-question{margin:20px 0 0}.madi-inline-question summary{cursor:pointer;font-size:12px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px}.madi-inline-question summary:after{content:"+";font-size:18px}.madi-inline-question[open] summary:after{content:"−"}.madi-inline-question summary::-webkit-details-marker{display:none}.madi-inline-question label{font-size:12px;display:block;margin:8px 0 6px}.madi-inline-question form>div{display:flex}.madi-inline-question input{background:#fbf8f2;font-size:16px}.madi-inline-question button{min-width:44px;background:#472d46;color:white}.madi-guide-compact{padding:20px}.madi-guide-compact .madi-guide-context{display:none}.color-journey{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1440px;margin:0 auto;padding:12px var(--gutter);border-bottom:1px solid #ded6cc;background:#fbf8f2}.color-journey nav{display:flex;gap:24px}.color-journey nav a{display:flex;align-items:center;gap:9px;color:#756671;font-size:12px;min-height:32px}.color-journey nav a>span:first-child{font-size:10px;opacity:.75}.color-journey nav a>span:last-child{display:none}.color-journey nav a[aria-current=step]{color:#472d46;font-weight:600}.color-journey-saved{font-size:11px;text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40%}@media(max-width:760px){.madi-guide{padding:20px}.color-journey{padding:9px 20px}.color-journey nav{gap:18px;width:100%;justify-content:space-between}.color-journey nav a{font-size:10px;gap:5px}.color-journey nav a>span:first-child,.color-journey-saved{display:none}.madi-goal-picks{gap:6px}.madi-guide-footer{font-size:11px}.madi-guide-context{font-size:10px}.madi-guide-role{font-size:11px}}.appearance-surface{min-height:100vh}.appearance-surface,.appearance-surface main{background-color:var(--appearance-paper,#fbf8f2);transition:background-color .9s ease}.appearance-surface .atelier-header.site-header,.appearance-surface .color-journey{background-color:var(--appearance-paper);border-bottom-color:var(--appearance-line);transition:background-color .9s ease,border-color .9s ease}.appearance-surface .bv2 .bv2-options,.appearance-surface .qv2-live-brief,.appearance-surface .qv2-result-card,.appearance-surface .qv2-sample-shade{background-color:var(--appearance-panel);transition:background-color .9s ease}.appearance-surface .qv2-page{--q-rule:var(--appearance-line);--q-muted:#70616b}.appearance-surface .gallery-stage,.appearance-surface .gallery-thumbs button,.appearance-surface .photo-window{background-color:#fbf8f2}.hair-signature{display:block;max-width:100%;flex:0 0 auto;overflow:visible}.hair-signature path{transition:d .7s ease,stroke .9s ease}.hair-signature-compact{width:64px;height:27px}.atelier-header .your-color-link .hair-signature{width:42px;height:22px}.qv2-brief-signature{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-5px 0 14px;border-bottom:1px solid var(--appearance-line);padding-bottom:9px}.qv2-brief-signature .hair-signature{width:128px;height:48px}.qv2-brief-signature>p{color:#6f5b66;font-size:10px;line-height:1.6;margin:0;max-width:115px;text-align:right;text-transform:capitalize}.look-preferences{margin:26px 0;border-top:1px solid var(--appearance-line,#ded6cc);border-bottom:1px solid var(--appearance-line,#ded6cc);color:#472d46}.look-preferences>summary{display:flex;align-items:center;gap:19px;cursor:pointer;min-height:80px;padding:12px 0;list-style:none}.look-preferences>summary::-webkit-details-marker{display:none}.look-preferences>summary>span:not(.look-preferences-toggle){min-width:0}.look-preferences summary strong{display:block;font-family:var(--display);font-size:23px;font-weight:400;line-height:1.2}.look-preferences summary small{display:block;font-family:var(--sans);font-size:11px;line-height:1.5;color:#76636e;margin-top:5px;text-transform:capitalize}.look-preferences-toggle{font-size:24px;line-height:1;font-weight:400;margin-left:auto}.look-preferences[open] .look-preferences-toggle{transform:rotate(45deg)}.look-preferences-content{padding:5px 0 22px}.look-preferences-content>p{color:#70616b;font-size:13px;line-height:1.65;margin:0 0 19px;max-width:570px}.look-preferences-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}.look-preference-field{display:flex;flex-direction:column;gap:7px;font-size:12px;min-width:0}.look-preference-field>span{font-weight:600}.look-preference-field select{width:100%;color:#472d46;background-color:#fbf8f2;font-size:13px;padding:11px 36px 11px 12px;border:1px solid var(--appearance-line,#ded6cc);min-height:44px;border-radius:2px}.look-preferences-content>.look-preferences-caption{margin:17px 0 0;font-size:11px;line-height:1.6}.look-preferences-content>.look-preferences-notice{margin:12px 0 0;color:#472d46}.look-preferences-compact>summary{min-height:68px;gap:12px}.look-preferences-compact summary strong{font-size:20px}.look-preferences-compact .hair-signature{width:53px}.qv2-results>.look-preferences{max-width:900px;margin:-10px 0 32px}.purchase-panel>.look-preferences{margin-top:10px;margin-bottom:24px}[data-brief-changing]{animation:brief-attention 1.25s ease-out}@keyframes brief-attention{0%,22%{box-shadow:0 0 0 2px color-mix(in srgb,var(--appearance-accent,#85475b) 32%,transparent)}to{box-shadow:0 0 0 2px transparent}}@media (max-width:760px){.atelier-header .your-color-link .hair-signature{width:33px;height:25px}.look-preferences{margin:22px 0}.look-preferences>summary{gap:12px}.look-preferences summary strong{font-size:21px}.look-preferences-fields{gap:15px 12px}.look-preference-field select{font-size:16px}.qv2-results>.look-preferences{margin-top:-10px}}@media (max-width:360px){.look-preferences-fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.appearance-surface,.appearance-surface .atelier-header.site-header,.appearance-surface .bv2-options,.appearance-surface .color-journey,.appearance-surface .qv2-live-brief,.appearance-surface .qv2-result-card,.appearance-surface .qv2-sample-shade,.appearance-surface main,.hair-signature path{transition:none}[data-brief-changing]{animation:none;outline:1px solid var(--appearance-line);outline-offset:2px}}