.type-card-section{margin:24px 0 32px;--tc-color: #d63a6d;--tc-bg: #fff7f0;--tc-light: rgba(214, 58, 109, .08)}.type-card{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--tc-bg);border-radius:24px;padding:24px;position:relative;overflow:hidden}@media (max-width: 720px){.type-card{grid-template-columns:1fr;padding:16px}}.type-card__illustration{background:var(--tc-color);border-radius:18px;padding:16px;position:relative;min-height:340px}.type-card__illustration img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block;min-height:320px;max-height:540px}.type-card__right{display:flex;flex-direction:column;gap:16px}.type-card__top-row{display:flex;gap:12px;align-items:flex-start}.type-card__bubble{flex:1;background:#fff;border:2px solid var(--tc-color);border-radius:18px;padding:14px 18px;color:var(--tc-color);font-weight:700;font-size:14px;text-align:center;position:relative}.type-card__bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--tc-color)}.type-card__bubble:before{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #fff;z-index:1}.type-card__matrix{background:#fff;border:2px solid var(--tc-color);border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:2px 8px;min-width:100px}.type-card__matrix span{text-align:center;font-weight:700;font-size:16px;font-family:ui-monospace,monospace;color:#dcdce4;line-height:1.4}.type-card__matrix span.active{color:var(--tc-color)}.type-card__info{background:#fff;border-radius:18px;padding:22px;border:1px solid #eceaee;box-shadow:0 4px #dcd2d766}.type-card__info-logo{text-align:center;margin-bottom:12px}.type-card__info-logo strong{color:var(--tc-color);font-size:22px;letter-spacing:.1em}.type-card__info-logo span{display:block;font-size:10px;color:#a5a0af;letter-spacing:.3em;margin-top:2px}.type-card__divider{border:none;border-top:1px solid #eceaee;margin:12px 0}.type-card__type-name{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.type-card__type-name h3{font-size:24px;font-weight:700;color:#1f1a28;margin:0}.type-card__type-name .code{font-family:ui-monospace,monospace;color:var(--tc-color);font-weight:700;font-size:16px}.type-card__type-en{color:#a5a0af;font-size:13px;margin-top:2px}.type-card__metric{margin-top:12px}.type-card__metric-label{font-size:12px;color:#a5a0af;letter-spacing:.15em;display:flex;justify-content:space-between;align-items:center}.type-card__metric-value{display:flex;justify-content:flex-end;font-size:32px;font-weight:700;color:var(--tc-color);margin:2px 0}.type-card__metric-value sup{font-size:18px}.type-card__bar{height:10px;background:var(--tc-light);border-radius:5px;overflow:hidden}.type-card__bar>span{display:block;height:100%;background:var(--tc-color);border-radius:5px;transition:width .6s ease-out}.type-card__traffic{display:flex;justify-content:center;margin-top:6px;margin-bottom:4px}.type-card__traffic-housing{background:#262630;border-radius:18px;padding:10px 16px;display:flex;gap:16px;align-items:center}.type-card__light{width:28px;height:28px;border-radius:50%;background:#ffffff14;position:relative}.type-card__light.r{background:#ff466438}.type-card__light.y{background:#ffc83c38}.type-card__light.g{background:#64e6a038}.type-card__light.active.r{background:#ff4664;box-shadow:0 0 18px #ff4664b3}.type-card__light.active.y{background:#ffc83c;box-shadow:0 0 18px #ffc83cb3}.type-card__light.active.g{background:#64e6a0;box-shadow:0 0 18px #64e6a0b3}.type-card__signal-label{font-weight:700;letter-spacing:.15em}.type-card__signal-label.r{color:#d63a6d}.type-card__signal-label.y{color:#d49a3a}.type-card__signal-label.g{color:#2f8a78}.type-card__next-step{font-size:15px;color:#1f1a28;font-weight:700;margin-top:6px}.type-card__cta{display:block;width:100%;margin-top:18px;padding:14px 16px;border-radius:12px;background:var(--tc-color);color:#fff;border:none;cursor:pointer;font-weight:700;font-size:15px;letter-spacing:.05em;transition:filter .15s}.type-card__cta:hover{filter:brightness(1.08)}.type-card__cta[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.type-card__quote{background:var(--tc-color);color:#fff;border-radius:18px;padding:16px 44px;margin-top:16px;font-family:ui-serif,"Noto Serif KR",serif;font-style:italic;font-size:17px;line-height:1.5;text-align:center;position:relative;grid-column:1 / -1;white-space:normal;word-break:keep-all}.type-card__quote:before{content:"“";position:absolute;left:14px;top:2px;font-size:44px;opacity:.5}.type-detail-box{display:none;margin-top:18px;background:#fff;border:1px solid #eceaee;border-radius:20px;padding:26px 28px;box-shadow:0 4px #dcd2d766;animation:typeDetailIn .36s ease-out}.type-detail-box.open{display:block}@keyframes typeDetailIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.type-detail-box__section+.type-detail-box__section{margin-top:22px}.type-detail-box__section h4{font-size:13px;color:#a5a0af;letter-spacing:.2em;margin:0 0 8px;font-weight:700}.type-detail-box__section p{font-size:15px;line-height:1.75;color:#2c2737;margin:0}.type-detail-box__section .highlight{color:var(--tc-color);font-weight:700}.type-detail-box__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 560px){.type-detail-box__metrics{grid-template-columns:1fr}}.type-detail-box__metric-card{background:#faf7f4;border-radius:14px;padding:14px 16px}.type-detail-box__metric-card .label{font-size:11px;color:#a5a0af;letter-spacing:.15em}.type-detail-box__metric-card .value{font-size:28px;font-weight:700;color:var(--tc-color);margin-top:4px}.type-detail-box__metric-card .sub{font-size:12px;color:#756f80;margin-top:4px}.type-detail-box__category{background:var(--tc-light);border-radius:14px;padding:14px 18px}.type-detail-box__category .cat-name{font-weight:700;color:var(--tc-color)}.type-detail-box__category .cat-desc{font-size:14px;color:#2c2737;margin-top:2px}#detailsToggle{display:none!important}.type-card--insufficient{text-align:center;padding:32px 24px;background:#faf7f4;border-radius:18px;color:#756f80}.type-card--insufficient strong{display:block;margin-bottom:8px;color:#2c2737}.type-card__share-footer{grid-column:1 / -1;margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-radius:14px;background:var(--tc-color);color:#fff}.type-card__share-footer .tcsf__hook{font-weight:700;font-size:14px;letter-spacing:-.01em}.type-card__share-footer .tcsf__url{font-weight:800;font-size:15px;letter-spacing:.02em;font-family:ui-monospace,SF Mono,monospace}.type-card-section.is-capturing .type-card__cta,.type-card-section.is-capturing .type-detail-box{display:none!important}.ss-story-frame{position:fixed;left:-9999px;top:0;width:540px;min-height:960px;box-sizing:border-box;padding:44px 34px;display:flex;flex-direction:column;justify-content:center;gap:26px;background:linear-gradient(165deg,var(--tc-light, #fff7f0) 0%,#ffffff 70%)}.ss-story-frame .ss-story-brand{text-align:center;font-weight:800;letter-spacing:.18em;font-size:15px;color:var(--tc-color, #d63a6d)}.ss-story-frame .type-card{grid-template-columns:1fr!important}.ss-story-frame .type-card__cta,.ss-story-frame .type-detail-box,.ss-story-frame .type-card__share-footer{display:none!important}.ss-story-frame .ss-story-footer{text-align:center;padding:20px;border-radius:18px;background:var(--tc-color, #d63a6d);color:#fff}.ss-story-frame .ss-story-footer .ssf__hook{display:block;font-weight:700;font-size:18px;margin-bottom:6px}.ss-story-frame .ss-story-footer .ssf__url{display:block;font-weight:800;font-size:22px;letter-spacing:.03em;font-family:ui-monospace,SF Mono,monospace}