#tp-nuancier{--ink:#333;--muted:#625853;--line:#e3d6cf;--gold:#965e00;color:var(--ink);font:16px/1.55 Karla,Arial,sans-serif;text-align:left;max-width:1140px;margin:0 auto}#tp-nuancier *{box-sizing:border-box}#prestablogfront:has(#tp-nuancier){max-width:1200px!important;margin:auto!important;padding:0 16px!important}#prestablogfront:has(#tp-nuancier) h1{font:700 36px/1.15 Karla,Arial,sans-serif!important;max-width:820px;text-transform:none!important;margin:26px 0 12px!important}#prestablogfront:has(#tp-nuancier) .article-byline{margin-bottom:24px!important}#tp-nuancier h2{font:700 28px/1.2 Karla,Arial,sans-serif!important;margin:0 0 20px!important;text-transform:none!important}#tp-nuancier h3{font:700 20px/1.3 Karla,Arial,sans-serif!important;text-transform:none!important;margin:0 0 8px!important}#tp-nuancier p{margin:0 0 16px!important;font-size:16px;line-height:1.55}#tp-nuancier a{color:inherit;text-decoration:underline;text-underline-offset:4px}#tp-nuancier img{display:block;max-width:100%}#tp-nuancier button,#tp-nuancier select{font:inherit;min-height:44px;border:1px solid var(--line);border-radius:3px;background:white;color:var(--ink);padding:8px 12px;touch-action:manipulation}#tp-nuancier button{cursor:pointer}#tp-nuancier a:focus-visible,#tp-nuancier button:focus-visible,#tp-nuancier select:focus-visible{outline:3px solid #43614a;outline-offset:4px}#tp-nuancier [hidden]{display:none!important}#tp-nuancier .tp-nuancier-intro{font-size:19px;max-width:800px}#tp-nuancier .tp-nuancier-note{font-size:14px;color:var(--muted);max-width:880px}#tp-nuancier .tp-nuancier-jump{display:flex;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0 30px}#tp-nuancier .tp-nuancier-jump a{display:flex;align-items:center;min-height:54px;text-decoration:none;font-weight:600}#tp-nuancier .tp-palette-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:12px}#tp-nuancier .tp-palette-heading h2{margin:0!important}#tp-nuancier label{display:block;font-size:14px;margin-bottom:5px}#tp-nuancier .tp-comparison-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;font-size:14px;padding:14px 0 20px;min-height:76px}#tp-nuancier .tp-comparison-bar p{font-size:14px;margin:0!important}#tp-nuancier .tp-comparison-bar button{font-size:14px}#tp-nuancier .tp-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px}#tp-nuancier .tp-shade{border:1px solid var(--line);background:#fff;border-radius:4px;overflow:hidden;padding:0!important;margin:0!important;min-width:0}#tp-nuancier .tp-shade-photo{display:block;background:#fff7f4}#tp-nuancier .tp-shade-photo img{width:100%;height:300px;object-fit:contain;margin:0 auto!important}#tp-nuancier .tp-shade-body{padding:18px}#tp-nuancier .tp-shade-body p{font-size:15px;min-height:46px;color:var(--muted)}#tp-nuancier .tp-shade-body button{width:100%;font-weight:600}#tp-nuancier .tp-shade-body button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:white}#tp-nuancier .tp-shade-body button:disabled{opacity:.5;cursor:not-allowed}#tp-nuancier .tp-shade-product{display:block;font-size:16px;margin-top:12px;min-height:36px}#tp-nuancier .tp-shade-guide{display:block;font-size:14px;margin-top:6px;min-height:36px}#tp-nuancier .tp-comparison{background:#fff7f4;padding:26px;margin:36px 0;border:1px solid var(--line);border-radius:4px}#tp-nuancier .tp-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:20px}#tp-nuancier .tp-compare-grid img{height:320px;width:100%;object-fit:contain;margin:0 auto 18px!important}#tp-nuancier .tp-compare-grid p{font-size:15px}#tp-nuancier .tp-compare-grid a{display:inline-flex;align-items:center;min-height:44px}#tp-nuancier .tp-nuancier-guide{padding:34px 0;border-top:1px solid var(--line);margin-top:34px}#tp-nuancier .tp-base-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}#tp-nuancier .tp-pose-grid{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin:22px 0}#tp-nuancier .tp-nuancier-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--line);padding:28px 0}#tp-nuancier .tp-nuancier-related h2{grid-column:1/-1;margin:0!important}#tp-nuancier .tp-nuancier-related a{text-decoration:none;display:block}#tp-nuancier .tp-nuancier-related strong,#tp-nuancier .tp-nuancier-related span{display:block}#tp-nuancier .tp-nuancier-related span{font-size:14px;color:var(--muted);margin-top:6px}#tp-nuancier,#tp-nuancier [id]{scroll-margin-top:100px}.tp-nuancier-backlink{font:16px/1.55 Karla,Arial,sans-serif;color:#333;max-width:920px;margin:32px auto;padding:22px 0;border-top:1px solid #e3d6cf}.tp-nuancier-backlink strong{font-size:20px}.tp-nuancier-backlink p{margin:8px 0 12px}.tp-nuancier-backlink a{color:#333;text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
#prestablogfront:has(#tp-nuancier){border:0!important}#prestablogfront #prestablogfont:has(#tp-nuancier){max-width:none!important;width:100%!important;margin:28px 0 0!important;text-align:left!important}#prestablogfront:has(#tp-nuancier) h1,#prestablogfront #tp-nuancier p,#prestablogfront #tp-nuancier h2,#prestablogfront #tp-nuancier h3{text-align:left!important}#prestablogfront #tp-nuancier h2:before,#prestablogfront #tp-nuancier h3:before,#prestablogfront #tp-nuancier h2:after,#prestablogfront #tp-nuancier h3:after{display:none!important}
@media(max-width:800px){#prestablogfront:has(#tp-nuancier) h1{font-size:28px!important}#tp-nuancier h2{font-size:24px!important}#tp-nuancier .tp-palette-heading{align-items:flex-start;flex-direction:column;gap:12px}#tp-nuancier .tp-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}#tp-nuancier .tp-shade-photo img{height:235px}#tp-nuancier .tp-base-grid,#tp-nuancier .tp-pose-grid,#tp-nuancier .tp-nuancier-related{grid-template-columns:1fr;gap:16px}#tp-nuancier .tp-compare-grid{gap:16px}#tp-nuancier .tp-compare-grid img{height:235px}#tp-nuancier .tp-comparison{padding:18px}#tp-nuancier .tp-nuancier-jump{justify-content:space-between;gap:8px;font-size:14px}}
@media(max-width:480px){#tp-nuancier .tp-shade-photo img{height:180px}#tp-nuancier .tp-shade-body{padding:12px}#tp-nuancier h3{font-size:18px!important}#tp-nuancier .tp-shade-body h3{min-height:47px}#tp-nuancier .tp-shade-body p{font-size:14px;min-height:65px}#tp-nuancier .tp-shade-product{font-size:14px}#tp-nuancier .tp-shade-guide{font-size:14px}#tp-nuancier .tp-compare-grid img{height:160px}#tp-nuancier .tp-comparison{padding:14px}#tp-nuancier .tp-compare-grid{gap:14px}#tp-nuancier .tp-compare-grid h3{font-size:18px!important}#tp-nuancier .tp-compare-grid p{font-size:14px}#tp-nuancier .tp-nuancier-intro{font-size:17px}}
#tp-nuancier{--card-photo:300px;--compare-photo:320px}#prestablogfront #tp-nuancier .tp-shade-photo img{height:var(--card-photo)!important;width:100%!important;object-fit:contain!important}#prestablogfront #tp-nuancier .tp-compare-grid img{height:var(--compare-photo)!important;width:100%!important;object-fit:contain!important}#prestablogfront #tp-nuancier button{font-size:15px!important}@media(max-width:800px){#tp-nuancier{--card-photo:235px;--compare-photo:235px}}@media(max-width:480px){#tp-nuancier{--card-photo:180px;--compare-photo:160px}#prestablogfront #tp-nuancier button{font-size:14px!important}}
@media(max-width:480px){#prestablogfront #tp-nuancier .tp-compare-grid h3{min-height:47px}}

/* Revision 3: hair patches and three-shade comparison. */
#prestablogfront #tp-nuancier .tp-shade-photo img{height:auto!important;aspect-ratio:1;object-fit:cover!important}
#prestablogfront #tp-nuancier .tp-compare-grid img{height:auto!important;aspect-ratio:1;object-fit:cover!important}
#tp-nuancier .tp-compare-grid{grid-template-columns:repeat(var(--compare-count,2),minmax(0,1fr));align-items:start}
#tp-nuancier .tp-compare-grid>section{min-width:0}
#tp-nuancier .tp-shade-results{display:block;min-height:44px;padding-top:12px;font-size:14px}
#tp-nuancier .tp-swipe-hint{display:none}
@media(max-width:680px){#tp-nuancier .tp-compare-grid{grid-template-columns:repeat(var(--compare-count,2),minmax(190px,1fr));overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:16px;max-width:100%;overscroll-behavior-x:contain}#tp-nuancier .tp-compare-grid>section{scroll-snap-align:start}#tp-nuancier .tp-swipe-hint{display:block;font-size:14px;color:#625853}}

#tp-nuancier .tp-compare-grid a{display:flex;width:fit-content;max-width:100%;margin-top:8px}

/* Customer-photo crops: retain source colors and link each crop to its full montage. */
#tp-nuancier .tp-shade-photo{position:relative;text-decoration:none;cursor:zoom-in}
#tp-nuancier .tp-photo-hint{position:absolute;right:8px;bottom:8px;left:8px;padding:7px 9px;background:rgba(255,255,255,.94);color:#333;font-size:12px;line-height:1.35;border-radius:2px;text-align:center}
#prestablogfront #tp-nuancier .tp-source-credit{font-size:13px!important;line-height:1.4!important;min-height:0!important;color:#625853;margin:4px 0 12px!important}
#tp-nuancier .tp-compare-grid a.tp-shade-photo{display:block;width:100%;margin:0 0 12px}
#tp-nuancier .tp-compare-grid .tp-shade-photo img{margin-bottom:0!important}
#tp-nuancier dialog{padding:16px;border:0;max-width:92vw;max-height:94vh;background:#fffaf8;border-radius:4px}
#tp-nuancier dialog::backdrop{background:rgba(0,0,0,.65)}
#tp-nuancier dialog button{display:block;margin:0 0 8px auto;min-height:44px}
#prestablogfront #tp-nuancier .tp-full-photo-caption{font-size:15px!important;margin:0 0 10px!important;line-height:1.4!important}
#prestablogfront #tp-nuancier dialog img{display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:72vh!important;object-fit:contain!important;margin:0 auto!important;aspect-ratio:1}
@media(max-width:480px){#tp-nuancier .tp-photo-hint{font-size:11px;left:5px;right:5px;bottom:5px;padding:6px 4px}}

/* Static, square shade photos; navigation remains available through the dedicated links. */
#tp-nuancier .tp-shade{border-radius:0}
#tp-nuancier .tp-shade-photo{cursor:default}
#prestablogfront #tp-nuancier .tp-shade-photo img,#prestablogfront #tp-nuancier .tp-compare-grid img{border-radius:0!important}