.pg-overlay{z-index:150;background:var(--bg);padding:88px 32px 32px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@media (max-width:768px){.pg-overlay{padding:88px 18px 28px}}.pg{max-width:1280px}.pg-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.pg-card--narrow{max-width:560px;padding:var(--space-6)}.pg-hero{gap:var(--space-14);padding:var(--space-12) var(--space-14);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;display:grid}.pg-hero:not(:has(.pg-preview)){grid-template-columns:minmax(0,640px)}.pg-title{font-size:var(--text-3xl);line-height:var(--leading-tight);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tighter);margin:0}.pg-intro{font-size:var(--text-md);line-height:var(--leading-normal);margin:0}.pg-benefits{gap:var(--space-3-5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pg-benefits li{gap:var(--space-3);display:flex}.pg-benefit-icon{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-md);background:var(--purple-bg);color:var(--nav-violet);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pg-benefit-text{gap:var(--space-0-5);flex-direction:column;display:flex}.pg-benefit-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text)}.pg-preview{border-radius:var(--radius-xl);background:var(--bg2);border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden}.pg-preview-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3-5);background:var(--bg3);border-bottom:1px solid var(--border);display:flex}.pg-preview-title{align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--weight-semibold);display:inline-flex}.pg-preview-badge{padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);background:var(--text);color:var(--bg2);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.pg-preview-action{height:var(--space-6);padding:0 var(--space-2-5);border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-fg);font-size:var(--text-xs);font-weight:var(--weight-semibold);align-items:center;display:inline-flex}.pg-preview-table{--pg-cols:3}.pg-preview-row{grid-template-columns:minmax(0, 1.6fr) repeat(var(--pg-cols), minmax(0, 1fr));align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3-5);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text);display:grid}.pg-preview-row--head{padding-top:var(--space-2);padding-bottom:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted);border-top:0}.pg-preview-main{gap:var(--space-0-5);flex-direction:column;min-width:0;display:flex}.pg-preview-main>span:first-child{font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pg-others{gap:var(--space-2-5);flex-direction:column;display:flex}.pg-chip{align-items:center;gap:var(--space-1-5);height:var(--space-8);padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text2);transition:border-color var(--duration-fast) var(--ease-in-out), color var(--duration-fast) var(--ease-in-out);text-decoration:none;display:inline-flex}.pg-chip:hover{border-color:var(--border2);color:var(--text)}.pg-chip>span{color:var(--muted);display:inline-flex}@media (max-width:1100px){.pg-hero{padding:var(--space-8) var(--space-6);gap:var(--space-8);grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.pg-hero{padding:var(--space-6) var(--space-4)}.pg-preview{display:none}}
.sg{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.sg-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.sg-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);display:flex}.sg-head .heading-card,.sg-later .eyebrow,.sg-maps .heading-sub{margin:0}.sg-progress{align-items:flex-end;gap:var(--space-1-5);flex-direction:column;flex-shrink:0;display:flex}.sg-bars{grid-template-columns:repeat(3, var(--space-7));gap:var(--space-1);display:grid}.sg-bars>span{height:var(--space-1);border-radius:var(--radius-full);background:var(--border)}.sg-bars>span.is-done{background:var(--accent)}.sg-steps{margin:0;padding:0;list-style:none}.sg-step{align-items:flex-start;gap:var(--space-3-5);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);display:flex}.sg-step.is-current{background:linear-gradient(180deg, var(--accent-bg-strong), transparent 70%);box-shadow:inset 3px 0 0 var(--accent);padding-bottom:var(--space-5)}.sg-num{width:var(--space-7);height:var(--space-7);border-radius:var(--radius-full);border:1.5px solid var(--border2);background:var(--bg2);color:var(--text2);font-size:var(--text-base);font-weight:var(--weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sg-num.is-current{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.sg-num.is-done{background:var(--green-bg);color:var(--green-text);border-color:#0000}.sg-body{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.sg-title{align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text);letter-spacing:var(--tracking-normal);display:inline-flex}.sg-title.is-done{color:var(--text2)}.sg-link{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent-text);flex-shrink:0;text-decoration:none}.sg-link:hover{text-decoration:underline}.sg-tiles{gap:var(--space-2-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sg-tile{gap:var(--space-2-5);padding:var(--space-3-5);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg2);color:var(--text);transition:border-color var(--duration-fast) var(--ease-in-out), box-shadow var(--duration-fast) var(--ease-in-out), transform var(--duration-fast) var(--ease-in-out);flex-direction:column;text-decoration:none;display:flex}.sg-tile:hover{border-color:var(--accent);box-shadow:var(--shadow-accent-sm);transform:translateY(-1px)}.sg-tile-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.sg-tile-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text);display:block}.sg-tile-desc{margin-top:var(--space-0-5);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text2);display:block}.sg-icon{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-md);background:var(--bg3);color:var(--nav-teal);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sg-icon--muted{color:var(--text2)}.sg-icon--surface{background:var(--bg2)}.sg-tag{align-items:center;gap:var(--space-1);padding:0 var(--space-1-5);border-radius:var(--radius-sm);background:var(--bg3);border:1px solid var(--border);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--muted);flex-shrink:0;display:inline-flex}.sg-hint{align-items:center;gap:var(--space-1-5);font-size:var(--text-sm);color:var(--text2);flex-wrap:wrap;display:inline-flex}.sg-hint svg{color:var(--muted)}.sg-goal{align-items:center;gap:var(--space-3);padding:var(--space-3-5) var(--space-5);border-top:1px dashed var(--border2);background:var(--bg3);border-radius:0 0 var(--radius-xl) var(--radius-xl);display:flex}.sg-goal-icon{color:var(--accent-text);display:inline-flex}.sg-goal-text{flex:1}.sg-goal-text strong{color:var(--text);font-weight:var(--weight-semibold)}.sg-goal-action{font-size:var(--text-sm);flex-shrink:0}.sg-side{gap:var(--space-4);flex-direction:column;display:flex}.sg-later{gap:var(--space-2);padding:var(--space-4) var(--space-5);flex-direction:column;display:flex}.sg-row{align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);margin:0 calc(var(--space-2) * -1);border-radius:var(--radius-md);color:var(--text);transition:background var(--duration-fast) var(--ease-in-out);text-decoration:none;display:flex}.sg-row:hover{background:var(--bg3)}.sg-row-text{gap:var(--space-px);flex-direction:column;flex:1;min-width:0;display:flex}.sg-chev{color:var(--muted);flex-shrink:0}.sg-maps{gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--sidebar-bg);flex-direction:column;display:flex}.sg-hide{align-self:center;align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-2);font:inherit;font-size:var(--text-sm);color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;display:inline-flex}.sg-hide:hover{color:var(--text)}@media (max-width:1100px){.sg{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.sg-tiles{grid-template-columns:minmax(0,1fr)}.sg-step{flex-wrap:wrap}.sg-head{flex-direction:column}.sg-progress{align-items:flex-start}}.sg-chip{gap:var(--space-2);width:100%;margin-bottom:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--bg2);border:1px solid var(--border);color:var(--text);text-align:left;transition:border-color var(--duration-fast) var(--ease-in-out), box-shadow var(--duration-fast) var(--ease-in-out);flex-direction:column;text-decoration:none;display:flex}.sg-chip:hover{border-color:var(--border2);box-shadow:var(--shadow-sm)}.sg-chip-head{font-size:var(--text-base);font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sg-chip-progress{align-items:center;gap:var(--space-2);display:flex}.sg-chip .sg-bars{flex:1;grid-template-columns:repeat(3,1fr)}.sg-chip-count{color:var(--text2);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-tight);flex-shrink:0}.sg-chip-next{font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--text2)}.sg-chip--rail{padding:var(--space-1-5) 0;background:0 0;border-color:#0000;align-items:center}.sg-chip--rail:hover{box-shadow:none;background:var(--bg4);border-color:#0000}.sg-ring{display:block}.sg-ring circle{fill:none;stroke-width:3px}.sg-ring .sg-ring-track{stroke:var(--border)}.sg-ring .sg-ring-fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}
