/* Focused work entry and first-use instructions, using the existing brand tokens. */
.ss-welcome h2{font-size:28px;line-height:1.4;margin:10px 0}
.ss-welcome p{line-height:1.7;margin:8px 0}
.ss-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}
.ss-single{grid-template-columns:1fr;max-width:660px;margin-inline:auto}
.ss-card{display:flex;flex-direction:column;gap:16px;text-align:start;font:inherit;background:var(--card);color:var(--ink);border:2px solid var(--primary);border-radius:var(--r-xl);padding:24px;width:100%;min-width:0;cursor:pointer;box-shadow:var(--shadow)}
.ss-card:hover{background:var(--surface2)}
.ss-card:focus-visible,.ss-secondary:focus-visible{outline:3px solid var(--primary);outline-offset:4px}
.ss-cardhead{display:flex;align-items:center;gap:12px}
.ss-cardhead>b{font-size:24px;line-height:1.4;flex:1;min-width:0}
.ss-icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;color:var(--primary);background:var(--surface2);border-radius:var(--r-lg)}
.ss-number{font-size:22px;font-weight:800;color:var(--muted)}
.ss-cardhint{font-size:16px;line-height:1.7;flex:1}
.ss-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--primary);color:var(--on-primary);padding:16px;border-radius:var(--r-md);font-size:18px;font-weight:800;min-height:58px;line-height:1.5}
.ss-followup{margin:20px 0}
.ss-followup h3{font-size:18px;margin-bottom:10px}
.ss-followup .btn{min-height:50px}
.ss-secondary{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:14px;font:inherit;color:var(--primary);text-align:start;width:100%;min-height:50px;margin:18px 0;cursor:pointer}
.ss-status{font-size:16px;line-height:1.7;padding:12px 0;margin:8px 0;color:var(--muted)}
.fg-dialog{width:min(580px,calc(100% - 28px));max-height:calc(100dvh - 48px);overflow:auto;margin:auto;padding:26px;border:2px solid var(--primary);border-radius:var(--r-xl);background:var(--card);color:var(--ink);box-shadow:0 12px 50px rgba(0,0,0,.2);font:inherit}
.fg-dialog::backdrop{background:rgba(24,15,11,.68)}
.fg-head{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:14px;font-weight:700}
.fg-progress{display:flex;gap:5px;margin:16px 0 24px}
.fg-progress span{height:5px;flex:1;background:var(--line);border-radius:var(--r-sm)}
.fg-progress .on{background:var(--primary)}
.fg-dialog h2{font-size:25px;line-height:1.5;margin:0 0 12px}
.fg-dialog p{font-size:17px;line-height:1.8;margin:8px 0 18px}
.fg-points{padding-inline-start:26px;margin:0 0 22px}
.fg-points li{font-size:17px;line-height:1.8;margin:12px 0;padding-inline-start:5px}
.fg-controls{display:flex;gap:10px}
.fg-controls .btn{min-height:54px;font-size:18px;flex:1}
.fg-skip{display:block;min-height:48px;margin:12px auto 0;padding:10px;border:0;background:none;color:var(--muted);font:inherit;font-size:15px;text-decoration:underline;cursor:pointer}
.fg-dialog .fg-error{color:var(--bad);font-size:15px;margin:12px 0}
.fg-error:empty{display:none}
@media(max-width:680px){
  .ss-cards{grid-template-columns:1fr;gap:16px}
  .ss-welcome h2{font-size:25px}
  .ss-card{padding:16px;gap:12px}
  .ss-cardhead>b{font-size:22px}
  .ss-icon{width:46px;height:46px;flex:none}
  .ss-cta{font-size:17px;padding:14px}
  .fg-dialog{padding:20px}
  .fg-dialog h2{font-size:23px}
}