.result-supplement-card[data-result-supplement]{box-sizing:border-box;width:100%;max-width:430px;margin:12px auto 0;padding:28px 22px 24px;background:#fbf9f4;border-radius:18px;box-shadow:0 3px 14px #262f230d;color:#3c3a34;text-align:left;font:400 14px/1.7 Pretendard Variable,sans-serif}.result-supplement-card .result-supplement-head{margin-bottom:20px}.result-supplement-card .result-supplement-kicker{display:flex;align-items:center;gap:10px}.result-supplement-card .result-supplement-kicker>span:first-child:not(:only-child){display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#f1ebdf;color:#a8925e;font-size:12px}.result-supplement-card .result-supplement-kicker>span:last-child{font:400 12px/1.5 Noto Sans,sans-serif;letter-spacing:.18em;color:#a8925e}.result-supplement-card .result-supplement-head h3{margin:8px 0 0;font:400 17px/1.6 Hahmlet,serif;color:#1e1f1c;word-break:keep-all}.result-supplement-card p{margin:0;word-break:keep-all;text-wrap:pretty}.result-supplement-card .supplement-intro{margin-bottom:20px;color:#4d4a44}.result-supplement-card .supplement-group+.supplement-group{margin-top:24px}.result-supplement-card .supplement-group h4{margin:0 0 8px;font:500 15px/1.6 Pretendard Variable,sans-serif}.result-supplement-card .supplement-color-row{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:12px;padding:16px 0;border-bottom:1px solid rgba(201,183,138,.45)}.result-supplement-card .supplement-color-row:last-child{border-bottom:0;padding-bottom:0}.result-supplement-card .supplement-swatch{display:block;width:48px;height:48px;border-radius:12px;border:1px solid rgba(201,183,138,.45)}.result-supplement-card .supplement-color-row strong{font-size:15px;font-weight:500;color:#1e1f1c}.result-supplement-card .supplement-color-row small{display:block;margin:2px 0 6px;font-size:12px;color:#8a857a}.result-supplement-card .supplement-color-row p{font-size:13.5px;color:#4d4a44}.result-supplement-card .supplement-look{padding:20px 0;border-top:1px solid rgba(201,183,138,.45)}.result-supplement-card .supplement-look:last-child{padding-bottom:0}.result-supplement-card .supplement-look header{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.result-supplement-card .supplement-look header span{font:400 12px/1.5 Noto Sans,sans-serif;color:#a8925e;letter-spacing:.06em}.result-supplement-card .supplement-look:first-child header span{padding:3px 8px;border-radius:6px;background:#f8f0dc;border:1px solid #E8D5A4}.result-supplement-card .supplement-look h4{margin:0;font:500 15px/1.6 Pretendard Variable,sans-serif}.result-supplement-card .supplement-look p+p{margin-top:8px;color:#6e6a60;font-size:13.5px}.result-supplement-card .supplement-search-label{display:block;margin-bottom:8px;font-size:12px;color:#6e6a60}.result-supplement-card .supplement-search-form{display:flex;gap:8px}.result-supplement-card .supplement-search-form input{flex:1;min-width:0;min-height:52px;box-sizing:border-box;border:1px solid rgba(201,183,138,.45);border-radius:12px;padding:12px;background:#fbf9f4;font:inherit;color:#1e1f1c}.result-supplement-card .supplement-search-form button{min-height:52px;padding:12px 20px;border:0;border-radius:99px;background:#262f23;color:#f5f3ec;font:500 15px/1.6 Pretendard Variable,sans-serif;cursor:pointer}.result-supplement-card .supplement-search-message{margin-top:16px;color:#4d4a44}.result-supplement-card .supplement-search-result{padding-top:24px}.result-supplement-card .supplement-search-pair{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:16px}.result-supplement-card .supplement-search-pair figure{min-width:0;margin:0;text-align:center}.result-supplement-card .supplement-search-pair figure>span{display:block;height:72px;border-radius:12px;border:1px solid rgba(201,183,138,.45);margin-bottom:8px}.result-supplement-card .supplement-search-pair small{display:block;color:#6e6a60;font-size:12px}.result-supplement-card .supplement-search-verdict{padding:16px;border-radius:12px;background:#f1ebdf}.result-supplement-card .supplement-search-distance{margin-top:8px;font-size:12px;color:#6e6a60;text-align:center}.result-supplement-card .supplement-today-copy{font-size:15px;line-height:1.8}.result-supplement-card .supplement-today-signoff{border-top:1px solid rgba(201,183,138,.45);padding-top:20px;margin-top:24px;font:400 17px/1.8 Hahmlet,serif;color:#3a4938}.result-supplement-card :is(button,input,a):focus-visible{outline:2px solid #3A4938;outline-offset:2px}.result-supplement-card button:active{opacity:.88}.result-supplement-card .tcc-card.is-embedded,.result-supplement-card .lc-cta.is-embedded{margin:0;padding:0;background:transparent;border-radius:0;box-shadow:none}.result-supplement-card :is(.is-embedded .tcc-sub,.is-embedded .lc-cta-sub){font:400 14px/1.7 Pretendard Variable,sans-serif;color:#4d4a44;margin-bottom:20px}.result-supplement-card :is(.is-embedded .tcc-btn,.is-embedded .lc-cta-btn){min-height:52px;font-size:15px;box-shadow:none}.result-supplement-card :is(.is-embedded .tcc-btn,.is-embedded .lc-cta-btn):active{transform:none;opacity:.88}.result-supplement-card .is-embedded .tcc-badge{color:#a8925e;font-size:12px}.result-supplement-card .is-embedded .tcc-sub b{font-size:inherit;font-weight:500}.result-flow-bonus .result-supplement-card[data-result-supplement],.result-flow-bonus .pcr-win{background:transparent;border:1px solid rgba(201,183,138,.5);box-shadow:none}.result-flow-bonus .result-supplement-card .result-supplement-kicker>span:first-child:not(:only-child){background:transparent;border:1px solid rgba(201,183,138,.55);box-sizing:border-box}
