.cg-section{--cg-ink:#283e34;--cg-muted:#526052;--cg-border:#d8dcd1;--cg-paper:#fffdf8;--cg-cream:#eeeee4;color:var(--cg-ink);margin:62px 0 36px;font:14px/1.65 Arial,sans-serif;scroll-margin-top:24px}.cg-section *{box-sizing:border-box}.cg-section h2,.cg-section h3,.cg-section h4{color:var(--cg-ink);font-weight:normal;line-height:1.2}.cg-section h2{font:36px/1.15 Georgia,serif;letter-spacing:-.6px;margin:8px 0 12px}.cg-section h3{font:24px/1.2 Georgia,serif;margin:0 0 14px}.cg-section h4{font:18px/1.3 Georgia,serif;margin:0 0 10px}.cg-section p{margin:0 0 14px}.cg-section p:last-child{margin-bottom:0}.cg-eyebrow,.cg-step{color:var(--cg-muted);font-size:10px;letter-spacing:1.6px;text-transform:uppercase}.cg-heading{max-width:670px;margin-bottom:28px}.cg-heading>p:last-child{color:var(--cg-muted);font-size:15px}.cg-palette{padding:26px 30px;background:var(--cg-cream);border:1px solid var(--cg-border);margin-bottom:28px}.cg-palette-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}.cg-palette-title h3{margin:0;font-size:23px}.cg-palette-title>span{font-size:12px;color:var(--cg-muted)}.cg-palette-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:18px;margin:0 0 19px;padding:0;list-style:none}.cg-palette-item{display:grid;grid-template-rows:64px auto 1fr;gap:4px;min-width:0}.cg-palette-item img,.cg-palette-colour{width:64px;height:64px;border-radius:50%;border:1px solid #d5d7ca;object-fit:cover;margin-bottom:2px;display:block}.cg-palette-item img{object-fit:cover}.cg-palette-label{font-weight:bold;font-size:12px;line-height:1.4;margin-top:8px}.cg-palette-name{color:var(--cg-muted);font-size:12px;line-height:1.45;overflow-wrap:break-word}.cg-small{font-size:12px;line-height:1.65;color:var(--cg-muted)}.cg-primary-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:24px}.cg-card{background:var(--cg-paper);border:1px solid var(--cg-border);padding:30px;min-width:0}.cg-card>.cg-step{margin-bottom:16px}.cg-steps{padding-left:22px;margin:22px 0}.cg-steps li{padding-left:6px;margin:0 0 12px}.cg-steps li::marker{color:#586d53;font:17px Georgia,serif}.cg-plain{border-top:1px solid var(--cg-border);padding-top:20px;margin-top:24px}.cg-control-path{color:var(--cg-muted);font-size:11px;line-height:2.3;margin-top:22px!important}.cg-control-path span{padding:0 3px}.cg-wheel-layout{display:grid;grid-template-columns:minmax(210px,1fr) minmax(190px,1fr);gap:15px;align-items:center}.cg-wheel{width:100%;max-width:360px;margin:0 auto}.cg-wheel svg{display:block;width:100%;height:auto;overflow:visible}.cg-wheel svg text{fill:var(--cg-ink);font:10px Arial,sans-serif;letter-spacing:0}.cg-wheel svg .cg-wheel-centre{font:18px Georgia,serif}.cg-wheel svg .cg-wheel-caption{font:10px Arial,sans-serif}.cg-wheel path{opacity:.6}.cg-wheel path.cg-sector-selected{opacity:1;stroke:#283e34;stroke-width:2.5;paint-order:fill stroke}.cg-relationship-buttons{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0 22px}.cg-relationship-buttons button{background:transparent;border:1px solid #aab5a5;padding:9px 12px;min-height:44px;color:#283e34;border-radius:2px;font:12px Arial,sans-serif;cursor:pointer}.cg-relationship-buttons button[aria-pressed=true]{background:#29483b;color:#fff;border-color:#29483b}.cg-relationship-buttons button:focus-visible{outline:3px solid #526d4f;outline-offset:3px}.cg-relationship-buttons button:hover{border-color:#29483b}.cg-relationship-detail{min-height:245px}.cg-relationship-detail h4{font-size:20px}.cg-relationship-detail p{font-size:13px}.cg-example-chips{list-style:none;display:flex;gap:14px;padding:0;margin:20px 0;flex-wrap:wrap}.cg-example-chips li{display:flex;flex-direction:column;gap:6px;font-size:11px}.cg-example-chips span{display:block;width:42px;height:42px;border-radius:50%;border:1px solid #d5d7ca}.cg-relationship-message{font-weight:bold;font-size:13px}.cg-no-rules{border-top:1px solid var(--cg-border);padding-top:18px;margin-top:12px!important}.cg-tips-heading{margin:42px 0 20px}.cg-tips-heading p{margin-bottom:7px}.cg-tips-heading h3{font-size:28px}.cg-tips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cg-tip{padding:26px}.cg-tip>h3{font-size:23px}.cg-tip p{font-size:13px}.cg-tip .cg-small{font-size:12px}.cg-temperature{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cg-temperature h4{font-size:17px;margin:13px 0 8px}.cg-temperature-line{display:block;height:6px;border-radius:3px;margin:6px 0 0}.cg-warm{background:linear-gradient(90deg,#e5ddca,#cba39a,#b87961)}.cg-cool{background:linear-gradient(90deg,#8cabb8,#afb7a1,#7e8768)}.cg-undertone{border-top:1px solid var(--cg-border);padding-top:17px;margin-top:20px!important}.cg-floor-list{padding:0;margin:18px 0;list-style:none;display:grid;gap:13px}.cg-floor-list li{display:flex;gap:12px;align-items:center}.cg-floor-list>li>span{flex:0 0 32px;height:32px;border:1px solid #d5d7ca;border-radius:2px}.cg-floor-list p{margin:0;font-size:12px;line-height:1.5}.cg-floor-list strong{display:block;font-weight:bold}.cg-balance-bar{display:flex;width:100%;height:42px;border-radius:3px;overflow:hidden;margin:24px 0}.cg-balance-bar span{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:bold;min-width:0}.cg-balance-bar span:nth-child(1){flex:6;background:#e5ddca;color:#283e34}.cg-balance-bar span:nth-child(2){flex:3;background:#9da78c;color:#203329}.cg-balance-bar span:nth-child(3){flex:1;background:#455668;color:white}.cg-balance-list{margin:0 0 18px}.cg-balance-list>div{margin:0 0 13px}.cg-balance-list dt{font-size:13px;font-weight:bold}.cg-balance-list dd{font-size:12px;color:var(--cg-muted);margin:2px 0 0}.cg-colour-advisory{display:block;border:0;border-left:3px solid #6e8065;background:#eeeee4;padding:26px 30px;margin:28px 0 0;max-width:none}.cg-colour-advisory h3{font-size:23px}.cg-colour-advisory p{font-size:13px;max-width:900px;line-height:1.75}.cg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1250px){.cg-primary-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.1fr)}.cg-wheel-layout{grid-template-columns:1fr}.cg-wheel{max-width:300px}.cg-wheel-copy{max-width:none}.cg-relationship-buttons{justify-content:center;margin:2px 0 20px}.cg-relationship-detail{min-height:210px}.cg-example-chips{margin:17px 0}.cg-tips-grid{gap:18px}.cg-tip{padding:22px}.cg-temperature{grid-template-columns:1fr}.cg-temperature h4{margin-top:10px}}
@media(max-width:900px){.cg-section{margin-top:44px}.cg-primary-grid{grid-template-columns:1fr 1.1fr;gap:18px}.cg-card{padding:24px}.cg-tips-grid{grid-template-columns:1fr}.cg-tip{display:block}.cg-temperature{grid-template-columns:1fr 1fr}.cg-palette-items{grid-template-columns:repeat(auto-fit,minmax(85px,1fr))}.cg-palette-title>span{font-size:11px}.cg-tip>h3{font-size:24px}.cg-colour-advisory{display:block;padding:24px;grid-template-columns:none}.cg-tip>.cg-small{max-width:650px}}
@media(max-width:620px){.cg-section{font-size:14px;margin:38px 0 25px}.cg-section h2{font-size:30px}.cg-heading{margin-bottom:22px}.cg-heading>p:last-child{font-size:14px}.cg-primary-grid{grid-template-columns:1fr;gap:18px}.cg-card{padding:23px 20px}.cg-section h3{font-size:24px}.cg-palette{padding:23px 20px;margin-bottom:20px}.cg-palette-title{display:block;margin-bottom:18px}.cg-palette-title h3{font-size:23px;margin-bottom:5px}.cg-palette-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}.cg-palette-item{grid-template-rows:55px auto 1fr}.cg-palette-item img,.cg-palette-colour{width:55px;height:55px}.cg-palette-label{font-size:11px}.cg-palette-name{font-size:11px}.cg-wheel{max-width:295px}.cg-relationship-buttons{gap:6px;flex-wrap:nowrap}.cg-relationship-buttons button{padding:9px 8px;font-size:11px;flex:1;min-width:0}.cg-relationship-detail{min-height:225px}.cg-relationship-detail h4{font-size:21px}.cg-example-chips{gap:20px}.cg-no-rules{margin-top:0!important}.cg-tips-heading{margin-top:32px}.cg-tips-heading h3{font-size:26px}.cg-tips-grid{gap:18px}.cg-colour-advisory{padding:23px 20px}.cg-colour-advisory h3{font-size:23px}.cg-temperature{gap:18px}.cg-temperature h4{font-size:17px}.cg-temperature p{font-size:13px}.cg-balance-bar{max-width:400px}}
@media(max-width:360px){.cg-relationship-buttons{flex-wrap:wrap}.cg-relationship-buttons button{flex:1 0 auto;min-width:max-content;min-height:44px}}