.logo-section{--logo-line:var(--qf-border-subtle)}
.logo-section img{display:block;max-width:none;flex-shrink:0;object-fit:contain}
.logo-section figure{margin:0;min-width:0}
.logo-section h3{font-size:var(--qf-type-component-title-size);line-height:var(--qf-type-component-title-line-height);font-weight:500}
.logo-section .logo-lead{font-size:var(--qf-type-component-title-size);max-width:48rem}
.logo-controls{display:flex;flex-wrap:wrap;align-items:end;gap:var(--qf-spacing-24);margin-block:var(--qf-spacing-32)}
.logo-controls>.foundation-library{flex:0 1 19rem;min-width:0}
.logo-section .logo-scale-note{font-size:14px;color:var(--qf-text-muted);display:block}
.logo-comparison,.logo-minimum-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--qf-spacing-grid-gap);margin-block:var(--qf-spacing-24)}
.logo-comparison{grid-template-columns:minmax(200px,1fr) minmax(334px,1.4fr) minmax(200px,1fr)}
.logo-size-card,.logo-minimum-card{border:1px solid var(--logo-line);background:var(--qf-layer)}
.logo-size-card>figcaption,.logo-minimum-card>figcaption{padding:var(--qf-spacing-20)}
.logo-size-card figcaption>span{display:block;font-size:14px;color:var(--qf-text-secondary);margin-top:var(--qf-spacing-8)}
.logo-size-stage{overflow-x:auto;height:210px;display:flex;align-items:center;justify-content:safe center;padding:var(--qf-spacing-16);background:var(--qf-background-subtle);border-block:1px solid var(--logo-line)}
.logo-section .is-dark{background:var(--qf-color-sidra-muted-900)}
.logo-size-verdict{padding:var(--qf-spacing-20);font-size:14px;display:grid;gap:var(--qf-spacing-8)}
.logo-size-verdict strong{font-weight:600}
.logo-size-verdict[data-size-result=below] strong{color:var(--qf-support-error)}
.logo-size-verdict[data-size-result=within] strong{color:var(--qf-interactive)}
.logo-size-verdict span{color:var(--qf-text-secondary)}
.logo-decision{margin-block-start:var(--qf-spacing-32);padding:var(--qf-spacing-card-padding);background:var(--qf-background-subtle)}
.logo-decision ol{padding-inline-start:var(--qf-spacing-24);margin-block:var(--qf-spacing-16) 0;max-width:52rem}
.logo-decision li{padding-inline-start:var(--qf-spacing-8)}
.logo-minimum-number{display:block;font-size:var(--qf-type-metric-size);font-weight:300;line-height:1.2;margin-top:var(--qf-spacing-16)}
.logo-minimum-number small{font-size:var(--qf-type-body-size);font-weight:400}
.logo-minimum-stage{height:140px;display:flex;align-items:center;justify-content:center;background:var(--qf-background-subtle);border-block:1px solid var(--logo-line)}
.logo-dimension{position:relative;padding-bottom:var(--qf-spacing-24)}
.logo-width-rule{height:8px;position:absolute;bottom:0;left:0;right:0;border-inline:1px solid var(--qf-text-muted);border-bottom:1px solid var(--qf-text-muted)}
.logo-minimum-card dl{padding:var(--qf-spacing-20);margin:0;display:grid;gap:var(--qf-spacing-8);font-size:14px}
.logo-minimum-card dl>div{display:flex;justify-content:space-between;gap:var(--qf-spacing-16)}
.logo-minimum-card dt{color:var(--qf-text-muted)}.logo-minimum-card dd{margin:0}
#logo-clear-space>.foundation-library{max-width:24rem;margin-block:var(--qf-spacing-24)}
.logo-clear-layout{display:grid;grid-template-columns:minmax(260px,1fr) 1fr;gap:var(--qf-spacing-grid-gap);align-items:center;margin-block:var(--qf-spacing-32)}
.logo-clear-figure{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--qf-spacing-32);padding:var(--qf-spacing-32) var(--qf-spacing-16);min-height:280px;border:1px solid var(--logo-line);background:var(--qf-layer)}
.logo-clear-zone{position:relative;border:1px dashed var(--qf-text-muted);background:repeating-linear-gradient(135deg,var(--qf-background-subtle) 0,var(--qf-background-subtle) 3px,var(--qf-border-subtle) 3px,var(--qf-border-subtle) 4px)}
.logo-artwork-bound{outline:1px solid var(--qf-interactive);background:var(--qf-layer)}
.logo-clear-zone>span{position:absolute;font:12px/1 QF,sans-serif;color:var(--qf-text-primary);background:var(--qf-layer)}
.logo-clear-top{left:50%;top:0;transform:translate(-50%,-50%)}.logo-clear-bottom{left:50%;bottom:0;transform:translate(-50%,50%)}
.logo-clear-left{left:0;top:50%;transform:translate(-50%,-50%)}.logo-clear-right{right:0;top:50%;transform:translate(50%,-50%)}
.logo-clear-figure figcaption{font-size:14px;color:var(--qf-text-secondary);text-align:center}
.logo-pair,.logo-avoid-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--qf-spacing-grid-gap);margin-block:var(--qf-spacing-24)}
.logo-pair figure,.logo-avoid-grid figure{border:1px solid var(--logo-line)}
.logo-placement-stage,.logo-misuse{height:180px;display:flex;align-items:center;justify-content:center;background:var(--qf-background-subtle);padding:var(--qf-spacing-16);overflow:hidden}
.logo-pair figcaption,.logo-avoid-grid figcaption{padding:var(--qf-spacing-20);font-size:14px;display:grid;gap:var(--qf-spacing-8);border-block-start:1px solid var(--logo-line)}
.logo-pair figcaption>span,.logo-avoid-grid figcaption>span{color:var(--qf-text-secondary)}
.logo-avoid-grid figcaption>strong{color:var(--qf-support-error)}
.logo-context{margin-block:var(--qf-spacing-32)}
.logo-context-header{display:flex;align-items:center;gap:var(--qf-spacing-16);padding:var(--qf-spacing-24);border:1px solid var(--logo-line);background:var(--qf-layer);margin-block:var(--qf-spacing-24);max-width:42rem;flex-wrap:wrap}
.logo-context-header strong{font-weight:500}.logo-context-header>span{margin-inline-start:auto;color:var(--qf-text-secondary)}
.logo-squashed img{transform:scaleY(.55)}
.logo-crop{width:160px;overflow:hidden}
.logo-crowded{position:relative}.logo-crowded>span{position:absolute;left:50%;top:calc(50% + 19px);transform:translateX(-50%);white-space:nowrap;font-size:14px;color:var(--qf-text-primary)}
.logo-download-row{display:grid;grid-template-columns:1fr 1.3fr;gap:var(--qf-spacing-grid-gap);padding-block:var(--qf-spacing-32);border-top:1px solid var(--logo-line)}
.logo-download-color+.logo-download-color{margin-top:var(--qf-spacing-24)}
.logo-download-color h4{font-weight:500;font-size:var(--qf-type-body-size)}
.logo-download-links{display:flex;flex-wrap:wrap;gap:var(--qf-spacing-8) var(--qf-spacing-24)}
@media(max-width:1180px){.logo-comparison,.logo-minimum-grid{grid-template-columns:1fr}.logo-size-stage{height:200px}}
@media(max-width:700px){.logo-clear-layout,.logo-pair,.logo-avoid-grid,.logo-download-row{grid-template-columns:minmax(0,1fr)}.logo-clear-layout{gap:var(--qf-spacing-24)}.logo-controls{gap:var(--qf-spacing-16)}.logo-context-header{padding:var(--qf-spacing-16)}.logo-minimum-number{font-size:48px}}

.logo-availability{display:grid;gap:var(--qf-spacing-8);font-size:var(--qf-type-body-size);margin-block:var(--qf-spacing-24)}
.logo-availability>span{color:var(--qf-text-secondary)}

.logo-minimum-stage,.logo-placement-stage{overflow-x:auto;justify-content:safe center}
.logo-clear-figure{overflow-x:auto;align-items:safe center}
.logo-clear-zone{flex-shrink:0}