.sg{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px dashed var(--color-border)}.sg[hidden]{display:none}.sg__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.sg__title{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text)}.sg__title .bi{color:var(--color-primary)}.sg__lead{margin:0 0 var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6}.sg__track{display:flex;gap:var(--space-3);margin-inline:calc(-1 * var(--space-4));padding:var(--space-1) var(--space-4) var(--space-3);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-4);scrollbar-width:none;-webkit-overflow-scrolling:touch}.sg__track::-webkit-scrollbar{display:none}.sg-card{flex:0 0 min(72vw,15.5rem);display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;text-align:right;scroll-snap-align:start;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-elevated, #fff);color:inherit;box-shadow:var(--shadow-sm);cursor:pointer;touch-action:manipulation;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.sg-card:active{transform:scale(.985)}.sg-card:focus-visible{outline:3px solid rgba(var(--color-primary-rgb),.4);outline-offset:2px}.sg-card__thumb{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--color-surface) 70%,transparent),transparent 60%),var(--color-bg-muted)}.sg-card__canvas{position:absolute;inset:var(--space-3) var(--space-5) 0;display:block;width:calc(100% - 2 * var(--space-5));height:auto;margin-inline:auto;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--color-surface);box-shadow:0 1px 2px #0f172a14,0 10px 24px #0f172a24;opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}.sg-card__canvas.is-ready{opacity:1}.sg-card__thumb-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:2.25rem;color:rgba(var(--color-primary-rgb),.55)}.sg-card__canvas.is-ready~.sg-card__thumb-fallback{display:none}.sg-card__badge{position:absolute;top:var(--space-2);inset-inline-start:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-success, #16a34a);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-xs)}.sg-card__body{display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-3) var(--space-2)}.sg-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text)}.sg-card__subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sg-card__meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--space-1)}.sg-card__tag{padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-muted);color:var(--color-text-muted);font-size:11px}.sg-card__tag:empty{display:none}.sg-card__cta{display:inline-flex;align-items:center;gap:2px;padding:0 var(--space-3) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary)}@media (hover: hover){.sg-card:hover{border-color:rgba(var(--color-primary-rgb),.4);box-shadow:0 10px 28px rgba(var(--color-primary-rgb),.12);transform:translateY(-2px)}}@media (min-width: 768px){.sg__track{margin-inline:0;padding-inline:0;scroll-padding-inline:0}.sg-card{flex-basis:15.5rem}}.sg-viewer .sg-backdrop{position:fixed;inset:0;z-index:var(--z-backdrop, 1040);background:#0f172a8c;animation:sg-fade var(--duration-fast, .15s) ease-out}.sg-viewer .sg-dialog{position:fixed;inset:0;z-index:var(--z-modal, 1050);display:flex;flex-direction:column;width:100%;height:100dvh;background:var(--color-surface, #fff);color:var(--color-text);outline:none;animation:sg-rise var(--duration-base, .2s) ease-out}html.sg-scroll-locked,html.sg-scroll-locked body{overscroll-behavior:none}.sg-header{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-top:max(var(--space-3),env(safe-area-inset-top));border-bottom:1px solid var(--color-border)}.sg-header__text{flex:1;min-width:0}.sg-title{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-title .bi{color:var(--color-primary)}.sg-subtitle{margin:2px 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.sg-close{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface, #fff);color:var(--color-text);font-size:1rem;touch-action:manipulation}.sg-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-surface, #fff),var(--color-bg-muted))}.sg-segment{display:inline-flex;gap:2px;padding:3px;border-radius:var(--radius-full);background:var(--color-bg-muted)}.sg-segment__btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 var(--space-3);border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1;white-space:nowrap;touch-action:manipulation}.sg-segment__btn.is-active{background:var(--color-surface, #fff);color:var(--color-primary);box-shadow:0 1px 2px #0f172a1a,0 0 0 1px rgba(var(--color-primary-rgb),.15)}.sg-only-wide{display:none}.sg-pagepill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface, #fff);font-size:var(--font-size-sm);white-space:nowrap}.sg-pagepill__sep{width:1px;height:14px;background:var(--color-border)}.sg-pagepill [data-sg-count]{color:var(--color-text-muted)}.sg-stage{position:relative;flex:1;min-height:0;overflow:auto;padding:var(--space-3);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--color-surface) 55%,transparent),transparent 60%),var(--color-bg-muted);touch-action:pan-y pinch-zoom}.sg-pages{display:flex;justify-content:center;align-items:flex-start;gap:var(--space-4);min-height:100%}.sg-pages.is-from-left{animation:sg-in-from-left var(--duration-base, .22s) ease-out}.sg-pages.is-from-right{animation:sg-in-from-right var(--duration-base, .22s) ease-out}.sg-page{display:flex;flex-direction:column;align-items:center;min-width:0;margin:0}.sg-pages .sg-page[hidden]{display:none!important}.sg-page__label{margin-bottom:var(--space-2);padding:2px var(--space-3);border-radius:var(--radius-full);background:var(--color-surface, #fff);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-xs)}.sg-page__canvas{display:block;max-width:100%;height:auto;border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:0 1px 2px #0f172a14,0 12px 28px #0f172a24}.sg-loading{position:absolute;inset-inline:var(--space-4);top:40%;z-index:3;display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-inline:auto;max-width:22rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-surface) 96%,transparent);color:var(--color-text);font-size:var(--font-size-sm);box-shadow:var(--shadow-md);text-align:center}.sg-loading[hidden]{display:none}.sg-loading__ring{flex:none;width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(var(--color-primary-rgb),.2);border-top-color:var(--color-primary);animation:sg-spin 1s linear infinite}.sg-nav{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgb(15 23 42 / 8%);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-surface) 94%,transparent);color:var(--color-text);font-size:1.1rem;box-shadow:var(--shadow-md);transform:translateY(-50%);touch-action:manipulation}.sg-nav:disabled{opacity:0;pointer-events:none}.sg-nav--prev{right:var(--space-2)}.sg-nav--next{left:var(--space-2)}.sg-swipe-hint{position:absolute;inset-inline:var(--space-4);bottom:var(--space-4);z-index:3;display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-inline:auto;max-width:18rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:#0f172ad1;color:var(--color-text-inverse);font-size:var(--font-size-sm);pointer-events:none}.sg-swipe-hint[hidden]{display:none}.sg-swipe-hint .bi{animation:sg-hand 1.4s ease-in-out infinite}.sg-strip{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4);overflow-x:auto;border-top:1px solid var(--color-border);background:var(--color-surface, #fff);scrollbar-width:none}.sg-strip::-webkit-scrollbar{display:none}.sg-thumb{flex:none;min-width:40px;height:36px;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface, #fff);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);touch-action:manipulation}.sg-thumb.is-active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.sg-footer{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);padding:var(--space-3) var(--space-4);padding-bottom:max(var(--space-3),env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-surface, #fff)}.sg-footer__try{width:100%}.sg-footer__hint{margin:0;text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (min-width: 768px){.sg-viewer .sg-dialog{inset:4vh 4vw;width:auto;height:auto;max-height:92vh;border-radius:var(--radius-xl);box-shadow:0 30px 80px #0f172a59}.sg-footer{flex-direction:row;align-items:center;justify-content:space-between}.sg-footer__try{width:auto}}@media (min-width: 992px){.sg-only-wide{display:inline-flex}.sg-pages.is-compare .sg-page{flex:1 1 0}}@keyframes sg-fade{0%{opacity:0}to{opacity:1}}@keyframes sg-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes sg-in-from-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes sg-in-from-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes sg-spin{to{transform:rotate(360deg)}}@keyframes sg-hand{0%,to{transform:translate(0)}50%{transform:translate(8px)}}@media (prefers-reduced-motion: reduce){.sg-viewer .sg-backdrop,.sg-viewer .sg-dialog,.sg-pages.is-from-left,.sg-pages.is-from-right,.sg-swipe-hint .bi{animation:none}.sg-loading__ring{animation:none;border-top-color:rgba(var(--color-primary-rgb),.2)}}