@font-face{font-family:KlicPaperlogy;src:url('./fonts/paperlogy-regular.woff2');font-weight:400;font-display:swap}@font-face{font-family:KlicPaperlogy;src:url('./fonts/paperlogy-semibold.woff2');font-weight:600;font-display:swap}@font-face{font-family:KlicPaperlogy;src:url('./fonts/paperlogy-bold.woff2');font-weight:700;font-display:swap}@font-face{font-family:KlicPretendard;src:url('./fonts/pretendard-regular.woff2');font-weight:400;font-display:swap}@font-face{font-family:KlicSpoqa;src:url('./fonts/spoqa-han-sans-neo-regular.woff2');font-weight:400;font-display:swap}@font-face{font-family:KlicSpoqa;src:url('./fonts/spoqa-han-sans-neo-bold.woff2');font-weight:700;font-display:swap}
html{font-size:16px;zoom:var(--klic-ui-scale,1)}body{font-family:var(--klic-ui-font, KlicPaperlogy,system-ui,sans-serif)}h1,h2,h3,h4,.intro h1{font-family:var(--klic-heading-font,KlicPaperlogy,system-ui,sans-serif)}svg.lucide{stroke-width:var(--klic-icon-stroke,1.8)}
.btn,.demo-input,.specimen,.component-card .specimen,.block-card,.architecture-teaser,.custom-example,.settings-note{border-radius:var(--klic-custom-radius,8px)}
:root[data-menu=solid] .nav-item.active{background:var(--klic-semantic-color-accent);color:var(--klic-semantic-color-on-accent)}:root[data-menu=outline] .nav-item.active{background:transparent;box-shadow:inset 0 0 0 1px var(--klic-semantic-color-accent)}:root[data-custom-density=relaxed] .nav-item{padding-top:12px;padding-bottom:12px}:root[data-custom-density=compact] .nav-item{padding-top:7px;padding-bottom:7px}.settings-page{width:100%;margin:auto}.settings-page h1{font-size:calc(2.2rem * var(--klic-text-scale,1));letter-spacing:-.08rem}.settings-page h1 span{color:var(--klic-semantic-color-muted);font-weight:400;margin-left:8px}.settings-page .page-heading-row p{color:var(--klic-semantic-color-muted);margin-top:10px;font-size:calc(.9rem * var(--klic-text-scale,1))}.settings-saved{display:flex;gap:6px;align-items:center;font-size:calc(.75rem * var(--klic-text-scale,1));color:var(--klic-semantic-color-accent)}.settings-saved svg{width:14px}.settings-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:40px;margin-top:26px}.settings-fields{min-width:0}.settings-live{min-width:0;position:sticky;top:90px;align-self:start}.custom-section{border-top:1px solid var(--klic-semantic-color-border);padding:28px 0}.custom-section-title{display:flex;gap:14px;margin-bottom:20px}.custom-section-title>span{font:11px var(--klic-ui-mono);color:var(--klic-semantic-color-accent);border:1px solid var(--klic-semantic-color-border);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}.custom-section-title h3{font-size:calc(1rem * var(--klic-text-scale,1));font-weight:600}.custom-section-title p{font-size:calc(.78rem * var(--klic-text-scale,1));line-height:1.65;color:var(--klic-semantic-color-muted);margin-top:5px}.custom-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.custom-field{display:flex;flex-direction:column;gap:8px;margin:0 0 17px;font-size:calc(.8rem * var(--klic-text-scale,1));min-width:0}.custom-field>span{font-weight:600}.custom-field select{width:100%;background:var(--klic-semantic-color-panel);border:1px solid var(--klic-semantic-color-control-border);color:var(--klic-semantic-color-text);padding:10px 28px 10px 10px;border-radius:var(--klic-custom-radius,8px);font-size:calc(.8rem * var(--klic-text-scale,1));min-height:40px}.custom-field small,.custom-toggle small,.custom-hint{font-size:calc(.75rem * var(--klic-text-scale,1));color:var(--klic-semantic-color-muted);line-height:1.7}.custom-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid var(--klic-semantic-color-border)}.custom-toggle strong{display:block;font-size:calc(.8rem * var(--klic-text-scale,1));font-weight:500}.custom-toggle small{display:block;margin-top:4px}.custom-toggle .switch{flex-shrink:0}.custom-type-sample{padding:22px;background:var(--klic-ui-soft);border-radius:var(--klic-custom-radius,8px)}.custom-type-sample strong{font-family:var(--klic-heading-font);font-size:calc(1.25rem * var(--klic-text-scale,1))}.custom-type-sample p{font-size:calc(.8rem * var(--klic-text-scale,1));margin-top:8px;color:var(--klic-semantic-color-muted)}.custom-presets{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:26px 0 12px}.custom-presets>span{font-size:calc(.75rem * var(--klic-text-scale,1));color:var(--klic-semantic-color-muted);margin-right:6px}.custom-presets .btn{font-size:calc(.75rem * var(--klic-text-scale,1));min-height:32px;height:auto;padding:7px 10px}.custom-actions{display:flex;gap:8px;flex-wrap:wrap}.custom-actions .btn{min-height:36px;height:auto;font-size:calc(.75rem * var(--klic-text-scale,1));padding:9px 12px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.theme-options button{text-align:left;min-width:0;padding:6px;border:1px solid var(--klic-semantic-color-border);border-radius:8px;background:var(--klic-semantic-color-panel)}.theme-options button[aria-pressed=true]{outline:2px solid var(--klic-semantic-color-accent);outline-offset:2px}.theme-options button>span:last-child{display:flex;align-items:center;gap:6px;padding:8px 5px 2px;font-size:calc(.75rem * var(--klic-text-scale,1))}.theme-options svg{width:13px;height:13px}.theme-mini{display:block;height:62px;background:#f5f7fb;border:1px solid #dfe5ee;border-radius:4px;padding:12px 12px 8px 30px;position:relative}.theme-mini i{position:absolute;left:0;top:0;bottom:0;width:22px;background:#dfe5ee}.theme-mini b{display:block;height:6px;background:#b6c5de;margin:3px 0 9px;border-radius:2px}.theme-mini b:last-child{width:62%;background:#245fc2}.theme-mini-dark{background:#101722;border-color:#31425c}.theme-mini-dark i{background:#26344a}.theme-mini-dark b{background:#52657b}.theme-mini-system{background:linear-gradient(90deg,#f5f7fb 50%,#172132 50%)}.scale-readout{display:flex;justify-content:space-between;padding:14px 16px;background:var(--klic-ui-selected);border-radius:6px;margin:12px 0;font-size:calc(.8rem * var(--klic-text-scale,1))}.scale-readout strong{font:600 1rem var(--klic-ui-mono);color:var(--klic-semantic-color-accent)}.custom-example{padding:28px;border:1px solid var(--klic-semantic-color-border);background:var(--klic-semantic-color-panel);margin-top:16px;box-shadow:var(--klic-ui-shadow)}.custom-example h2{font-size:calc(1.6rem * var(--klic-text-scale,1));line-height:1.45;letter-spacing:-.04rem;margin:22px 0 12px}.custom-example p{font-size:calc(.8rem * var(--klic-text-scale,1));line-height:1.8;color:var(--klic-semantic-color-muted);margin-bottom:22px}.custom-example .demo-input{font-size:calc(.85rem * var(--klic-text-scale,1));width:100%;height:auto;min-height:40px}.custom-example .btn{width:100%;font-size:calc(.85rem * var(--klic-text-scale,1));min-height:40px;height:auto}.custom-sample-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.custom-sample-stats small{display:block;color:var(--klic-semantic-color-muted);font-size:calc(.72rem * var(--klic-text-scale,1))}.custom-sample-stats strong{font-size:calc(1.9rem * var(--klic-text-scale,1))}.custom-sample-stats em{font-style:normal;font-size:calc(1rem * var(--klic-text-scale,1));margin-left:3px}.custom-chart{display:flex;height:90px;align-items:flex-end;gap:9px;border-bottom:1px solid var(--klic-semantic-color-border);margin-bottom:24px}.custom-chart i{flex:1;background:color-mix(in srgb,var(--klic-semantic-color-accent) calc(45% + var(--bar)*12%),var(--klic-semantic-color-panel));border-radius:4px 4px 0 0}:root[data-chart-palette=violet] .custom-chart i:nth-child(even){background:#7260c4}:root[data-chart-palette=contrast] .custom-chart i:nth-child(even){background:#8193ad}.settings-note{padding:20px 4px;margin-top:10px}.settings-note h3{font-size:calc(.85rem * var(--klic-text-scale,1));margin-bottom:8px}.settings-note p{color:var(--klic-semantic-color-muted);font-size:calc(.78rem * var(--klic-text-scale,1));line-height:1.9}.settings-note a{font-size:calc(.78rem * var(--klic-text-scale,1));margin-top:12px}
@media(max-width:1100px){.settings-layout{gap:24px}.top-guide{display:none}}@media(max-width:760px){.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-live{position:static}.settings-page .page-heading-row{align-items:flex-start}.settings-saved{display:none}.settings-page h1{font-size:calc(1.8rem * var(--klic-text-scale,1))}.custom-pair{gap:10px}.theme-options{gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.sidebar{height:calc(100dvh / var(--klic-ui-scale,1))}.settings-page{container-type:inline-size}.topbar-tools{flex-shrink:0}.search-trigger{white-space:nowrap}.top-guide{white-space:nowrap}.version-select>span:first-child{min-width:0;white-space:nowrap}.brand-caption{font-size:9px!important}
:root[data-compact=true]{--klic-ui-sidebar:0px}:root[data-compact=true] .sidebar{width:240px;transform:translateX(-100%);transition:transform .2s}:root[data-compact=true] .sidebar.open{transform:translateX(0)}:root[data-compact=true] .sidebar .brand{padding-top:5px}:root[data-compact=true] .mobile-nav-close{display:grid;position:absolute;right:9px;top:12px}:root[data-compact=true] .mobile-menu{display:grid}:root[data-compact=true] .breadcrumbs{gap:12px}:root[data-compact=true] :is(.breadcrumb-icon,.crumb-divider,.top-guide,.topbar-status){display:none}:root[data-compact=true] .search-trigger>span,:root[data-compact=true] .search-trigger>kbd{display:none}:root[data-compact=true] .search-trigger{padding:8px}:root[data-compact=true] .intro{gap:20px}:root[data-compact=true] .detail-layout{grid-template-columns:1fr}:root[data-compact=true] .detail-aside{display:none}
:root[data-narrow=true] .settings-layout,:root[data-narrow=true] .block-gallery{grid-template-columns:1fr}:root[data-narrow=true] .settings-live{position:static}:root[data-narrow=true] .topbar{padding:0 16px}:root[data-narrow=true] main{padding-left:20px;padding-right:20px}:root[data-narrow=true] .block-system-card{display:none}:root[data-narrow=true] .block-hero{grid-template-columns:1fr}:root[data-narrow=true] .gallery{grid-template-columns:1fr}:root[data-narrow=true] .intro{display:block}:root[data-narrow=true] .showcase{grid-template-columns:1fr}:root[data-narrow=true] .architecture-teaser{display:none}:root[data-narrow=true] .catalog-toolbar{flex-wrap:wrap}
@container (max-width:700px){.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-live{position:static}}
.root-person{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-repeat:no-repeat;border-radius:50%;overflow:hidden}.root-person.has-photo{color:transparent!important}:root[data-avatars=false] .root-person.has-photo{background-image:none!important;color:var(--klic-semantic-color-accent)!important}.featured-caption .avatar-stack .root-person{width:26px;height:26px;border-width:2px;font-size:8px;margin-left:-5px}.featured-caption{align-items:center}
:root[data-narrow=true] .topbar-tools{gap:5px}:root[data-narrow=true] .breadcrumbs{min-width:0;overflow:hidden;gap:8px}:root[data-narrow=true] #breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root[data-narrow=true] .tool-divider{display:none}
@container (max-width:360px){.custom-pair{grid-template-columns:1fr}}

/* Keep enlarged text readable without imposing a minimum canvas width. */
.settings-page{overflow-wrap:anywhere}.custom-section-title>div,.custom-toggle>div{min-width:0}.custom-sample-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-example{min-width:0}.custom-example .btn{white-space:normal}.scale-readout{gap:8px;flex-wrap:wrap}
@container (max-width:360px){.settings-layout{grid-template-columns:minmax(0,1fr)}.theme-options{grid-template-columns:minmax(0,1fr)}.theme-options button{display:flex;align-items:center;gap:12px}.theme-mini{width:64px;flex-shrink:0;height:44px}.custom-type-sample,.custom-example{padding:16px}.custom-sample-stats{grid-template-columns:minmax(0,1fr)}}

/* Shared appearance controls stay in Settings; all ranges update in place. */
main,.page-footer{width:100%;max-width:min(100%,var(--klic-content-width,1200px));margin-inline:auto}
.custom-range{gap:6px}.custom-range-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.custom-range output{flex-shrink:0;min-width:62px;text-align:right;font:500 .8rem var(--klic-ui-mono);font-variant-numeric:tabular-nums;color:var(--klic-semantic-color-accent)}.custom-range input[type=range]{display:block;width:100%;min-width:0;min-height:28px;margin:0;accent-color:var(--klic-semantic-color-accent)}.custom-range input:focus-visible{outline:2px solid var(--klic-semantic-color-focus,var(--klic-semantic-color-accent));outline-offset:4px;border-radius:4px}.custom-range .custom-range-bounds{display:flex;justify-content:space-between;gap:12px;font:400 .68rem var(--klic-ui-mono);color:var(--klic-semantic-color-muted)}

/* Brand identity: shared expression profiles, independent of accessibility settings. */
.brand-symbol,.brand-dot{color:var(--klic-component-wordmark-color,#2641b9)}
:root[data-menu=soft] :is(.nav-item.active,.library-item.selected){color:var(--klic-component-navigation-color-selected,#2641b9)}
:root[data-menu=solid] :is(.nav-item.active,.library-item.selected){background:var(--klic-component-navigation-color-selected,#2641b9);color:var(--klic-semantic-color-on-accent,#fff)}
:root[data-menu=outline] :is(.nav-item.active,.library-item.selected){color:var(--klic-component-navigation-color-selected,#2641b9);box-shadow:inset 0 0 0 1px var(--klic-component-navigation-color-selected,#2641b9)}
.detail-heading h1,.page-heading h1,.settings-page h1{font-size:calc(var(--klic-component-heading-title-font-size,2rem) * var(--klic-text-scale,1));font-family:var(--klic-component-heading-font-family,var(--klic-heading-font)),system-ui,sans-serif}
.settings-tabs{display:flex;gap:24px;border-bottom:1px solid var(--klic-semantic-color-border);margin-top:26px}.settings-tabs a{display:flex;align-items:center;gap:7px;padding:12px 2px;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--klic-semantic-color-muted);font-size:calc(.8rem * var(--klic-text-scale,1));text-decoration:none}.settings-tabs a[aria-current=page]{border-color:var(--klic-semantic-color-accent);color:var(--klic-semantic-color-text);font-weight:600}.settings-tabs svg{width:15px;height:15px}.settings-brand-summary{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:20px;padding:12px 14px;background:var(--klic-semantic-color-surface-soft);border:1px solid var(--klic-semantic-color-border);border-radius:var(--klic-custom-radius,8px);font-size:calc(.75rem * var(--klic-text-scale,1))}.settings-brand-summary>span,.settings-brand-summary a{display:flex;align-items:center;gap:8px}.settings-brand-summary svg{width:15px;height:15px}.settings-brand-summary a{color:var(--klic-semantic-color-accent);text-decoration:none}
.brand-settings-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:36px 0 24px}.brand-settings-intro>div{max-width:660px}.brand-settings-intro .eyebrow{font-size:10px}.brand-settings-intro h2{font-size:calc(1.5rem * var(--klic-text-scale,1));letter-spacing:-.04em;line-height:1.4;margin:12px 0}.brand-settings-intro p{font-size:calc(.83rem * var(--klic-text-scale,1));color:var(--klic-semantic-color-muted);line-height:1.85}.brand-settings-intro>a{flex-shrink:0;font-size:calc(.75rem * var(--klic-text-scale,1))}
.brand-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.brand-profile-card{border:1px solid var(--klic-semantic-color-border);border-radius:12px;overflow:hidden;background:var(--klic-semantic-color-panel);min-width:0}.brand-profile-card[data-active=true]{border-color:var(--klic-semantic-color-accent);box-shadow:0 0 0 1px var(--klic-semantic-color-accent)}.brand-profile-demo{padding:20px;height:125px;background:var(--klic-semantic-color-surface-soft);position:relative;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--klic-semantic-color-border);overflow:hidden}.brand-profile-wordmark{font:700 23px KlicPaperlogy,system-ui,sans-serif;color:var(--profile-accent);letter-spacing:-1px}.brand-profile-bars{display:flex;gap:5px;align-items:flex-end;height:67px;flex:1;max-width:112px}.brand-profile-bars i{display:block;width:28%;height:35%;background:var(--profile-accent);border-radius:var(--profile-radius) var(--profile-radius) 0 0}.brand-profile-bars i:nth-child(2){height:70%;opacity:.35}.brand-profile-bars i:nth-child(3){height:100%;opacity:.7}.brand-profile-mini-button{position:absolute;left:20px;bottom:20px;display:block;width:65px;height:19px;background:var(--profile-accent);border-radius:var(--profile-radius)}.brand-profile-card-body{padding:20px}.brand-profile-card-body>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand-profile-card h3{font-size:calc(1.05rem * var(--klic-text-scale,1));font-weight:600;letter-spacing:-.025em}.brand-profile-card [data-profile-applied]{display:flex;align-items:center;gap:3px;font-size:calc(.65rem * var(--klic-text-scale,1));white-space:nowrap;color:var(--klic-semantic-color-accent)}.brand-profile-card [data-profile-applied][hidden]{display:none}.brand-profile-card [data-profile-applied] svg{width:12px;height:12px}.brand-profile-card-body>strong{display:block;font-size:calc(.78rem * var(--klic-text-scale,1));font-weight:500;margin:12px 0 7px}.brand-profile-card p{font-size:calc(.74rem * var(--klic-text-scale,1));line-height:1.8;color:var(--klic-semantic-color-muted);min-height:calc(4em * var(--klic-text-scale,1))}.brand-profile-card dl{display:flex;flex-direction:column;gap:11px;padding:16px 0;margin:16px 0 12px;border-top:1px solid var(--klic-semantic-color-border);border-bottom:1px solid var(--klic-semantic-color-border)}.brand-profile-card dl>div{display:flex;justify-content:space-between;align-items:start;gap:8px;font-size:calc(.67rem * var(--klic-text-scale,1))}.brand-profile-card dt{color:var(--klic-semantic-color-muted);flex-shrink:0}.brand-profile-card dd{display:flex;align-items:center;gap:5px;text-align:right;line-height:1.4}.brand-profile-card dd i{width:10px;height:10px;border-radius:3px;flex-shrink:0}.brand-profile-card small{display:block;color:var(--klic-semantic-color-muted);font-size:calc(.67rem * var(--klic-text-scale,1));margin-bottom:18px}.brand-profile-card .btn{width:100%;justify-content:space-between;font-size:calc(.74rem * var(--klic-text-scale,1));min-height:34px;height:auto;white-space:normal}.brand-profile-card .btn[aria-pressed=true]{background:var(--klic-semantic-color-surface-selected);border-color:var(--klic-semantic-color-accent);color:var(--klic-semantic-color-accent)}
.brand-preserve-note{display:flex;align-items:start;gap:7px;font-size:calc(.72rem * var(--klic-text-scale,1));color:var(--klic-semantic-color-muted);line-height:1.8;margin:17px 0 35px}.brand-preserve-note svg{width:14px;height:14px;flex-shrink:0;margin-top:3px}.brand-detail-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:36px;align-items:start}.brand-section-heading h2{font-size:calc(1.15rem * var(--klic-text-scale,1));margin:8px 0 9px}.brand-section-heading p{font-size:calc(.76rem * var(--klic-text-scale,1));color:var(--klic-semantic-color-muted);line-height:1.8}.brand-role-list{border-top:1px solid var(--klic-semantic-color-border);margin-top:20px}.brand-role{display:grid;grid-template-columns:32px minmax(0,1fr) auto 14px;align-items:center;gap:12px;padding:13px 0;text-decoration:none;color:var(--klic-semantic-color-text);border-bottom:1px solid var(--klic-semantic-color-border)}.brand-role:hover{background:var(--klic-semantic-color-surface-soft)}.brand-role-swatch{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;background:var(--klic-semantic-color-surface-soft);border:1px solid var(--klic-semantic-color-border)}.brand-role-swatch svg{width:15px;height:15px}.brand-role strong{display:block;font-size:calc(.78rem * var(--klic-text-scale,1));font-weight:500}.brand-role small{display:block;color:var(--klic-semantic-color-muted);font-size:calc(.66rem * var(--klic-text-scale,1));margin-top:4px;line-height:1.5}.brand-role code{font:calc(.7rem * var(--klic-text-scale,1)) var(--klic-ui-mono);max-width:140px;overflow-wrap:anywhere;text-align:right;color:var(--klic-semantic-color-muted)}.brand-role>svg{width:13px;height:13px;color:var(--klic-semantic-color-muted)}.brand-principles{padding:28px 0}.brand-principles h3{font-size:calc(.9rem * var(--klic-text-scale,1));margin-bottom:14px}.brand-principles ul{padding:0;list-style:none;display:flex;flex-direction:column;gap:17px}.brand-principles li strong{display:block;color:var(--klic-semantic-color-accent);font-size:calc(.75rem * var(--klic-text-scale,1));margin-bottom:5px}.brand-principles li span,.brand-principles p{font-size:calc(.73rem * var(--klic-text-scale,1));line-height:1.8;color:var(--klic-semantic-color-muted)}.brand-principles p{padding-top:18px;margin-top:20px;border-top:1px solid var(--klic-semantic-color-border)}
.brand-live{position:sticky;top:90px;padding:22px;border:1px solid var(--klic-semantic-color-border);border-radius:12px;background:var(--klic-semantic-color-surface-soft)}.brand-current-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.brand-current-heading .eyebrow{font-size:9px}.brand-current-heading .badge{font-size:10px}.brand-live>h2{font-size:calc(1.25rem * var(--klic-text-scale,1));margin:17px 0 8px}.brand-live>p{font-size:calc(.76rem * var(--klic-text-scale,1));color:var(--klic-semantic-color-muted);line-height:1.8}.brand-live-sample{border:1px solid var(--klic-semantic-color-border);border-radius:var(--klic-custom-radius,8px);background:var(--klic-semantic-color-panel);margin-top:22px;overflow:hidden}.brand-sample-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 20px;border-bottom:1px solid var(--klic-semantic-color-border)}.brand-sample-mark{font:700 calc(1.25rem * var(--klic-text-scale,1)) KlicPaperlogy,system-ui,sans-serif;letter-spacing:-.07em;color:var(--klic-component-wordmark-color)}.brand-sample-top>span:last-child{display:flex;align-items:center;gap:5px;font-size:calc(.62rem * var(--klic-text-scale,1));color:var(--klic-semantic-color-muted)}.brand-sample-top svg{width:12px;height:12px}.brand-sample-nav{display:flex;gap:16px;padding:12px 20px;background:var(--klic-semantic-color-surface-soft);font-size:calc(.7rem * var(--klic-text-scale,1));color:var(--klic-semantic-color-muted)}.brand-sample-nav [aria-current=page]{color:var(--klic-component-navigation-color-selected);font-weight:600}.brand-sample-content{padding:var(--klic-component-card-spacing-default,1rem)}.brand-sample-content>small{font-size:calc(.56rem * var(--klic-text-scale,1));letter-spacing:.09em;color:var(--klic-semantic-color-accent)}.brand-sample-content h3{font-family:var(--klic-component-heading-font-family),system-ui,sans-serif;font-size:calc(var(--klic-component-heading-title-font-size,2rem) * var(--klic-text-scale,1));font-weight:var(--klic-component-heading-font-weight,600);line-height:1.35;letter-spacing:-.06em;margin:14px 0}.brand-sample-content>p{font-family:var(--klic-component-text-body-font-family),system-ui,sans-serif;font-size:calc(.76rem * var(--klic-text-scale,1));line-height:1.8;color:var(--klic-semantic-color-muted)}.brand-sample-card{display:flex;align-items:center;gap:10px;padding:14px 10px;margin:20px 0;border:1px solid var(--klic-semantic-color-border);border-radius:var(--klic-component-card-radius-default);min-width:0}.brand-sample-card>div{min-width:0;flex:1}.brand-sample-card strong{display:block;font-size:calc(.72rem * var(--klic-text-scale,1));font-weight:500}.brand-sample-card>div>span{font-size:calc(.61rem * var(--klic-text-scale,1));color:var(--klic-semantic-color-muted);display:block;margin-top:5px;line-height:1.5}.brand-sample-card>svg{width:13px;height:13px;flex-shrink:0}.brand-sample-icon{display:grid;place-items:center;width:32px;height:32px;background:var(--klic-semantic-color-surface-selected);border-radius:var(--klic-component-card-radius-default);color:var(--klic-semantic-color-accent);flex-shrink:0}.brand-sample-icon svg{width:16px;height:16px}.brand-sample-content>.btn{width:100%;height:auto;min-height:var(--klic-component-button-size-default-height,2rem);font-size:calc(.75rem * var(--klic-text-scale,1));white-space:normal}.brand-current-metrics{display:flex;flex-direction:column;gap:13px;margin-top:20px}.brand-current-metrics>div{display:flex;align-items:start;justify-content:space-between;gap:12px;font-size:calc(.67rem * var(--klic-text-scale,1))}.brand-current-metrics dt{flex-shrink:0;color:var(--klic-semantic-color-muted)}.brand-current-metrics dd{text-align:right;line-height:1.5}
@container (max-width:800px){.brand-profile-grid{grid-template-columns:minmax(0,1fr)}.brand-profile-card{display:grid;grid-template-columns:140px minmax(0,1fr)}.brand-profile-demo{height:100%;flex-direction:column;border-bottom:0;border-right:1px solid var(--klic-semantic-color-border)}.brand-profile-bars{width:90px;margin-bottom:40px;flex:none}.brand-profile-card p{min-height:0}.brand-profile-card dl{margin:12px 0;gap:9px}.brand-profile-card-body>small{margin-bottom:12px}.brand-detail-layout{grid-template-columns:minmax(0,1fr)}.brand-live{position:static}.brand-settings-intro{display:block}.brand-settings-intro>a{margin-top:16px;display:inline-flex}.brand-profile-card .btn{max-width:240px}.brand-profile-card-body{padding:16px}}
@container (max-width:440px){.brand-profile-card{display:block}.brand-profile-demo{height:100px;flex-direction:row;border-right:0;border-bottom:1px solid var(--klic-semantic-color-border)}.brand-profile-bars{margin:0;height:60px}.brand-profile-card .btn{max-width:none}.brand-role{grid-template-columns:27px minmax(0,1fr) 90px 12px;gap:8px}.brand-role-swatch{width:25px;height:25px}.brand-role code{font-size:calc(.62rem * var(--klic-text-scale,1))}.brand-live{padding:16px}.brand-current-heading{flex-wrap:wrap}}