:root{--dct-ink:#18221d;--dct-muted:#657068;--dct-line:#d9ddd8;--dct-paper:#f6f4ef;--dct-accent:#b65b42;--dct-deep:#294237}.dct-page{margin:0;background:#f4f1eb;color:var(--dct-ink);font-family:Arial,sans-serif}.dct-page-shell{max-width:1240px;margin:0 auto;padding:36px 24px 80px}.dct-breadcrumb{display:flex;gap:10px;font-size:13px;margin-bottom:42px}.dct-breadcrumb a{color:inherit}.dct-page-head{max-width:760px;margin-bottom:30px}.dct-page-head h1{font:500 clamp(42px,7vw,76px)/1.02 Georgia,serif;margin:6px 0 16px}.dct-page-head>p:last-child{font-size:20px;line-height:1.6}.dct-kicker{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700;color:var(--dct-muted)}.dct-app{margin:34px 0 48px;padding:clamp(22px,4vw,46px);background:#fff;border:1px solid var(--dct-line);border-radius:3px;box-shadow:0 18px 50px rgba(30,45,37,.08);color:var(--dct-ink)}.dct-app__head{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:start}.dct-app h2{font:500 clamp(28px,4vw,44px)/1.1 Georgia,serif;margin:6px 0 12px}.dct-app__head>div:first-child>p:last-child{max-width:700px;color:var(--dct-muted);line-height:1.6}.dct-modes{display:flex;gap:8px}.dct-modes button{min-height:44px;padding:0 16px;border:1px solid var(--dct-line);background:#fff;color:var(--dct-muted);border-radius:2px}.dct-modes button.is-active{background:var(--dct-deep);color:#fff;border-color:var(--dct-deep)}.dct-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;position:relative;margin:30px 0 18px}.dct-search label>span,.dct-refine label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.dct-search input,.dct-refine select{box-sizing:border-box;width:100%;min-height:52px;border:1px solid #aeb6af;border-radius:2px;background:#fff;padding:0 16px;font:inherit;color:inherit}.dct-search>button,.dct-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:0;border-radius:2px;background:var(--dct-deep);color:#fff;font-weight:700;text-decoration:none;cursor:pointer}.dct-search>button{align-self:end}.dct-suggestions{position:absolute;z-index:20;left:0;right:190px;top:82px;background:#fff;border:1px solid var(--dct-line);box-shadow:0 12px 30px rgba(0,0,0,.13);max-height:330px;overflow:auto}.dct-suggestions button{display:flex;width:100%;align-items:center;gap:12px;min-height:52px;border:0;border-bottom:1px solid #eee;background:#fff;padding:8px 14px;text-align:left;font:inherit;cursor:pointer}.dct-suggestions button:hover,.dct-suggestions button:focus{background:var(--dct-paper)}.dct-suggestion-swatch{width:34px;height:34px;background:var(--dct-colour);border:1px solid rgba(0,0,0,.12)}.dct-refine{max-width:330px;margin:18px 0}.dct-status{min-height:24px;color:var(--dct-muted);font-size:14px}.dct-comparison{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--dct-line);margin-top:20px}.dct-reference,.dct-nearest{padding:28px}.dct-reference{border-right:1px solid var(--dct-line);background:var(--dct-paper)}.dct-reference__swatch{height:260px;background:var(--dct-colour);margin:18px 0;border:1px solid rgba(0,0,0,.12)}.dct-reference h3{font:500 30px/1.15 Georgia,serif;margin:0 0 8px}.dct-reference>p:last-child{color:var(--dct-muted)}.dct-paint-card{display:grid;grid-template-columns:150px 1fr;border:1px solid var(--dct-line);background:#fff}.dct-paint-card.is-primary{grid-template-columns:1fr; border:0}.dct-paint-card__swatch{min-height:150px;background:var(--dct-colour)}.dct-paint-card.is-primary .dct-paint-card__swatch{min-height:260px}.dct-paint-card__body{padding:20px}.dct-paint-card h4{font:500 26px/1.12 Georgia,serif;margin:4px 0 8px}.dct-code{color:var(--dct-muted)}.dct-quality{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dct-quality span{color:var(--dct-muted)}.dct-info{width:24px;height:24px;border:1px solid #8e9890;border-radius:50%;background:#fff;color:inherit;cursor:help}.dct-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.dct-actions a:last-child{background:#fff;color:var(--dct-deep);border:1px solid var(--dct-deep)}.dct-other{margin-top:38px}.dct-other h3{font:500 30px/1.2 Georgia,serif}.dct-other__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dct-disclaimer{margin-top:32px;padding:20px 22px;background:#f0eee8;border-left:3px solid var(--dct-accent)}.dct-disclaimer p{margin:7px 0;color:#4e5952;line-height:1.55}.dct-colour-reference{max-width:1180px;margin:46px auto;padding:32px;background:#f3f1ec;border:1px solid var(--dct-line);color:var(--dct-ink)}.dct-colour-reference h2{font:500 32px/1.15 Georgia,serif}.dct-colour-reference dl{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--dct-line);border:1px solid var(--dct-line)}.dct-colour-reference dl>div{background:#fff;padding:18px}.dct-colour-reference dt{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--dct-muted);margin-bottom:8px}.dct-colour-reference dd{margin:0;font-weight:700}.dct-trademark{font-size:12px;color:var(--dct-muted)}.dct-back a{color:var(--dct-deep);font-weight:700}.dct-page .dc-library-bridge__footer{margin-top:70px}@media(max-width:800px){.dct-app__head{grid-template-columns:1fr}.dct-modes{overflow:auto}.dct-search{grid-template-columns:1fr}.dct-suggestions{right:0;top:82px}.dct-comparison{grid-template-columns:1fr}.dct-reference{border-right:0;border-bottom:1px solid var(--dct-line)}.dct-other__grid{grid-template-columns:1fr}.dct-colour-reference dl{grid-template-columns:1fr 1fr}.dct-paint-card{grid-template-columns:110px 1fr}.dct-reference__swatch,.dct-paint-card.is-primary .dct-paint-card__swatch{height:210px;min-height:210px}}@media(max-width:520px){.dct-page-shell{padding:24px 14px 60px}.dct-app{padding:20px 14px}.dct-modes button{min-width:112px}.dct-colour-reference{margin:30px 14px;padding:20px 14px}.dct-colour-reference dl{grid-template-columns:1fr}.dct-paint-card{grid-template-columns:90px 1fr}.dct-paint-card__body{padding:15px}.dct-actions a{width:100%}}