.sanaa-page{min-height:100dvh}.sn-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(20px,calc((100vw - 1120px)/2));border-bottom:1px solid var(--border);flex-wrap:wrap}.sn-header img{display:block;width:130px;height:auto}.sn-header nav{display:flex;gap:18px;font-size:14px}.sn-shell{max-width:1040px;padding:28px 20px 60px;margin:auto}.sn-hero{display:grid;gap:26px;align-items:center;margin:12px 0 40px}.sn-hero img{width:100%;max-height:330px;object-fit:contain;border-radius:24px}.sn-hero h1{font-size:clamp(28px,4vw,46px);line-height:1.5;margin:10px 0}.sn-tag{background:var(--yellow);color:#111;padding:4px 12px;border-radius:30px;display:inline-block;font-size:13px}.sn-panel{padding:24px;border:1px solid var(--border);border-radius:24px;margin:18px 0;background:color-mix(in srgb,var(--paper) 85%,white)}.sn-panel h2{font-size:24px;line-height:1.6;margin:0 0 12px}.sn-panel p{max-width:65ch}.sn-muted{color:var(--muted);font-size:14px}.sn-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}.sn-page button,.sn-page .button,.sanaa-page button{font:inherit}.sn-shell button,.sn-shell .button{border:1px solid var(--border);border-radius:13px;padding:12px 20px;background:transparent;color:var(--ink);cursor:pointer;transition:transform .25s,box-shadow .25s}.sn-shell .primary{background:var(--yellow);border-color:var(--yellow);color:#111;font-weight:700}.sn-shell button:disabled{opacity:.5;cursor:default}.sn-shell textarea,.sn-shell input,.sn-shell select{font:inherit;width:100%;padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--paper);color:var(--ink);min-width:0}.sn-shell textarea{min-height:110px;resize:vertical}.sn-form{display:grid;gap:18px}.sn-form label{display:grid;gap:7px}.sn-steps{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.sn-steps span{font-size:13px;border:1px solid var(--border);padding:7px 12px;border-radius:20px}.sn-steps [aria-current]{background:var(--yellow);color:#111}.sn-steps .done{border-color:#817e50}.sn-progress{width:100%;height:6px;accent-color:var(--yellow)}.sn-grid{display:grid;gap:16px}.sn-grid .sn-panel{margin:0}.sn-notice{position:fixed;bottom:20px;left:20px;right:20px;max-width:650px;margin:auto;background:var(--ink);color:var(--paper);border-radius:14px;z-index:20}.sn-notice:not(:empty){padding:16px;box-shadow:0 8px 30px #0002}.sn-footer{text-align:center;padding:24px;font-size:14px;border-top:1px solid var(--border)}.sn-dialogue{border-inline-start:3px solid var(--yellow);padding-inline-start:18px}.sn-entry{animation:sn-in .3s ease}.sn-opportunity{width:100%;text-align:start}.sn-opportunity.selected{outline:2px solid var(--yellow)}.sn-table{overflow:auto}.sn-table table{width:100%;border-collapse:collapse;white-space:nowrap}.sn-table th,.sn-table td{padding:12px;text-align:start;border-bottom:1px solid var(--border)}@keyframes sn-in{from{opacity:0;transform:translateY(6px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}@media(min-width:760px){.sn-hero{grid-template-columns:1.3fr 1fr}.sn-grid{grid-template-columns:repeat(3,1fr)}.sn-form.two{grid-template-columns:1fr 1fr}}@media(hover:hover){.sn-shell button:not(:disabled):hover,.sn-shell .button:hover{transform:translateY(-2px);box-shadow:0 6px 22px #0001}}@media(prefers-reduced-motion:reduce){.sn-entry{animation:none}.sn-shell button,.sn-shell .button{transition:none}}@media(max-width:420px){.sn-panel{padding:18px}.sn-header{gap:12px}.sn-header nav{gap:12px;font-size:12px}}

[data-theme="dark"] .sn-header img{filter:url(#das-night-logo)}
.sn-shell button:focus-visible,.sn-shell a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}