.compass{scroll-margin-top:80px}.cp-progress{position:-webkit-sticky;position:sticky;top:68px;z-index:5;background:var(--bg);padding:14px 0 12px;margin-bottom:28px}.cp-progress-row{display:flex;justify-content:space-between;font-size:13px;font-weight:500;color:var(--muted);margin-bottom:8px}.cp-intro{display:grid;grid-template-columns:1.25fr 1fr;grid-gap:clamp(28px,5vw,72px);gap:clamp(28px,5vw,72px);align-items:start}.cp-how{list-style:none;margin:26px 0;display:grid;grid-gap:10px;gap:10px}.cp-how li{padding-left:30px;position:relative;color:var(--ink-2)}.cp-how li:before{content:"";position:absolute;left:0;top:7px;width:16px;height:16px;border-radius:50%;background:var(--teal-tint);box-shadow:inset 0 0 0 5px var(--teal)}.cp-scale{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px;max-width:520px}.cp-scale div{text-align:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 4px}.cp-scale b{display:block;font-family:var(--display);font-size:26px;font-weight:400;color:var(--maroon);line-height:1.1}.cp-scale span{font-size:11px;color:var(--muted);line-height:1.25;display:block}.cp-start{position:-webkit-sticky;position:sticky;top:92px;box-shadow:var(--shadow)}.cp-head{display:flex;gap:22px;align-items:center;margin-bottom:28px}.cp-letter{font-size:clamp(88px,12vw,140px);color:var(--blush-2);line-height:.8;-webkit-text-stroke:0}.cp-list{list-style:none;display:grid;grid-gap:14px;gap:14px}.cp-list li{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;transition:border-color .2s}.cp-list li.done{border-color:rgba(14,107,107,.35)}.cp-list p{font-size:clamp(16px,1.4vw,18px);font-weight:500;margin-bottom:14px;display:flex;gap:12px}.cp-n{flex:none;width:28px;height:28px;border-radius:8px;background:var(--blush);color:var(--maroon);font-weight:700;font-size:13px;display:grid;place-items:center;margin-top:1px}.cp-list li.done .cp-n{background:var(--teal);color:#fff}.cp-opts{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.cp-opts button{border:1.5px solid var(--line);background:var(--bg);border-radius:10px;padding:10px 4px;cursor:pointer;transition:all .15s}.cp-opts button:hover{border-color:var(--teal)}.cp-opts button b{display:block;font-size:18px}.cp-opts button span{display:block;font-size:11px;color:var(--muted);line-height:1.2}.cp-opts button.sel{background:var(--teal);border-color:var(--teal);color:#fff}.cp-opts button.sel span{color:rgba(255,255,255,.85)}.cp-nav{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.cp-two{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 16px;gap:0 16px}@media (max-width:860px){.cp-intro{grid-template-columns:1fr}.cp-start{position:static}.cp-two{grid-template-columns:1fr}}@media (max-width:560px){.cp-opts button span{display:none}.cp-list li{padding:16px}.cp-head{gap:14px}}