/* Logo catalog only. Light surfaces from the UX spec; the rest of the site keeps its own theme.
   Loaded just on /logo-catalog/ and /c/<token>. */
main:has(.lc-app){background:#F6F7FA}
.lc-app{--lc-ink:#17233F;--lc-acc:#C4511B;--lc-bg:#F6F7FA;--lc-card:#fff;color-scheme:light;color:var(--lc-ink);background:#F6F7FA;max-width:1180px;margin:0 auto;padding:8px 16px 32px;font-size:17px;line-height:1.5}
.lc-app *{box-sizing:border-box}
.lc-app h1{color:var(--lc-ink);font-size:clamp(30px,8.2vw,36px);line-height:1.15;letter-spacing:-.02em;margin:0;text-wrap:balance}
.lc-app h2{color:var(--lc-ink);font-size:22px;line-height:1.25;margin:0 0 12px}
.lc-sub{margin:8px 0 0;font-size:18px;line-height:1.45;color:#3c4a63;text-wrap:pretty}
.lc-hero{display:grid;gap:16px;min-width:0}
.lc-visual,.lc-panel,.lc-collage,.lc-shot{min-width:0;max-width:100%}
.lc-visual{margin:0}
.lc-visual figcaption{margin:8px 0 0;font-size:14.5px;line-height:1.45;color:#3c4a63}
.lc-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lc-shot{position:relative;overflow:hidden;aspect-ratio:4/3;height:auto;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(23,35,63,.05),0 8px 24px rgba(23,35,63,.06)}
.lc-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;margin:0}
.lc-panel{display:flex;flex-direction:column;gap:8px;min-width:0}
.lc-field label{display:block;font-weight:700;font-size:16px;margin:0 0 8px;color:var(--lc-ink)}
.lc-field input,.lc-f input,.lc-f textarea,.lc-share input{width:100%;min-height:52px;border-radius:14px;border:1px solid rgba(23,35,63,.2);background:#fff;color:var(--lc-ink);padding:12px 16px;font:inherit;font-size:16px}
.lc-field input::placeholder{color:#4f5b70}
.lc-app .btn{border-radius:14px;min-height:48px;background:var(--lc-acc);border-color:var(--lc-acc)}
.lc-app .btn:hover{background:#a34316;border-color:#a34316}
.lc-app .lc-submit{width:100%;min-height:52px;font-size:17px}
.lc-app .btn.alt{width:auto;background:#fff;color:var(--lc-ink);border:1px solid rgba(23,35,63,.18)}
.lc-app .btn.alt:hover{background:var(--lc-bg)}
.lc-alt,.lc-restart,.lc-change{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;background:none;border:0;color:var(--lc-ink);font:inherit;font-weight:700;font-size:16px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.lc-change{position:relative}
.lc-change:focus-within{outline:3px solid var(--lc-acc);outline-offset:2px}
.lc-err,.q-err{color:#9d1c1c;min-height:1.25em;font-size:15px;margin:0}
.lc-status{display:flex;gap:12px;align-items:flex-start;min-height:44px;margin:4px 0}
.lc-status p{margin:0;font-size:16px}
.lc-spin{width:18px;height:18px;margin-top:3px;border-radius:50%;border:2px solid rgba(23,35,63,.2);border-top-color:var(--lc-acc);flex:none}
.lc-review,.lc-kept,.lc-share,.lc-leadbox,.lc-plainlist li{background:#fff;border-radius:22px;box-shadow:0 1px 2px rgba(23,35,63,.05),0 8px 24px rgba(23,35,63,.06)}
.lc-review,.lc-kept,.lc-share,.lc-leadbox{padding:16px}
.lc-logo-lg{display:block;width:min(100%,220px);height:120px;object-fit:contain;border-radius:18px;padding:8px;box-sizing:border-box}
.lc-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.lc-row .btn{min-width:44px}
.lc-row .lc-submit{width:auto;flex:1 1 180px}
.lc-steps{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.lc-steps li{display:flex;gap:8px;align-items:center;min-height:44px;font-size:16px;color:#3c4a63}
.lc-steps li[data-state=on]{color:var(--lc-ink);font-weight:700}
.lc-steps li[data-state=wait]{opacity:.55}
.lc-mark{width:1.5em;flex:none;font-weight:700;color:var(--lc-acc)}
.lc-trust{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:#3c4a63}
.lc-saved{font-size:15px;color:#3c4a63}
.lc-saved p{margin:0}
.lc-fine,.lc-next,.lc-later{font-size:14.5px;line-height:1.5;color:#3c4a63}
.lc-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.lc-reshead{display:grid;gap:16px;margin:0 0 8px}
.lc-id{display:flex;gap:12px;align-items:center;background:#fff;border-radius:22px;padding:12px 16px;box-shadow:0 1px 2px rgba(23,35,63,.05),0 8px 24px rgba(23,35,63,.06);min-width:0}
.lc-prev{width:72px;height:72px;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
.lc-prev,.lc-logo-lg{background-color:#fff;background-image:linear-gradient(45deg,#5e6b82 25%,transparent 25%),linear-gradient(-45deg,#5e6b82 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#5e6b82 75%),linear-gradient(-45deg,transparent 75%,#5e6b82 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}
.lc-prev img,.lc-logo-lg,.lc-logo{min-width:0;min-height:0;object-fit:contain}
.lc-prev img{width:auto;height:auto;max-width:88%;max-height:88%}
.lc-k{margin:0;font-weight:700;font-size:16px}
.lc-host{margin:0;font-size:14.5px;color:#3c4a63;overflow-wrap:anywhere}
.lc-count{margin:8px 0 0;font-size:15px;color:#3c4a63}
.lc-chips{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;max-width:100%;padding:8px 2px 12px;scrollbar-width:thin}
.lc-chips button{flex:0 0 auto;min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid rgba(23,35,63,.16);background:#fff;color:var(--lc-ink);font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.lc-chips button[aria-pressed=true]{background:var(--lc-ink);border-color:var(--lc-ink);color:#fff}
.lc-grid,.lc-plainlist{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.lc-grid{grid-template-columns:minmax(0,1fr)}
.lc-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 1px 2px rgba(23,35,63,.05),0 8px 24px rgba(23,35,63,.06);min-width:0}
.lc-card a{display:flex;flex-direction:column;height:100%;color:var(--lc-ink);text-decoration:none;outline-offset:3px}
.lc-ph{position:relative;display:block;aspect-ratio:1;background:#eef1f6;direction:ltr;overflow:hidden}
.lc-p{width:100%;height:100%;object-fit:cover;display:block}
.lc-ph.lc-wait{background:linear-gradient(90deg,#e7ebf2,#fff,#e7ebf2);background-size:200% 100%}
.lc-ph.lc-wait .lc-p{opacity:0}
.lc-area{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none}
.lc-logo{max-width:100%;max-height:100%;object-fit:contain}
.lc-logo.lc-inv{filter:brightness(0) invert(1)}
.lc-logo.lc-halo{filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px rgba(255,255,255,.85))}
.lc-meta{display:flex;flex-direction:column;gap:6px;padding:16px}
.lc-meta b{font-size:17px;line-height:1.35;font-weight:700}
.lc-price{font-size:14.5px;font-weight:700;line-height:1.45}
.lc-note{font-size:14.5px;color:#3c4a63}
.lc-open{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--lc-acc)}
.lc-more{margin-top:16px}
.lc-plain-h{margin-top:32px}
.lc-plainlist li{padding:16px}
.lc-plainlist p{margin:8px 0}
.lc-share,.lc-leadbox,.lc-next{margin-top:24px}
.lc-share-row{display:flex;gap:8px;align-items:center}
.lc-share-row .btn{flex:none;width:auto}
.lc-f{display:grid;gap:4px}
.lc-f label{font-weight:700;font-size:15px;margin-top:8px}
.lc-consent{display:flex;gap:10px;align-items:flex-start;font-weight:400!important;font-size:15px!important}
.lc-consent input{width:22px!important;min-height:22px!important;margin-top:2px;flex:none}
.lc-leadbox summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700}
.lc-app :focus-visible{outline:3px solid var(--lc-acc);outline-offset:2px}
.lc-app a{color:#17233F}
@media (max-width:899px) and (max-height:700px){.lc-collage{gap:6px}.lc-shot{border-radius:12px}}
@media (min-width:768px){.lc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){
 .lc-app{padding:16px 24px 48px}
 .lc-app h1{font-size:40px}
 .lc-hero{grid-template-columns:minmax(0,45fr) minmax(0,55fr);column-gap:32px;row-gap:8px;align-items:center}
 .lc-hero h1,.lc-sub,.lc-panel{grid-column:1}
 .lc-visual{grid-column:2;grid-row:1 / span 3}
 .lc-collage{gap:12px}
 .lc-shot{border-radius:18px}
}
@media (min-width:1024px){.lc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.lc-share-row{flex-direction:column;align-items:stretch}.lc-share-row .btn{width:100%}}
@media (prefers-reduced-motion:no-preference){
 .lc-spin{animation:lc-spin .8s linear infinite}
 .lc-ph.lc-wait{animation:lc-sh 1.1s ease-in-out infinite}
 .lc-card a{transition:transform .2s cubic-bezier(.25,1,.5,1)}
 .lc-card a:hover{transform:translateY(-2px)}
}
@keyframes lc-spin{to{transform:rotate(360deg)}}
@keyframes lc-sh{to{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){
 .lc-spin,.lc-ph.lc-wait,.lc-card a{animation:none;transition:none}
 .lc-card a:hover{transform:none}
}
html.a11y-motion .lc-spin,html.a11y-motion .lc-ph.lc-wait,html.a11y-motion .lc-card a{animation:none!important;transition:none!important}
html.a11y-motion .lc-card a:hover{transform:none}