@layer components{:root{--portal-max:1080px;--portal-gutter:16px;--portal-r:14px}@media (width>=720px){:root{--portal-gutter:28px}}.portal{background:var(--ds-surface);min-height:100dvh;color:var(--ds-ink);font-family:var(--ds-sans);flex-direction:column;display:flex;overflow-x:clip}.portal-wrap{width:100%;max-width:var(--portal-max);padding-left:var(--portal-gutter);padding-right:var(--portal-gutter);margin:0 auto}.portal-header{z-index:30;background:color-mix(in oklab, var(--ds-surface) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ds-sep);box-shadow:inset 0 2px 0 0 var(--ds-brand);position:sticky;top:0}.portal-header-row{align-items:center;gap:10px;min-height:60px;padding-top:2px;display:flex}.portal-brand{min-width:0;color:inherit;border-radius:var(--ds-r);outline:none;align-items:center;gap:10px;text-decoration:none;display:flex}.portal-brand[data-focus-visible]{box-shadow:var(--ds-ring)}.portal-brand img{flex:none;width:auto;height:30px}.portal-brand-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.portal-brand-text b{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.portal-brand-text small{letter-spacing:.1em;text-transform:uppercase;color:var(--ds-brand);white-space:nowrap;font-size:10.5px;font-weight:600}.portal-header-spacer{flex:1}.portal-header-actions{flex:none;align-items:center;gap:6px;display:flex}.portal-nav-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 12px),#0000);mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 12px),#0000)}.portal-nav-row::-webkit-scrollbar{display:none}.portal-nav{gap:2px;width:max-content;min-width:100%;padding:0 0 8px;display:flex}.portal-nav-link{white-space:nowrap;border-radius:var(--ds-r-full);color:var(--ds-ink-2);transition:background var(--ds-t-fast) var(--ds-ease), color var(--ds-t-fast) var(--ds-ease), transform var(--ds-t-fast) var(--ds-ease);outline:none;align-items:center;gap:6px;padding:7px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.portal-nav-link svg{stroke-width:1.75px;width:16px;height:16px}.portal-nav-link[data-hovered]{background:var(--ds-surface-2);color:var(--ds-ink)}.portal-nav-link[data-pressed]{transform:scale(.97)}.portal-nav-link[data-focus-visible]{box-shadow:var(--ds-ring)}.portal-nav-link[aria-current=page]{background:var(--ds-brand-soft);color:var(--ds-brand-soft-fg)}.portal-nav-mark{border-radius:inherit;background:var(--ds-brand-soft);z-index:-1;position:absolute;inset:0}.portal-main{flex:1;padding-top:20px;padding-bottom:72px}.portal-page{animation:ds-rise-in var(--ds-t-slow) var(--ds-ease);flex-direction:column;gap:22px;display:flex}.portal-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 16px;display:flex}.portal-page-head h1{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:clamp(24px,3.4vw,30px);font-weight:600;line-height:1.25}.portal-desc{color:var(--ds-muted);margin:4px 0 0;font-size:14px;line-height:1.55}.portal-mono{font-family:var(--ds-mono);font-variant-numeric:tabular-nums}.portal-narrow{width:100%;max-width:460px;margin:0 auto}.portal-medium{width:100%;max-width:760px;margin:0 auto}.portal-panel{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--portal-r);flex-direction:column;gap:16px;padding:22px 20px;display:flex}@media (width>=520px){.portal-panel{padding:26px 28px}}.portal-panel h1,.portal-panel h2{margin:0;font-size:21px;font-weight:600;line-height:1.3}.portal-form{flex-direction:column;gap:14px;display:flex}.portal-form-row{gap:14px;display:grid}@media (width>=640px){.portal-form-row{grid-template-columns:1fr 1fr}}.portal-form-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.portal-signin-tabs{row-gap:18px}.portal-signin-tabs .ds-tabs-list-container[data-variant=segmented]{justify-self:stretch}.portal-signin-tabs .ds-tabs-list[data-variant=segmented]{display:flex}.portal-signin-tabs .ds-tab[data-variant=segmented]{flex:1 1 0}.portal-link-note{color:var(--ds-muted);font-size:12.5px}.portal-links{flex-wrap:wrap;gap:6px 16px;font-size:13px;display:flex}.portal-hero{text-align:center;padding:36px 0 26px;position:relative}@media (width>=720px){.portal-hero{padding:56px 0 36px}}.portal-hero:before{content:"";background:radial-gradient(560px 260px at 50% 0%, color-mix(in oklab, var(--ds-brand) 9%, transparent), transparent 70%);pointer-events:none;z-index:-1;height:100%;position:absolute;inset:-20px -40px auto}.portal-hero h1{letter-spacing:-.015em;margin:0 0 8px;font-size:clamp(27px,5vw,40px);font-weight:600;line-height:1.2}.portal-hero p{color:var(--ds-muted);margin:0 0 22px;font-size:15px}.portal-search{text-align:left;width:100%;max-width:660px;margin:0 auto;position:relative}.portal-search .ds-search-group{height:52px;box-shadow:var(--ds-shadow);border-radius:14px;padding-left:14px}.portal-search .ds-search-input{font-size:16px}.portal-search .ds-search-icon svg{width:18px;height:18px}.portal-suggest{z-index:20;background:var(--ds-surface);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow-pop);animation:ds-pop-in var(--ds-t) var(--ds-ease);border-radius:12px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.portal-suggest-item{color:inherit;border-top:1px solid var(--ds-sep);transition:background var(--ds-t-fast) var(--ds-ease);outline:none;flex-direction:column;gap:2px;padding:10px 14px;text-decoration:none;display:flex}.portal-suggest-item:first-child{border-top:0}.portal-suggest-item[data-hovered],.portal-suggest-item[data-focus-visible]{background:var(--ds-surface-2)}.portal-suggest-item b{font-size:14px;font-weight:500}.portal-suggest-item span{color:var(--ds-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box;overflow:hidden}.portal-suggest-all{color:var(--ds-brand-soft-fg);background:var(--ds-surface-2);border-top:1px solid var(--ds-sep);padding:10px 14px;font-size:13px;text-decoration:none;display:block}.portal-suggest-empty{color:var(--ds-muted);padding:12px 14px;font-size:13px}.portal-section{flex-direction:column;gap:14px;display:flex}.portal-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;display:flex}.portal-section-head h2{margin:0;font-size:20px;font-weight:600;line-height:1.3}.portal-section-head p{color:var(--ds-muted);flex-basis:100%;margin:0;font-size:14px}.portal-two{gap:22px;display:grid}@media (width>=900px){.portal-two{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:start}}.portal-cards{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=560px){.portal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.portal-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}.portal-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--portal-r);min-height:100%;color:inherit;transition:transform var(--ds-t) var(--ds-ease), box-shadow var(--ds-t) var(--ds-ease), border-color var(--ds-t) var(--ds-ease);outline:none;flex-direction:column;gap:8px;padding:18px;text-decoration:none;display:flex}.portal-card[data-hovered]{box-shadow:var(--ds-shadow-pop);border-color:var(--ds-border-strong);transform:translateY(-2px)}.portal-card[data-pressed]{transform:scale(.985)}.portal-card[data-focus-visible]{box-shadow:var(--ds-ring)}.portal-card-icon{background:var(--ds-brand-soft);width:40px;height:40px;color:var(--ds-brand);border-radius:12px;place-items:center;display:grid}.portal-card-icon svg{stroke-width:1.75px;width:20px;height:20px}.portal-card b{overflow-wrap:anywhere;font-size:15.5px;font-weight:600;line-height:1.35}.portal-card-sub{color:var(--ds-muted);font-size:13px;line-height:1.5}.portal-card-cta{color:var(--ds-brand-soft-fg);margin-top:auto;font-size:13px;font-weight:500}.portal-list{border:1px solid var(--ds-border);border-radius:var(--portal-r);background:var(--ds-surface);flex-direction:column;display:flex;overflow:hidden}.portal-list-item{color:inherit;border-top:1px solid var(--ds-sep);transition:background var(--ds-t-fast) var(--ds-ease);outline:none;flex-direction:column;gap:3px;padding:13px 16px;text-decoration:none;display:flex}.portal-list-item:first-child{border-top:0}.portal-list-item[data-hovered]{background:var(--ds-surface-2)}.portal-list-item[data-focus-visible]{box-shadow:inset var(--ds-ring)}.portal-list-item b{font-size:14.5px;font-weight:500;line-height:1.4}.portal-list-item .portal-card-sub{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.portal-meta{color:var(--ds-muted);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12.5px;display:flex}.portal-aside{border-radius:var(--portal-r);background:var(--ds-surface-2);border:1px solid var(--ds-sep);flex-direction:column;gap:10px;padding:20px;display:flex}.portal-aside h2{margin:0;font-size:17px;font-weight:600}.portal-aside p{color:var(--ds-muted);margin:0;font-size:13.5px;line-height:1.55}.portal-aside .portal-actions{margin-top:4px}.portal-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.portal-prose{overflow-wrap:anywhere;font-size:15px;line-height:1.75}.portal-prose p{margin:0 0 1em}.portal-prose p:last-child{margin-bottom:0}.portal-prose h2,.portal-prose h3,.portal-prose h4{margin:1.4em 0 .5em;font-weight:600;line-height:1.3}.portal-prose h2{font-size:20px}.portal-prose h3{font-size:17px}.portal-prose ul,.portal-prose ol{margin:0 0 1em;padding-left:1.4em}.portal-prose img{border-radius:8px;max-width:100%;height:auto}.portal-prose pre{background:var(--ds-surface-2);font-family:var(--ds-mono);border-radius:8px;padding:12px 14px;font-size:13px;overflow:auto}.portal-prose code{font-family:var(--ds-mono);font-size:.92em}.portal-prose blockquote{border-left:3px solid var(--ds-border-strong);color:var(--ds-ink-2);margin:0 0 1em;padding:2px 14px}.portal-prose table{border-collapse:collapse;max-width:100%;margin:0 0 1em;font-size:14px}.portal-prose td,.portal-prose th{border:1px solid var(--ds-border);padding:6px 10px}.portal-prose a{color:var(--ds-brand-soft-fg);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--ds-brand) 40%, transparent);text-decoration-color:color-mix(in oklab, var(--ds-brand) 40%, transparent);text-underline-offset:2px}.portal-attachments{flex-wrap:wrap;gap:8px;display:flex}.portal-attachment{border:1px solid var(--ds-border);background:var(--ds-surface);max-width:100%;color:inherit;animation:ds-pop-in var(--ds-t) var(--ds-ease);transition:border-color var(--ds-t-fast) var(--ds-ease), background var(--ds-t-fast) var(--ds-ease);border-radius:8px;outline:none;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;text-decoration:none;display:inline-flex}.portal-attachment[data-hovered]{border-color:var(--ds-border-strong);background:var(--ds-surface-2)}.portal-attachment[data-focus-visible]{box-shadow:var(--ds-ring)}.portal-attachment svg{width:14px;height:14px;color:var(--ds-muted);flex:none}.portal-attachment-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.portal-attachment-size{color:var(--ds-muted);font-family:var(--ds-mono);font-size:11.5px}.portal-picker{flex-direction:column;gap:8px;display:flex}.portal-picker-row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.portal-file-input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portal-dept-grid{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=560px){.portal-dept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.portal-dept{text-align:left;background:var(--ds-surface);border:1px solid var(--ds-border);color:inherit;font:inherit;cursor:pointer;transition:border-color var(--ds-t-fast) var(--ds-ease), background var(--ds-t-fast) var(--ds-ease), transform var(--ds-t-fast) var(--ds-ease), box-shadow var(--ds-t-fast) var(--ds-ease);border-radius:12px;outline:none;align-items:center;gap:12px;padding:14px 16px;display:flex}.portal-dept[data-hovered]{border-color:var(--ds-border-strong);background:var(--ds-surface-2)}.portal-dept[data-pressed]{transform:scale(.985)}.portal-dept[data-focus-visible]{box-shadow:var(--ds-ring)}.portal-dept[data-selected]{border-color:var(--ds-brand);background:var(--ds-brand-soft);box-shadow:inset 0 0 0 1px var(--ds-brand)}.portal-dept b{font-size:14.5px;font-weight:600}.portal-suggest-inline{background:var(--ds-info-soft);color:var(--ds-ink);animation:ds-rise-in var(--ds-t) var(--ds-ease);border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.portal-suggest-inline b{color:var(--ds-info);font-size:13px}.portal-suggest-inline a{font-size:13.5px}.portal-done{text-align:center;padding-top:30px}.portal-done-icon{background:var(--ds-ok-soft);width:56px;height:56px;color:var(--ds-ok);animation:ds-pop-in var(--ds-t-slow) var(--ds-spring);border-radius:50%;place-items:center;margin:0 auto 12px;display:grid}.portal-done-number{background:var(--ds-surface-2);font-family:var(--ds-mono);letter-spacing:.02em;border-radius:12px;margin:12px 0 4px;padding:10px 18px;font-size:26px;font-weight:600;display:inline-block}.portal-req-list{border:1px solid var(--ds-border);border-radius:var(--portal-r);background:var(--ds-surface);flex-direction:column;display:flex;overflow:hidden}.portal-req-row{border-top:1px solid var(--ds-sep);color:inherit;transition:background var(--ds-t-fast) var(--ds-ease);outline:none;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:14px 16px;text-decoration:none;display:grid}.portal-req-row:first-child{border-top:0}.portal-req-row[data-hovered]{background:var(--ds-surface-2)}.portal-req-row[data-focus-visible]{box-shadow:inset var(--ds-ring)}.portal-req-subject{overflow-wrap:anywhere;font-size:15px;font-weight:500;line-height:1.4}.portal-req-row .portal-meta{grid-column:1/-1}.portal-req-status{align-self:start}.portal-tabs-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.portal-req-head{flex-direction:column;gap:10px;display:flex}.portal-req-head h1{overflow-wrap:anywhere;margin:0;font-size:clamp(20px,3vw,26px);font-weight:600;line-height:1.3}.portal-req-props{background:var(--ds-surface-2);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 16px;margin:0;padding:14px 16px;display:grid}.portal-req-props>div{flex-direction:column;gap:2px;min-width:0;display:flex}.portal-req-props dt{text-transform:uppercase;letter-spacing:.06em;color:var(--ds-muted);font-size:11.5px}.portal-req-props dd{overflow-wrap:anywhere;margin:0;font-size:13.5px}.portal-thread{flex-direction:column;gap:12px;display:flex}.portal-msg{animation:ds-rise-in var(--ds-t-slow) var(--ds-ease);gap:10px;display:flex}.portal-msg-avatar{flex:none;margin-top:6px}@media (width<=519px){.portal-msg-avatar{display:none}}.portal-msg-bubble{border:1px solid var(--ds-border);border-radius:var(--portal-r);background:var(--ds-surface);flex:1;min-width:0;padding:12px 16px 14px}.portal-msg[data-by=staff] .portal-msg-bubble{border-left:3px solid var(--ds-brand);background:color-mix(in oklab, var(--ds-brand) 2.5%, var(--ds-surface))}.portal-msg-head{color:var(--ds-muted);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:6px;font-size:12.5px;display:flex}.portal-msg-head b{color:var(--ds-ink);font-size:13.5px}.portal-msg-body{font-size:14.5px}.portal-msg-body .portal-prose{font-size:14.5px;line-height:1.65}.portal-msg .portal-attachments{margin-top:10px}.portal-status-line{color:var(--ds-muted);align-items:center;gap:10px;font-size:12.5px;display:flex}.portal-status-line:before,.portal-status-line:after{content:"";background:var(--ds-sep);flex:1;height:1px}.portal-reply{border-radius:var(--portal-r);border:1px solid var(--ds-border);background:var(--ds-surface);box-shadow:var(--ds-shadow);flex-direction:column;gap:12px;padding:18px;display:flex}.portal-reply h2{margin:0;font-size:16px;font-weight:600}.portal-reply-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.portal-rate{border-radius:var(--portal-r);background:var(--ds-ok-soft);border:1px solid color-mix(in oklab, var(--ds-ok) 25%, transparent);flex-direction:column;gap:12px;padding:18px;scroll-margin-top:80px;display:flex}.portal-rate h2{margin:0;font-size:16px;font-weight:600}.portal-rate p{color:var(--ds-ink-2);margin:0;font-size:13.5px}.portal-rate-scale{flex-wrap:wrap;gap:6px;display:flex}.portal-rate-scale .ds-radio-content{padding:0}.portal-rate-btn{border:1px solid var(--ds-border-strong);background:var(--ds-surface);min-width:42px;height:42px;font-family:var(--ds-mono);cursor:pointer;transition:background var(--ds-t-fast) var(--ds-ease), color var(--ds-t-fast) var(--ds-ease), transform var(--ds-t-fast) var(--ds-ease), border-color var(--ds-t-fast) var(--ds-ease);border-radius:10px;place-items:center;padding:0 10px;font-weight:600;display:inline-grid}.portal-rate-btn[data-hovered]{border-color:var(--ds-ok)}.portal-rate-btn[data-pressed]{transform:scale(.95)}.portal-rate-btn[data-selected]{background:var(--ds-ok);border-color:var(--ds-ok);color:var(--ds-surface)}.portal-rate-btn[data-focus-visible]{box-shadow:var(--ds-ring)}.portal-rate-btn[data-disabled]{opacity:.6;cursor:default}.portal-vote{background:var(--ds-surface-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px 16px;font-size:14px;display:flex}.portal-vote b{font-weight:600}.portal-comment{border-top:1px solid var(--ds-sep);flex-direction:column;gap:4px;padding:12px 0;font-size:14px;display:flex}.portal-comment:first-child{border-top:0}.portal-chips{flex-wrap:wrap;gap:6px;display:flex}.portal-choices{flex-direction:column;gap:8px;display:flex}.portal-choice{border:1px solid var(--ds-border);background:var(--ds-surface);color:inherit;transition:border-color var(--ds-t-fast) var(--ds-ease), background var(--ds-t-fast) var(--ds-ease), transform var(--ds-t-fast) var(--ds-ease);border-radius:12px;outline:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:14.5px;font-weight:500;text-decoration:none;display:flex}.portal-choice[data-hovered]{border-color:var(--ds-border-strong);background:var(--ds-surface-2)}.portal-choice[data-pressed]{transform:scale(.99)}.portal-choice[data-focus-visible]{box-shadow:var(--ds-ring)}.portal-choice svg{width:16px;height:16px;color:var(--ds-muted);flex:none}.portal-footer{border-top:1px solid var(--ds-sep);background:var(--ds-surface-2)}.portal-footer-row{color:var(--ds-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding-top:18px;padding-bottom:22px;font-size:12.5px;display:flex}.portal-footer-row .portal-links{align-items:center}}
