.compass-page h1 em{color:var(--green)}.compass-page>.lead{max-width:660px}.compass-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.compass-workspace{background:#fcfcf8;border:1px solid var(--line);border-radius:5px;padding:28px}.compass-workspace fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}.compass-workspace legend{font-family:'Playfair Display',Georgia,serif;font-size:26px;margin-bottom:12px}.compass-keys{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.compass-page button{cursor:pointer;color:var(--ink);border:1px solid var(--line);border-radius:4px;background:var(--paper);font:inherit}.compass-key{display:flex;align-items:center;flex-direction:column;padding:10px 3px;min-width:0}.compass-key svg{width:48px;height:54px}.compass-key span{font-size:12px}.compass-key small{color:var(--muted);font-size:11px}.compass-page button:hover:not(:disabled){border-color:var(--gold);background:#f0e7d6}.compass-page button:active:not(:disabled){background:#e6d5b6}.compass-page button:disabled{opacity:.45;cursor:default}.compass-edit,.compass-examples{display:flex;flex-wrap:wrap;gap:10px}.compass-edit button,.compass-examples button{padding:10px 14px;min-height:44px;font-size:14px}.compass-edit button:first-child{background:var(--ink);color:var(--paper)}.compass-edit button:first-child:hover:not(:disabled){background:var(--green);color:#ead6b1}.compass-hint{font-size:13px;color:var(--muted);line-height:1.7}.compass-sequence-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.compass-sequence-heading h2{font-size:25px;margin:0}.compass-sequence-heading span{font-size:12px;color:var(--muted);white-space:nowrap}#compass-sequence{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;max-height:320px;overflow:auto}#compass-sequence li{display:flex;align-items:center;flex:none;background:#e8ecdf;border-radius:4px;padding:4px 6px}#compass-sequence svg{width:35px;height:43px}#compass-sequence b{font-size:25px}#compass-empty{color:var(--muted);font-size:15px;padding:20px 0}#compass-notice:empty{display:none}#compass-notice{font-size:14px;color:var(--gold)}.compass-result{border:1px solid var(--line);border-top:4px solid var(--gold);padding:24px;background:#e8ecdf;border-radius:4px;position:sticky;top:24px}.compass-result .eyebrow{font-size:11px;margin:0}.compass-signature{font:70px/1 'Playfair Display',Georgia,serif;display:flex;flex-direction:column;align-items:center;margin:26px 0 18px;overflow-wrap:anywhere}.compass-result label{display:block;font-size:13px;margin:24px 0 8px}.compass-result select{width:100%;min-width:0;font-size:13px;min-height:44px}.compass-result dl{font-size:13px;margin:24px 0}.compass-result dl>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #c8d2c3;padding:12px 0}.compass-result dd{margin:0;font-weight:600}#compass-result-text{font-size:14px;text-align:center;line-height:1.7}.compass-explanation{max-width:800px;margin:48px 0 0}.compass-explanation h2{font-size:32px}.compass-explanation>p:not(.eyebrow){color:var(--muted)}.compass-examples{margin:24px 0}.compass-credit{font-size:12px;border-top:1px solid var(--line);padding-top:16px;margin-top:25px}@media(max-width:950px){.compass-layout{grid-template-columns:1fr}.compass-result{position:static}.compass-signature{font-size:58px}.compass-result select{max-width:100%}}@media(max-width:500px){.compass-workspace{padding:18px 12px}.compass-keys{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.compass-key span{font-size:12px}.compass-key svg{width:38px}.compass-key{padding:8px 0}.compass-sequence-heading h2{font-size:23px}.compass-edit{gap:6px}.compass-edit button{padding:9px 10px;font-size:12px}.compass-result{padding:20px}}