.brand img{display:block;width:176px;height:auto;object-fit:contain}
.logo-original{display:block;max-width:100%;height:auto;object-fit:contain}
.logo-hero{width:min(520px,82vw)}
.logo-variants{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 36px}
.logo-variants article{display:grid;gap:6px}
.logo-variants article>div{min-height:170px;display:grid;place-items:center;padding:28px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}
.logo-variants article>small{color:var(--muted)}
.logo-variants .dark-logo>div{background:#091b25}.logo-variants .dark-logo img{background:white;border-radius:4px;padding:6px}
.clearspace{grid-template-columns:auto 1fr auto!important;gap:16px;border:1px dashed var(--action)!important}.clearspace span{color:var(--action);font-weight:700}
.logo-sizes{grid-template-columns:repeat(4,1fr)}.logo-sizes article{overflow:hidden}.logo-sizes article>img{margin:auto 0}.w128{width:128px}.w160{width:160px}.w200{width:200px}.w240{width:240px}
.icon-card img{width:24px;height:24px;object-fit:contain}.dark .icon-card img{filter:invert(1)}
@media(max-width:767px){.logo-variants{grid-template-columns:1fr}.brand img{width:165px}.logo-sizes{grid-template-columns:1fr 1fr}}
@media(max-width:420px){
  .section{overflow-x:clip}
  .logo-showcase{padding-inline:16px}
  .logo-hero{width:100%}
  .ratio{width:100%;gap:8px;justify-content:center;flex-wrap:wrap;text-align:center}
  .ratio span{width:36px}
  .tech code{overflow-wrap:anywhere;word-break:break-word}
  .filter-row,.table-wrap{max-width:100%}
  .filter-row button{max-width:100%}
  .alert{min-width:0;padding:12px;flex-wrap:wrap}
  .alert span{min-width:0}
}

/* Poster-style visual specifications based on the approved reference sheets. */
.section{--poster-line:#d8e0e4}
.section-head{padding-bottom:22px;border-bottom:1px solid var(--poster-line)}
.logo-showcase{background:#fff;border:1px solid var(--poster-line);min-height:360px}
.dark .logo-showcase{background:#fff}
.logo-original{background:#fff}
.dark-logo{background:var(--surface)!important}
.dark-logo>div{background:#fff!important;border-radius:6px;padding:18px}
.color-columns{display:grid;grid-template-columns:repeat(6,minmax(132px,1fr));gap:16px;overflow:auto;padding-bottom:10px}
.color-family{min-width:132px}
.color-family h3{font-size:14px;min-height:42px;margin-bottom:8px}
.color-chip{min-height:76px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
.color-chip:first-of-type{border-radius:8px 8px 0 0}.color-chip:last-of-type{border-radius:0 0 8px 8px}
.color-chip.light{color:#0b172b}.color-chip span{font-weight:700;font-size:12px}.color-chip code{font-size:12px}
.type-poster{display:grid;grid-template-columns:repeat(3,minmax(320px,1fr));gap:32px;overflow:auto}
.type-poster>article{min-width:320px;background:var(--surface);padding:24px;border-radius:8px}
.type-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.type-columns>div+div{border-left:1px solid var(--border);padding-left:18px}
.type-columns p{display:grid;line-height:1.2;margin:18px 0}
.type-columns p strong{font-size:inherit}.type-columns p small{font-size:11px!important;font-weight:400;color:var(--muted);margin-top:5px}
.button-poster{display:grid;gap:0;margin-top:32px;border:1px solid var(--border);border-radius:10px;max-height:720px;overflow:auto;scrollbar-gutter:stable both-edges}
.button-size-row{display:grid;grid-template-columns:120px repeat(3,1fr);gap:0;padding:24px;background:var(--bg);border-bottom:1px solid var(--border);min-width:1050px}
.button-size-row:last-child{border-bottom:0}.button-size-row>header{display:grid;align-content:start}.button-size-row>header b{font-size:24px}.button-size-row>header small{color:var(--muted)}
.button-size-row>article{padding:0 18px;border-left:1px solid var(--border)}
.state-grid{display:grid;grid-template-columns:repeat(2,minmax(116px,1fr));gap:10px}
.state-grid>div{display:grid;gap:4px;align-content:start}.state-grid small{color:var(--muted);font-size:10px}.state-grid .button{width:100%;white-space:nowrap}
.state-hover{background:#5dddd3!important;border-color:#5dddd3!important;color:#083f3c!important}.secondary.state-hover,.tertiary.state-hover{background:#d8f5f2!important;border-color:#46c6ba!important}
.state-focused{outline:2px solid #FD9900;outline-offset:2px}.state-active{background:#14766f!important;border-color:#14766f!important}.state-click{background:#083f3c!important;border-color:#083f3c!important}
.secondary.state-active,.tertiary.state-active{background:#c8f1eb!important;color:#0c514d!important}.secondary.state-click,.tertiary.state-click{background:#edf9f8!important;color:#083f3c!important}
.icon-grid{grid-template-columns:repeat(6,minmax(116px,1fr));gap:12px}
.icon-card{display:grid!important;grid-template-rows:1fr auto;min-height:124px;overflow:hidden;padding:0!important;background:var(--surface)!important}
.icon-card button{display:grid;place-items:center;gap:8px;align-content:center;width:100%;height:88px;border:0;background:transparent;color:var(--text);cursor:pointer}
.icon-art{display:grid;place-items:center;width:30px;height:30px;color:var(--text)}
.icon-art svg{display:block;width:28px;height:28px;color:inherit;stroke:currentColor}
.icon-card a{display:block;padding:7px 5px;border-top:1px solid var(--border);background:var(--bg);color:var(--action);font-size:10px;font-weight:700;text-align:center;text-decoration:none}
.icon-card a:hover{text-decoration:underline}
.gray-system{margin-top:42px;padding-top:30px;border-top:1px solid var(--poster-line)}
.poster-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.poster-title p{color:var(--muted);margin:0}.poster-title .eyebrow{color:var(--action)}
.gray-row{display:grid;grid-template-columns:repeat(10,minmax(96px,1fr));gap:10px;overflow:auto}.gray-row article{display:grid;gap:5px;min-width:96px}.gray-row span{height:84px;border:1px solid var(--border);border-radius:6px}.gray-row b{font-size:12px}.gray-row code{font-size:11px;color:var(--muted)}
.component-poster{margin-top:64px;padding-top:40px;border-top:1px solid var(--poster-line)}
.input-matrix{display:grid;grid-template-columns:120px repeat(8,minmax(190px,1fr));gap:0;overflow:auto;border:1px dashed var(--border);padding:14px}.input-matrix>aside{display:grid;grid-template-rows:40px repeat(3,88px);align-items:center;color:var(--muted);font-size:12px}.input-matrix>section{display:grid;grid-template-rows:40px repeat(3,88px);padding:0 10px;min-width:190px}.input-matrix h4{font-size:12px;color:var(--muted)}
.spec-field{display:grid;align-content:start;gap:3px}.spec-field>span{display:none}.spec-field input,.spec-field select,.spec-field>div{width:100%;height:42px;border:1px solid var(--border);border-radius:6px;background:var(--bg);padding:9px;color:var(--text)}.spec-field>div{display:flex;align-items:center;gap:4px}.spec-field>div input{border:0;padding:0;height:auto}.spec-field small{min-height:16px;font-size:10px;color:var(--muted)}.spec-field.hover input,.spec-field.hover select,.spec-field.hover>div,.spec-field.typing input,.spec-field.typing select{border-color:#46c6ba}.spec-field.focused input,.spec-field.focused select,.spec-field.focused>div{border-color:#FD9900;outline:2px solid #FD9900;outline-offset:1px}.spec-field.error input,.spec-field.error select,.spec-field.error>div{border-color:#b83a3a}.spec-field.error small{color:#b83a3a}.spec-field.warning input,.spec-field.warning select,.spec-field.warning>div{border-color:#FD9900}.spec-field.warning small{color:#A45E00}.spec-field.success input,.spec-field.success select,.spec-field.success>div{border-color:#278644}.spec-field.success small{color:#278644}
.link-sheet,.tag-sheet{display:grid;grid-template-columns:1fr 1fr;gap:34px;border:1px dashed var(--border);padding:24px}.link-sheet section,.tag-sheet section{display:grid;gap:12px}.link-sheet section>div,.tag-sheet section>div{display:grid;grid-template-columns:80px repeat(2,1fr);align-items:center;gap:14px}.link-sheet small,.tag-sheet small{color:var(--muted)}.link-sample{width:max-content;color:var(--action);font-weight:700;text-decoration:underline;text-underline-offset:4px}.link-sample.hover{color:#169387}.link-sample.focused{outline:2px solid #FD9900;outline-offset:3px}.link-sample.click{color:#083f3c}.link-sample[aria-disabled=true]{color:#a3a3a3;pointer-events:none}
.tag{display:inline-flex;width:max-content;align-items:center;border-radius:5px;padding:3px 10px;background:#dcf5f2;color:#14766f;font-size:12px;font-weight:700}.tag.secondary{background:transparent;border:1px solid #14766f}.tag.hover{background:#c8f1eb}.tag.focused{outline:2px solid #FD9900;outline-offset:2px}.tag.click{background:#b3ece5}.tag.close{background:#14766f;color:#fff}.tag.close.secondary{background:transparent;color:#14766f}.tag.disabled{background:#e5e5e5;color:#a3a3a3;border-color:#d4d4d4}
.dropdown-sheet{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:18px;overflow:auto;background:var(--surface);padding:34px}.dropdown-sheet article{display:grid;align-content:start;min-width:210px;background:var(--bg);box-shadow:var(--shadow-sm);border-radius:6px;overflow:hidden}.dropdown-sheet h4{padding:12px;margin:0}.dropdown-sheet label{display:grid;font-size:10px;padding:0 12px 10px}.dropdown-sheet input{min-width:0;border:1px solid var(--border);padding:8px}.dropdown-sheet strong{font-size:9px;padding:8px 12px;background:var(--surface)}.drop-item{display:flex;align-items:center;gap:6px;width:100%;border:0;background:var(--bg);padding:9px 12px;text-align:left}.drop-item:hover,.drop-item.selected{background:var(--surface-2)}.dropdown-sheet .button{margin:12px}
.date-sheet{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--surface);padding:38px}.date-sheet>section{background:var(--bg);padding:24px;border-radius:8px}.date-fields{display:grid;gap:14px}.date-fields label{display:grid;gap:6px;font-weight:700}.date-fields input{border:1px solid var(--border);border-radius:6px;padding:10px}.calendar-card{max-width:360px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.calendar-card header,.calendar-card footer{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.calendar-card footer{border:0;border-top:1px solid var(--border);color:var(--muted)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:16px}.calendar-grid span{display:grid;place-items:center;min-height:34px;border-radius:50%;font-size:13px}.calendar-grid .selected{background:var(--action);color:#fff}
.empty-sheet{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background:var(--surface);padding:42px}.empty-sheet article{display:grid;justify-items:center;align-content:center;text-align:center;min-height:340px;background:var(--bg);padding:28px;border-radius:8px}.empty-sheet article.compact{min-height:260px}.empty-sheet article.no-image{justify-items:start;text-align:left}.empty-illustration{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:var(--surface-2);color:var(--action);font-size:40px}.empty-sheet p{color:var(--muted)}
.sheet-variants{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--surface);padding:42px}.form-sheet{background:var(--bg);border:1px solid var(--border);border-radius:8px}.form-sheet>header,.form-sheet>footer{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.form-sheet>footer{justify-content:flex-start;gap:8px;border:0;border-top:1px solid var(--border)}.form-sheet>div:not(.tabs){display:grid;gap:14px;padding:20px}.form-sheet label{display:grid;gap:5px;font-weight:700}.form-sheet input,.form-sheet select,.sheet-toolbar input{border:1px solid var(--border);border-radius:6px;padding:10px;background:var(--bg)}.sheet-fields{display:grid!important;grid-template-columns:1fr 1fr;gap:14px!important;padding:0!important}.sheet-fields small{color:var(--muted)}.tabs-sheet{align-self:start}.tabs-sheet .tabs{padding:0 20px;margin:0}.sheet-toolbar{grid-template-columns:auto 1fr auto!important;align-items:center}
@media(max-width:1100px){.button-size-row{grid-template-columns:90px 1fr}.button-size-row>article{border-left:0;border-top:1px solid var(--border);padding:18px 0}.button-size-row>header{grid-row:1/4;padding-right:16px}.icon-grid{grid-template-columns:repeat(4,minmax(100px,1fr))}}
@media(max-width:767px){.type-poster{grid-template-columns:1fr;overflow:visible}.type-poster>article{min-width:0}.button-size-row{grid-template-columns:120px repeat(3,1fr);padding:18px}.button-size-row>header{grid-row:auto;padding:0 14px 0 0}.button-size-row>article{padding:0 14px}.state-grid{grid-template-columns:repeat(2,minmax(116px,1fr))}.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.poster-title{align-items:start;flex-direction:column}.link-sheet,.tag-sheet,.date-sheet,.empty-sheet,.sheet-variants{grid-template-columns:1fr}.link-sheet section>div,.tag-sheet section>div{grid-template-columns:70px 1fr}.link-sheet section>div a:nth-of-type(2),.tag-sheet section>div span:nth-of-type(n+2){display:none}.date-sheet,.empty-sheet,.sheet-variants{padding:20px}}
@media(max-width:420px){.state-grid{grid-template-columns:1fr}.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type-columns{grid-template-columns:1fr}.type-columns>div+div{border-left:0;border-top:1px solid var(--border);padding:18px 0 0}}
.motion-state{position:relative;overflow:hidden}.motion-glyph{width:112px;height:112px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;position:relative;color:var(--action)}.motion-glyph span{width:42px;height:42px;border:4px solid currentColor;border-radius:50%;display:block}.motion-glyph i{position:absolute;width:58px;height:58px;border:3px solid currentColor;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;animation:mediradar-spin 1.4s linear infinite}.motion-state.offline .motion-glyph span{border-style:dashed}.motion-state.ready .motion-glyph span{border-radius:8px}.motion-state.ready .motion-glyph i{width:20px;height:10px;border-width:0 0 3px 3px;border-radius:0;transform:rotate(-45deg);top:58px}.motion-state.complete .motion-glyph span{border-radius:8px}.motion-state.complete .motion-glyph i{width:24px;height:12px;border-width:0 0 3px 3px;border-radius:0;transform:rotate(-45deg);top:52px}.motion-state.secure .motion-glyph span{border-radius:6px}.motion-state.secure .motion-glyph i{width:18px;height:22px;border:3px solid currentColor;border-radius:3px;top:46px}.motion-state.team .motion-glyph span{border-radius:50% 50% 12px 12px}.motion-art{width:180px;height:130px;display:grid;place-items:center;background:var(--surface-2);border-radius:50%;overflow:hidden}.motion-art img{width:100%;height:100%;object-fit:contain}.motion-state h4{margin-bottom:4px}.motion-state p{max-width:220px}.dark .motion-art{background:#193932}@keyframes mediradar-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.motion-glyph i{animation:none}}

/* Reference-aligned form, tag and sheet refinements. */
.form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.input-matrix{grid-template-columns:120px repeat(8,minmax(190px,1fr));scrollbar-gutter:stable}
.input-matrix>aside,.input-matrix>section{display:grid;grid-template-rows:40px repeat(7,88px) repeat(2,116px);align-items:start}
.input-matrix>aside b{align-self:center}
.spec-field{min-width:0}
.spec-field .field-title{display:block;font-size:10px;color:var(--muted)}
.spec-field input,.spec-field select,.spec-field textarea,.spec-field>div:not(.tag-input){width:100%;min-width:0;height:42px;border:1px solid var(--border);border-radius:6px;background:var(--bg);padding:9px;color:var(--text)}
.spec-field textarea{height:70px;resize:none}
.spec-field>div:not(.tag-input){display:flex;align-items:center;gap:4px}
.spec-field>div input{border:0;padding:0;height:auto;outline:0}
.spec-field.hover textarea,.spec-field.typing textarea,.spec-field.typing>div{border-color:#46c6ba}
.spec-field.focused textarea{border-color:#FD9900;outline:2px solid #FD9900;outline-offset:1px}
.spec-field.error textarea{border-color:#b83a3a}.spec-field.warning textarea{border-color:#FD9900}.spec-field.success textarea{border-color:#278644}
.tag-input{display:flex!important;gap:4px!important;align-items:center;overflow:hidden}
.tag-input span{display:inline-flex!important;padding:2px 5px;border-radius:4px;background:#dcf5f2;color:#14766f;font-size:9px;font-weight:700;white-space:nowrap}
.tag-sheet section>div{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:14px}
.tag-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sheet-variants{grid-template-columns:minmax(0,760px)}
@media(max-width:767px){.tag-sheet section>div{grid-template-columns:70px 1fr}.tag-sheet section>div span:nth-of-type(n+2){display:inline-flex}.sheet-variants{grid-template-columns:1fr}}

:root,.dark{--focus:#FD9900}
.semantic.warning{color:#FD9900}
.state-focused,.link-sample.focused,.tag.focused{outline-color:#FD9900}
.spec-field.focused input,.spec-field.focused select,.spec-field.focused textarea,.spec-field.focused>div{border-color:#FD9900;outline-color:#FD9900}
.spec-field.warning input,.spec-field.warning select,.spec-field.warning textarea,.spec-field.warning>div{border-color:#FD9900}.spec-field.warning small{color:#A45E00}
.spec-field.focused>div input,.spec-field.focused>div input:focus,.spec-field.focused>div input:focus-visible{border:0!important;outline:0!important;box-shadow:none!important}
.type-poster{grid-template-columns:repeat(3,minmax(460px,1fr))}.type-poster>article{min-width:460px}.type-columns p strong{white-space:nowrap}
.dark .brand,.dark .logo-showcase,.dark .logo-variants article>div,.dark .logo-sizes article,.dark .logo-formats a{background:#fff}.dark .brand{padding:5px;border-radius:5px}.dark .dark-logo>div{background:#fff!important}
.logo-formats{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px}.logo-formats a{display:grid;gap:6px;padding:16px;border:1px solid var(--border);border-radius:8px;color:var(--text);text-decoration:none}.logo-formats small{color:var(--muted)}.logo-formats em{color:var(--action);font-style:normal;font-weight:700}.format-preview{min-height:130px;display:grid;place-items:center;padding:24px;border-radius:6px}.format-preview.transparent{background-image:linear-gradient(45deg,#edf1f2 25%,transparent 25%),linear-gradient(-45deg,#edf1f2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf1f2 75%),linear-gradient(-45deg,transparent 75%,#edf1f2 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.format-preview.solid{background:#fff}.format-preview img{display:block;max-width:260px;width:100%;height:auto}
.motion-collection{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;background:var(--surface);padding:34px}.motion-collection article{display:grid;justify-items:center;align-content:center;text-align:center;min-height:300px;padding:24px;background:var(--bg);border-radius:8px}.motion-collection p{color:var(--muted)}
.loader-orbit{position:relative;width:116px;height:116px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;color:var(--action)}.loader-orbit span{font-size:30px}.loader-orbit i{position:absolute;inset:10px;border:3px solid transparent;border-top-color:var(--action);border-radius:50%;animation:orbit 1.6s linear infinite}.loader-orbit i:nth-child(2){inset:22px;animation-duration:1.2s;animation-direction:reverse}.loader-orbit i:nth-child(3){inset:34px;animation-duration:2s}
.pulse-line{width:180px;height:116px;display:grid;place-items:center;background:var(--surface-2);border-radius:58px;overflow:hidden}.pulse-line svg{width:180px}.pulse-line path{fill:none;stroke:var(--action);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:230;animation:pulseDraw 2s ease-in-out infinite}
.care-empty{position:relative;width:116px;height:116px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2)}.calendar-shape{display:grid;place-items:center;width:54px;height:50px;border:3px solid var(--action);border-radius:7px;color:var(--action);font-weight:700}.care-empty i{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#278644;color:#fff;font-style:normal;animation:softPop 2s ease-in-out infinite}
.document-scan{position:relative;width:116px;height:116px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--action);font-size:46px;overflow:hidden}.document-scan i{position:absolute;left:25px;right:25px;height:3px;background:#FD9900;box-shadow:0 0 10px #FD9900;animation:scan 1.8s ease-in-out infinite}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes pulseDraw{0%,100%{stroke-dashoffset:230}50%{stroke-dashoffset:0}}@keyframes softPop{0%,100%{transform:scale(.88)}50%{transform:scale(1)}}@keyframes scan{0%,100%{top:30px}50%{top:82px}}
.health-charts{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:28px}.health-charts article{border:1px solid var(--border);border-radius:8px;padding:20px}.health-charts header{display:flex;justify-content:space-between;gap:16px}.health-charts header small,.health-charts footer{color:var(--muted);font-size:11px}.line-chart{display:block;width:100%;height:190px}.chart-grid path{fill:none;stroke:var(--border);stroke-width:1}.chart-area{fill:#EDF9F8}.chart-line{fill:none;stroke:var(--action);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.chart-dots{fill:#fff;stroke:var(--action);stroke-width:3}.bar-chart{display:grid;gap:20px;margin:30px 0}.bar-chart label{display:grid;grid-template-columns:1fr auto;gap:5px;font-weight:700}.bar-chart i{grid-column:1/-1;height:14px;border-radius:999px;background:linear-gradient(90deg,var(--action) var(--bar),var(--surface-2) var(--bar));font-style:normal}.guideline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guideline-grid article{border-left:3px solid var(--action);padding-left:14px}.guideline-grid p{color:var(--muted);margin-bottom:0}
@media(max-width:900px){.motion-collection{grid-template-columns:1fr 1fr}.health-charts{grid-template-columns:1fr}.guideline-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.type-poster{grid-template-columns:1fr}.type-poster>article{min-width:420px}.logo-formats,.motion-collection,.guideline-grid{grid-template-columns:1fr}}
.logo-mode-assets{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.logo-mode-assets article{display:grid;gap:8px}.logo-mode{min-height:150px;border:1px solid var(--border);border-radius:8px;display:grid;place-items:center;padding:24px}.logo-mode img{display:block;max-width:100%;height:auto}.logo-mode.light{background:#fff}.logo-mode.dark{background:#091b25}.logo-mode.symbol{background:var(--surface-2)}.logo-mode-assets small{color:var(--muted)}.logo-mode-assets a{color:var(--action);font-weight:700;text-decoration:none}@media(max-width:767px){.logo-mode-assets{grid-template-columns:1fr}}
.logo-variants{display:none!important}.motion-state.appointments .motion-glyph span{width:52px;height:44px;border-radius:7px;border-width:3px}.motion-state.appointments .motion-glyph i{width:34px;height:16px;border-width:0 0 3px 3px;border-radius:0;transform:rotate(-45deg);top:58px}.motion-state.document .motion-glyph span{width:38px;height:50px;border-radius:4px;border-width:3px}.motion-state.document .motion-glyph i{width:44px;height:3px;border:0;border-radius:0;background:#FD9900;top:56px;animation:mediradar-scan 1.4s ease-in-out infinite}.motion-state.medication .motion-glyph span{width:54px;height:28px;border-radius:18px;transform:rotate(-45deg);border-width:3px}.motion-state.medication .motion-glyph i{width:10px;height:10px;border:0;border-radius:50%;background:#278644;top:44px;right:34px;animation:mediradar-pulse 1.2s ease-in-out infinite}.motion-state.handoff .motion-glyph span{width:54px;height:36px;border-radius:8px;border-width:3px}.motion-state.handoff .motion-glyph i{width:30px;height:30px;border-width:0 3px 3px 0;border-radius:0;transform:rotate(-45deg);top:42px;animation:mediradar-handoff 1.5s ease-in-out infinite}.motion-state.save .motion-glyph i{animation:mediradar-save 1.3s ease-in-out infinite}.motion-state.offline .motion-glyph i{animation:mediradar-offline 1.6s ease-in-out infinite}.motion-state.ready .motion-glyph i{animation:mediradar-ready 1.4s ease-in-out infinite}.motion-state.secure .motion-glyph i{animation:mediradar-lock 1.4s ease-in-out infinite}.motion-state.team .motion-glyph i{animation:mediradar-team 1.4s ease-in-out infinite}@keyframes mediradar-scan{0%,100%{transform:translateY(-18px)}50%{transform:translateY(18px)}}@keyframes mediradar-pulse{0%,100%{transform:scale(.75)}50%{transform:scale(1.25)}}@keyframes mediradar-handoff{0%,100%{transform:translateX(-10px) rotate(-45deg)}50%{transform:translateX(10px) rotate(-45deg)}}@keyframes mediradar-save{0%,100%{transform:rotate(0)}50%{transform:rotate(180deg)}}@keyframes mediradar-offline{0%,100%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}@keyframes mediradar-ready{0%,100%{opacity:.35}50%{opacity:1}}@keyframes mediradar-lock{0%,100%{transform:translateY(3px)}50%{transform:translateY(-3px)}}@keyframes mediradar-team{0%,100%{transform:scale(.8)}50%{transform:scale(1.1)}}
.meaning-art{width:132px;height:112px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);color:var(--action)}.meaning-art svg{width:108px;height:90px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.meaning-art .save-check,.meaning-art .report-check,.meaning-art .upload-check{stroke:#278644;stroke-width:4;stroke-dasharray:48;stroke-dashoffset:48;animation:meaning-check 1.5s ease-out .35s forwards}.meaning-art .sync-one,.meaning-art .sync-two{animation:meaning-sync 1.6s ease-in-out 1 forwards}.meaning-art .pause-mark{stroke:#FD9900;stroke-width:5}.meaning-art .upload-file{animation:meaning-upload 1.4s ease-out 1 forwards}.meaning-art .lock-badge{stroke:#B83A3A}.meaning-art .team-plus{stroke:#278644;stroke-width:4}.meaning-art .med-dot{stroke:#278644;stroke-width:5;stroke-dasharray:4 7;animation:meaning-med 1.4s ease-in-out 1}.meaning-art .handoff-ring{stroke:#30D5C8;stroke-dasharray:7 5;animation:meaning-handoff 1.6s ease-in-out 1}.motion-state h4{min-height:3em}.motion-state p{min-height:4.5em}@keyframes meaning-check{to{stroke-dashoffset:0}}@keyframes meaning-sync{0%,60%{transform:rotate(0)}85%,100%{transform:rotate(180deg)}}@keyframes meaning-upload{0%{transform:translateY(20px);opacity:.3}70%,100%{transform:translateY(0);opacity:1}}@keyframes meaning-med{0%,100%{stroke-dashoffset:0}50%{stroke-dashoffset:10}}@keyframes meaning-handoff{0%,100%{stroke-dashoffset:0}50%{stroke-dashoffset:24}}
.motion-state.appointments .meaning-art svg{animation:meaning-calendar 2.4s ease-in-out infinite}.motion-state.appointments .meaning-art path{stroke-dasharray:5 8}.motion-state.save .meaning-art svg{animation:meaning-sheet 1.8s ease-in-out infinite}.motion-state.offline .meaning-art svg{animation:meaning-pause 2.4s ease-in-out infinite}.motion-state.ready .meaning-art svg{animation:meaning-report 1.8s ease-out 1}.motion-state.complete .meaning-art svg{animation:meaning-upload-container 1.8s ease-out 1}.motion-state.secure .meaning-art svg{animation:meaning-expire 2.2s ease-in-out infinite}.motion-state.team .meaning-art svg{animation:meaning-team 2.2s ease-in-out infinite}.motion-state.medication .meaning-art svg{animation:meaning-medication 2.2s ease-in-out infinite}@keyframes meaning-calendar{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes meaning-sheet{0%,100%{transform:translateY(2px)}50%{transform:translateY(-3px)}}@keyframes meaning-pause{0%,55%{transform:rotate(0)}70%,100%{transform:rotate(180deg)}}@keyframes meaning-report{0%{transform:translateY(5px);opacity:.6}100%{transform:none;opacity:1}}@keyframes meaning-upload-container{0%{transform:translateY(6px)}100%{transform:none}}@keyframes meaning-expire{0%,70%{transform:rotate(0)}85%,100%{transform:rotate(-3deg)}}@keyframes meaning-team{0%,100%{transform:translateY(1px)}50%{transform:translateY(-2px)}}@keyframes meaning-medication{0%,100%{transform:translateY(1px)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.meaning-art *{animation:none!important}.meaning-art .save-check,.meaning-art .report-check,.meaning-art .upload-check{stroke-dashoffset:0}.motion-state .meaning-art{transition:none}}
.icon-art{position:relative}.icon-art>img:not(.icon-badge){width:72px;height:72px;object-fit:contain;filter:none}.icon-art .icon-badge{position:absolute;width:34px;height:34px;right:25px;bottom:15px;background:var(--surface-2);border-radius:50%;padding:4px;color:#278644}.icon-state.save .icon-art>img:not(.icon-badge){animation:icon-sheet 1.6s ease-in-out infinite}.icon-state.ready .icon-badge{animation:icon-check-in 1.5s ease-out 1}.icon-state.complete .icon-art>img:not(.icon-badge){animation:icon-upload 1.4s ease-out 1}.icon-state.appointments .icon-art>img{animation:icon-calendar 2s ease-in-out infinite}.icon-state.secure .icon-art>img{animation:icon-clock 2.2s ease-in-out infinite}.icon-state.team .icon-art>img{animation:icon-team 2s ease-in-out infinite}.icon-state.medication .icon-art>img{animation:icon-medication 2s ease-in-out infinite}.icon-lock{position:absolute;bottom:16px;right:29px;width:28px;height:24px;border:3px solid #B83A3A;border-radius:3px;background:var(--surface-2);color:#B83A3A;font-size:0}.icon-lock:before{content:"";position:absolute;left:5px;top:-16px;width:12px;height:14px;border:3px solid #B83A3A;border-bottom:0;border-radius:10px 10px 0 0}.icon-plus{position:absolute;right:17px;top:24px;color:#278644;font-size:32px;font-weight:700;line-height:1}.icon-sync{position:relative;width:82px;height:72px;display:grid;place-items:center;color:var(--action)}.icon-sync b{position:absolute;font-size:56px;font-weight:400;line-height:1}.icon-sync b:first-child{transform:translate(-10px,-7px) rotate(-38deg);animation:icon-sync 1.8s ease-in-out 1}.icon-sync b:nth-child(2){transform:translate(10px,7px) rotate(142deg);animation:icon-sync 1.8s ease-in-out 1 reverse}.icon-sync i{font-style:normal;color:#FD9900;font-size:26px;font-weight:700;z-index:1}@keyframes icon-calendar{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes icon-sheet{0%,100%{transform:translateY(2px)}50%{transform:translateY(-4px)}}@keyframes icon-sync{0%,55%{transform:translate(0) rotate(0)}80%,100%{transform:translate(0) rotate(180deg)}}@keyframes icon-check-in{0%{transform:scale(.7);opacity:0}70%,100%{transform:scale(1);opacity:1}}@keyframes icon-upload{0%{transform:translateY(10px);opacity:.5}100%{transform:none;opacity:1}}@keyframes icon-clock{0%,70%{transform:rotate(0)}85%,100%{transform:rotate(-5deg)}}@keyframes icon-team{0%,100%{transform:translateY(1px)}50%{transform:translateY(-3px)}}@keyframes icon-medication{0%,100%{transform:rotate(0)}50%{transform:rotate(-4deg)}}
@media(prefers-reduced-motion:reduce){.icon-state *{animation:none!important}.icon-state .icon-badge{opacity:1;transform:none}}
.icon-art .icon-badge{display:grid;place-items:center;box-sizing:border-box;background:#278644;color:#fff;border-radius:50%;padding:0;font:800 22px/1 Public Sans,sans-serif;filter:none}.icon-state.secure .icon-art>img{opacity:.55;animation:none}.icon-sync b{display:none}.icon-sync i{position:static;width:28px;height:28px;border-radius:7px;font-size:20px;line-height:26px;background:#FD9900;color:#fff}
.icon-art .icon-badge{width:22px;height:22px;right:26px;bottom:18px;font-size:15px;border:2px solid #278644}.icon-sync{width:82px;height:72px;overflow:visible;color:#14766f}.icon-sync path{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.icon-sync .sync-ring-a,.icon-sync .sync-head-a{animation:sync-pause-a 2.2s cubic-bezier(.2,.7,.3,1) 1 both}.icon-sync .sync-ring-b,.icon-sync .sync-head-b{animation:sync-pause-b 2.2s cubic-bezier(.2,.7,.3,1) 1 both}.icon-sync .sync-pause{fill:#FD9900;stroke:none}.icon-sync .sync-pause-line{stroke:#fff;stroke-width:2.5;stroke-linecap:round;fill:none}.motion-replay{margin-top:12px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--action);font:600 12px/1 Public Sans,sans-serif;cursor:pointer}.motion-replay:hover,.motion-replay:focus-visible{border-color:var(--action);outline:2px solid #FD9900;outline-offset:2px}.motion-state .icon-art img,.motion-state .icon-art svg{animation-play-state:running}.motion-state.motion-replay-run .icon-art img,.motion-state.motion-replay-run .icon-art svg{animation:none}.motion-state.motion-replay-run .icon-art img,.motion-state.motion-replay-run .icon-art svg{animation-play-state:running}.motion-state.motion-replay-run .icon-badge{animation:icon-check-in 1.2s ease-out 1}.motion-state.motion-replay-run .icon-art>img:not(.icon-badge){animation:icon-sheet 1.6s ease-in-out 1}.motion-state.complete.motion-replay-run .icon-art>img:not(.icon-badge){animation:icon-upload 1.4s ease-out 1}@keyframes sync-pause-a{0%{transform:rotate(0)}65%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}@keyframes sync-pause-b{0%{transform:rotate(0)}65%{transform:rotate(-270deg)}100%{transform:rotate(-360deg)}}
@media(prefers-reduced-motion:reduce){.icon-sync path,.motion-replay{animation:none!important}.motion-replay{display:none}}
.motion-replay{display:none!important}.icon-state.save .icon-art>img:not(.icon-badge),.icon-state.ready .icon-art>img:not(.icon-badge){animation:icon-sheet 2.4s ease-in-out infinite}.icon-state.save .icon-badge,.icon-state.ready .icon-badge,.icon-state.complete .icon-badge{animation:icon-check-in 2.4s ease-in-out infinite}.icon-state.complete .icon-art>img:not(.icon-badge){animation:icon-upload 2.4s ease-in-out infinite}.icon-sync .sync-ring-a,.icon-sync .sync-head-a{animation:sync-pause-a 3.6s cubic-bezier(.2,.7,.3,1) infinite}.icon-sync .sync-ring-b,.icon-sync .sync-head-b{animation:sync-pause-b 3.6s cubic-bezier(.2,.7,.3,1) infinite}
.icon-sync .sync-pause{animation:sync-pause-reveal 3.6s ease-in-out infinite;transform-origin:center}@keyframes sync-pause-reveal{0%,48%{opacity:0;transform:scale(.7)}60%,100%{opacity:1;transform:scale(1)}}
.icon-sync .sync-pause-line{animation:sync-pause-reveal 3.6s ease-in-out infinite}
.icon-sync .sync-arrows{transform-box:fill-box;transform-origin:center;animation:sync-orbit 3.6s cubic-bezier(.2,.7,.3,1) infinite}.icon-sync .sync-ring-a,.icon-sync .sync-head-a,.icon-sync .sync-ring-b,.icon-sync .sync-head-b{animation:none!important}@keyframes sync-orbit{0%{transform:rotate(0deg)}62%{transform:rotate(300deg)}100%{transform:rotate(360deg)}}
.icon-art>img:not(.icon-badge){filter:brightness(0) saturate(100%) invert(39%) sepia(36%) saturate(900%) hue-rotate(127deg) brightness(85%) contrast(92%);transform-origin:center}.icon-art .icon-badge{filter:brightness(0) saturate(100%) invert(42%) sepia(35%) saturate(900%) hue-rotate(90deg)}.icon-state.medication .icon-art>img{animation:icon-medication-strong 1.35s ease-in-out infinite}.icon-sync b{font-weight:700;font-size:46px}.icon-sync b:first-child{left:2px;top:3px;transform:rotate(-38deg);animation:icon-sync-one 1.8s ease-in-out 1}.icon-sync b:nth-child(2){right:2px;bottom:3px;transform:rotate(142deg);animation:icon-sync-two 1.8s ease-in-out 1 reverse}.icon-sync i{position:absolute;right:5px;top:25px;width:22px;height:22px;border-radius:5px;background:#FD9900;color:#fff;font-style:normal;font-size:16px;font-weight:800;line-height:20px;text-align:center;z-index:1}@keyframes icon-sync-one{0%,55%{transform:rotate(-38deg)}80%,100%{transform:translateX(-3px) rotate(22deg)}}@keyframes icon-sync-two{0%,55%{transform:rotate(142deg)}80%,100%{transform:translateX(3px) rotate(202deg)}}@keyframes icon-medication-strong{0%,100%{transform:rotate(-5deg) translateY(2px)}50%{transform:rotate(5deg) translateY(-4px)}}
.dropdown-sheet article>label{font-size:0;gap:6px}.dropdown-sheet article>label input:not([type="checkbox"]){font-size:16px;padding:10px 12px 10px 34px;background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2314766f' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center}.dropdown-sheet .drop-item{font-size:16px;line-height:1.4;min-height:48px}.dropdown-sheet article>label input[type="checkbox"]{font-size:16px}.demo-form .field>label em{font-style:normal;color:#B83A3A;font-size:0}.demo-form .field>label em::after{content:'*';font-size:18px;font-weight:700}.demo-form .field>label{gap:6px}
.dropdown-sheet article>label.drop-item{display:flex;font-size:16px;padding:9px 12px;align-items:center;gap:10px}.dropdown-sheet article>label.drop-item input[type="checkbox"]{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:var(--action)}.spec-field>div:not(.tag-input){padding-right:14px}.spec-field>div>span{flex:0 0 18px;display:grid;place-items:center;color:var(--action);font-size:0}.spec-field>div>span::before{content:'◈';font-size:14px;font-weight:700}.spec-field .field-title+div>span::before{content:'◉';font-size:15px}.spec-field>div input{padding-right:6px}
.spec-field>div:not(.tag-input)>span{flex:0 0 18px;width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:18px;font-size:0}.spec-field>div:not(.tag-input)>span::before{content:''}.spec-field>div:not(.tag-input):has(input[aria-label^="Search"])>span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2314766f' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E")}.spec-field>div:not(.tag-input):has(input[type="password"])>span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2314766f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18'/%3E%3Cpath d='M10.6 10.6a2 2 0 0 0 2.8 2.8'/%3E%3Cpath d='M9.9 4.2A10.7 10.7 0 0 1 12 4c5 0 9 4 10 8- .4 1.5-1.2 2.8-2.2 3.9'/%3E%3Cpath d='M6.2 6.2C4.5 7.4 3.4 9.1 2 12c.8 2.2 2.1 4 4.1 5.3A10.7 10.7 0 0 0 12 20c1.2 0 2.3-.2 3.3-.5'/%3E%3C/svg%3E")}.tag-input{padding-right:12px!important}.tag-input span{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;height:auto!important;background:#DCF5F2!important;color:#14766F!important;font-size:11px!important;font-weight:700!important}
.search>span{width:20px;height:20px;display:block;font-size:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2314766f' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") center/20px no-repeat}.mini-search{display:flex;align-items:center;gap:8px}.mini-search{font-size:0}.mini-search::before{content:'';width:20px;height:20px;flex:0 0 20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2314766f' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") center/20px no-repeat}.mini-search input{font-size:16px}
.sidebar-collapse{position:absolute;top:12px;right:10px;width:28px;height:28px;border:1px solid var(--border);border-radius:50%;background:var(--bg);color:var(--action);font-size:22px;line-height:20px;cursor:pointer}.sidebar-collapse:focus-visible{outline:2px solid #FD9900;outline-offset:2px}.nav-collapsed{--sidebar:76px}.nav-collapsed .sidebar{padding-inline:14px}.nav-collapsed .sidebar .brand img{width:44px;height:44px;object-fit:contain;object-position:left}.nav-collapsed .sidebar .eyebrow,.nav-collapsed .sidebar nav a,.nav-collapsed .sidebar nav summary,.nav-collapsed .sidebar .privacy{display:none}.nav-collapsed .sidebar-collapse{right:24px}.nav-collapsed .topbar{padding-left:28px}.nav-collapsed main{margin-left:var(--sidebar)}
.sidebar .brand img,.logo-original,.logo-formats img{image-rendering:auto;-ms-interpolation-mode:bicubic}.nav-collapsed .sidebar .brand img{width:44px;height:44px;object-fit:contain;object-position:center}.dark-logo .logo-original{image-rendering:auto;filter:contrast(1.06) saturate(1.04)}
.nav-collapsed .sidebar{padding:58px 14px 14px}.nav-collapsed .sidebar .brand{display:flex;justify-content:center;width:44px;height:44px;margin:18px auto 0}.nav-collapsed .sidebar-collapse{top:12px;right:24px}
.sidebar-nav-home{display:none;position:absolute;bottom:14px;left:12px;width:28px;height:28px;border:1px solid var(--border);border-radius:50%;background:var(--bg);color:var(--action);font-size:18px;line-height:24px;cursor:pointer}.sidebar-nav-home:focus-visible,.sidebar-nav-home:hover{outline:2px solid #FD9900;outline-offset:2px}.nav-collapsed .sidebar{padding-top:48px}.nav-collapsed .sidebar .brand{margin-top:0}.nav-collapsed .sidebar-nav-home{display:block}
.sidebar-nav-home,.nav-collapsed .sidebar-nav-home{display:none!important}
.sidebar-nav-home::after,.sidebar-collapse::after{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%) scale(.96);transform-origin:left center;white-space:nowrap;pointer-events:none;opacity:0;background:#0D2C37;color:#fff;border-radius:4px;padding:5px 8px;font:600 11px/1.2 Public Sans,sans-serif;box-shadow:var(--shadow-sm);transition:opacity .15s ease,transform .15s ease;z-index:40}.sidebar-nav-home::after{content:'Go to overview'}.sidebar-collapse::after{content:'Expand navigation'}.sidebar-nav-home:hover::after,.sidebar-nav-home:focus-visible::after,.sidebar-collapse:hover::after,.sidebar-collapse:focus-visible::after{opacity:1;transform:translateY(-50%) scale(1)}
[data-tooltip]{position:relative}
[data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);bottom:50%;transform:translateY(50%);white-space:nowrap;padding:5px 8px;border-radius:5px;background:#0B2633;color:#fff;font:600 12px/1.2 Public Sans,sans-serif;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:80}
[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after{opacity:1}
@media(max-width:767px){[data-tooltip]::after{display:none}}
@media(prefers-reduced-motion:reduce){[data-tooltip]::after{transition:none}}
.demo-form,.date-fields,.spec-field{font-family:var(--type-family)}
.demo-form .field>label,.demo-form fieldset legend,.date-fields label,.spec-field .field-title{font-size:16px;font-weight:700;line-height:1.25;color:var(--text)}
.demo-form input,.demo-form select,.demo-form textarea,.date-fields input,.spec-field input,.spec-field select,.spec-field textarea,.spec-field>div:not(.tag-input){font-size:16px;line-height:1.4;font-weight:400;color:var(--text)}
.demo-form input::placeholder,.spec-field input::placeholder,.spec-field textarea::placeholder{color:var(--muted);opacity:1}
.demo-form input,.demo-form select,.demo-form textarea,.date-fields input{min-height:42px}
.date-fields{gap:16px}.date-fields label{gap:6px;align-items:stretch}.date-fields input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg)}
.spec-field{align-content:center;gap:6px;min-width:0}.spec-field .field-title{display:block}.spec-field>div:not(.tag-input){min-height:42px;padding:0 12px;align-items:center}.spec-field>div:not(.tag-input)>span{flex:0 0 18px}
.tag-input{min-height:42px!important;display:flex!important;align-items:center;gap:6px!important;padding:6px 10px!important;flex-wrap:nowrap;overflow:hidden}.tag-input>span{display:inline-flex!important;align-items:center;gap:4px;padding:4px 7px;border-radius:4px;background:#DCF5F2!important;color:#14766F!important;font-size:12px!important;font-weight:700!important;line-height:1.2;white-space:nowrap}.tag-input>span>span{display:inline!important;padding:0!important;background:none!important;color:inherit!important;font-size:inherit!important}.tag-remove{border:0;background:transparent;color:currentColor;font-size:15px;line-height:1;padding:0;cursor:pointer}.tag-remove:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
.tag-input>span::before{content:none!important}
.input-matrix{display:grid;grid-template-columns:132px repeat(8,150px);column-gap:8px;row-gap:0;align-items:stretch;min-width:max-content}
.input-matrix>aside,.input-matrix>section{display:grid;grid-template-rows:28px 42px 42px 70px 42px 42px 78px 42px 70px 90px;row-gap:24px;min-width:0;align-content:start}
.input-matrix>aside{align-items:center}.input-matrix>aside span{grid-row:1}.input-matrix>aside b{display:flex;align-items:center;align-self:stretch;margin:0;font-size:14px;line-height:1.25;color:var(--muted)}
.input-matrix>section h4{margin:0;align-self:center}.input-matrix>section>.spec-field{align-self:stretch;justify-content:center;margin:0}
#input-states{overflow-x:auto}
.input-matrix .spec-field,.input-matrix .spec-field>input,.input-matrix .spec-field>select,.input-matrix .spec-field>textarea,.input-matrix .spec-field>div{width:150px;max-width:150px}
.spec-field .field-title,.date-fields label{font-size:14px}
.demo-form .field>label,.demo-form fieldset legend{font-size:14px}
#clinicalTable th{font-size:14px;text-align:left}
#clinicalTable th button,#clinicalTable td{text-align:left}
.demo-form{gap:16px}
.demo-form fieldset{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:0;padding:0;border:0}
.demo-form fieldset legend{width:100%;margin:0 0 0}
.demo-form fieldset label{display:inline-flex;align-items:center;gap:8px;margin:0;white-space:nowrap}
.demo-form fieldset input[type=radio]{width:20px;height:20px;margin:0;flex:0 0 20px}
.logo-guideline{margin:0 0 48px}.logo-guideline header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.logo-num{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--surface-2);color:var(--action);font-weight:700}.logo-guideline h2{margin:0 0 2px;font-size:24px}.logo-guideline header p{margin:0;color:var(--muted);font-size:16px}.primary-logo-grid{display:grid;grid-template-columns:2fr .7fr .7fr;gap:16px}.primary-logo-card,.logo-part,.logo-size-grid article,.app-icon-grid article{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:20px}.primary-logo-card{text-align:center}.primary-logo-card img{width:min(520px,100%);height:auto}.ratio-label{color:var(--action);font-weight:700;margin-top:10px}.ratio-label span{display:block;color:var(--muted);font-size:13px;font-weight:400}.logo-part{display:grid;align-content:start;gap:16px}.logo-part img{width:120px;margin:20px auto}.logo-part strong{font-size:24px;margin:auto}.logo-size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.logo-size-grid article{display:grid;gap:4px}.logo-size-grid article span,.app-icon-grid article span{color:var(--muted)}.logo-size-grid img{width:100%;height:80px;object-fit:contain;margin-top:20px}.app-icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.app-icon-grid article{display:grid;gap:6px}.app-icon-grid img{width:150px;height:150px;object-fit:contain;margin:auto}.dark-app img{background:#0b172b;border-radius:24px;padding:20px}.safe-area{text-align:center}.safe-area div{border:2px dashed #67d8d0;padding:20px;margin:12px auto;width:190px}.safe-area div img{width:120px;height:120px}.clear-space-guide .logo-num{background:transparent;border-radius:0;width:auto}.clear-space-box{display:flex;align-items:center;justify-content:space-between;border:2px dashed var(--border);padding:30px 50px}.clear-space-box img{max-width:520px;width:70%}.digital-sizing{max-width:520px}.digital-sizing p{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:16px 0;margin:0}.digital-sizing span{color:var(--muted)}
@media(max-width:767px){.primary-logo-grid,.logo-size-grid,.app-icon-grid{grid-template-columns:1fr}.clear-space-box{padding:20px}.logo-guideline h2{font-size:20px}}
.primary-logo-grid{grid-template-columns:minmax(0,2fr) minmax(150px,.7fr) minmax(150px,.7fr) minmax(240px,1fr);align-items:stretch}.primary-logo-grid .logo-part{min-width:0}.primary-logo-grid .dark-app{background:var(--surface)}
@media(max-width:767px){.input-matrix{grid-template-columns:100px repeat(8,150px);column-gap:8px;overflow-x:visible}}