.compass-page{max-width:1060px;margin:48px auto;padding:24px}.compass-page h1{font-size:clamp(42px,7vw,78px);line-height:1.05}.compass-tabs,.compass-grid,.compass-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.compass-card{border:1px solid #9d7c9366;border-radius:20px;padding:24px;background:#f5eee8;color:#342137;flex:1;min-width:240px}.compass-card h3{color:#342137}.compass-page label{display:block;margin:18px 0}.compass-page select,.compass-page textarea{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #967c96;border-radius:8px;background:#fff;color:#342137;font:inherit}.compass-page table{width:100%;border-collapse:collapse}.compass-page th,.compass-page td{text-align:left;padding:12px 5px;border-bottom:1px solid #98718b66}.compass-note{white-space:pre-wrap;overflow-wrap:anywhere}.compass-page input[type=checkbox]{margin-right:10px}.compass-page small{display:block}.compass-page .btn{cursor:pointer}.compass-page fieldset{border:0;padding:0}.compass-error{color:#92334b;background:#fff0f2;padding:12px}.compass-page nav a{display:inline-block;padding:10px}.compass-page nav a[aria-current=page]{text-decoration:underline;font-weight:bold}/* Keep light cards readable above the site's general dark-page rules. */
body:not(.light-home) #main .compass-page .compass-card{background:#fffaf7;border-color:#c8afcb;color:#35233e}
body:not(.light-home) #main .compass-page .compass-card :is(h1,h2,h3,h4,p,li,small,label,legend,span,strong){color:#35233e}
body:not(.light-home) #main .compass-page .compass-card :is(a:not(.btn),.textlink){color:#643374}
body:not(.light-home) #main .compass-page .compass-card .btn{background:#744184;color:#fff8ff;border-color:#744184;white-space:normal;line-height:1.5}
body:not(.light-home) #main .compass-page .compass-card .btn.outline{background:#ecdff0;color:#512c61;border-color:#ac87b7}
body:not(.light-home) #main .compass-page .compass-card .btn:hover{background:#633572;color:#fff8ff}
body:not(.light-home) #main .compass-page .compass-card .btn.outline:hover{background:#dfc8e6;color:#45234f}
body:not(.light-home) #main .compass-page :is(select,textarea,option){background:#fffaf7;color:#35233e;color-scheme:light}
body:not(.light-home) #main .compass-page textarea::placeholder{color:#6d5873;opacity:1}
body:not(.light-home) #main .compass-page :is(a,button,select,textarea):focus-visible{outline:3px solid #a365b5;outline-offset:4px}