.issue-navigator-feature{display:grid;grid-template-columns:110px minmax(0,1fr);gap:28px;align-items:center;margin:34px 0;padding:clamp(24px,5vw,56px);background:#173e32;color:#f7f8ef;border:1px solid #79915f;position:relative;overflow:hidden}.issue-navigator-feature:after{content:"";position:absolute;width:310px;height:310px;border:1px solid #94aa6c55;border-radius:50%;right:-80px;top:-170px;box-shadow:0 0 0 24px #94aa6c16,0 0 0 48px #94aa6c10;pointer-events:none}.issue-navigator-mark{width:92px;height:92px;color:#d9e9b4}.issue-navigator-copy{position:relative;z-index:1;max-width:850px}.issue-navigator-copy .eyebrow{color:#cbdc9c}.issue-navigator-copy h2{font:clamp(30px,4vw,52px)/1.04 Georgia,serif;color:#fff;margin:10px 0 16px}.issue-navigator-copy>p:not(.eyebrow){max-width:740px;font-size:clamp(15px,1.4vw,18px);line-height:1.65;color:#e5ead9}.issue-navigator-steps{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 24px}.issue-navigator-steps span{border:1px solid #a4ba7e;padding:8px 12px;color:#e8efdc;font-size:12px;letter-spacing:.02em}.issue-navigator-copy .button{background:#d9e9b4;color:#173e32;border-color:#d9e9b4}.issue-navigator-copy small{display:block;margin-top:14px;max-width:660px;color:#c8d2bb;font-size:11px;line-height:1.5}.issue-engine-intro{border-left:3px solid #8da96f;background:#f0f4e8;padding:16px 18px;margin:18px 0;color:#334d36}.issue-engine-intro p{margin:5px 0;font-size:13px;line-height:1.6}.issue-engine-chat{display:grid;gap:14px}.issue-engine-messages{display:grid;gap:12px;max-height:55vh;overflow:auto;padding:4px}.issue-engine-message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;padding:15px 18px;border:1px solid #d1dbc6;background:#fffef8;color:#243c2d}.issue-engine-message.user{background:#173e32;color:#f5f8ed;margin-left:clamp(15px,8vw,100px);border-color:#173e32}.issue-engine-message.assistant{margin-right:clamp(15px,8vw,100px)}.issue-engine-meta{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#77866b;margin-bottom:6px}.issue-engine-message.user .issue-engine-meta{color:#d3e2bb}.issue-engine-ready{font-size:12px;color:#526744}.issue-engine-ready.offline{color:#805c1c}.navigator-brand{display:inline-flex;align-items:center;gap:12px;color:#173e32;font:24px Georgia,serif}.navigator-brand svg{width:46px;height:46px;color:#527646}@media(max-width:600px){.issue-navigator-feature{grid-template-columns:1fr;gap:18px;padding:25px 20px}.issue-navigator-mark{width:56px;height:56px}.issue-navigator-steps{display:grid;grid-template-columns:1fr}.issue-engine-message.user,.issue-engine-message.assistant{margin:0}}

/* The Solutions Navigator compass is a beveled 3D badge that swings and settles on north. */
.compass-3d{display:inline-grid;place-items:center;position:relative;width:100%;height:100%;flex:none;transform-style:preserve-3d;transform-origin:50% 50%;animation:compass-north-landing 2.65s cubic-bezier(.18,.68,.22,1) both;filter:drop-shadow(0 7px 6px #0b241955)}
.compass-3d::before{content:"";position:absolute;inset:7%;border:1px solid #fff5d2;border-radius:50%;background:linear-gradient(145deg,#f2e4b2 0%,#718a59 43%,#314b36 70%,#c4cf9f 100%);box-shadow:inset 0 2px 4px #fff8d899,0 5px 0 #102d23,0 8px 10px #091d16aa;transform:translateY(4px) translateZ(-7px);}
.compass-3d::after{content:"";position:absolute;inset:2%;border-radius:50%;border:1px solid #fff6d7aa;box-shadow:inset 0 0 0 2px #263f2e55,0 0 0 1px #78905c;transform:translateZ(1px);pointer-events:none}
.compass-3d-face{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:visible;transform:translateZ(5px);filter:drop-shadow(0 2px 2px #122b1b88)}
.navigator-brand .compass-3d{width:46px;height:46px}
.navigator-brand .compass-3d-face{width:46px;height:46px}
.compass-3d:hover{animation:compass-north-landing 1.85s cubic-bezier(.18,.68,.22,1) both}
@keyframes compass-north-landing{0%{transform:perspective(620px) rotateX(42deg) rotateY(-18deg) rotateZ(0deg) scale(.84)}28%{transform:perspective(620px) rotateX(25deg) rotateY(12deg) rotateZ(760deg) scale(1.06)}52%{transform:perspective(620px) rotateX(9deg) rotateY(-7deg) rotateZ(1110deg) scale(.98)}70%{transform:perspective(620px) rotateX(16deg) rotateY(3deg) rotateZ(1062deg) scale(1.015)}86%{transform:perspective(620px) rotateX(12deg) rotateY(-1deg) rotateZ(1091deg) scale(1)}100%{transform:perspective(620px) rotateX(14deg) rotateY(0deg) rotateZ(1080deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.compass-3d,.compass-3d:hover{animation:none;transform:perspective(620px) rotateX(14deg) rotateY(0) rotateZ(0)}}