/* Standalone calculators. UI only; formulas remain in cfl_calc.js. */
:root{color-scheme:light;--c-bg:#f5f6f2;--c-surface:#fff;--c-soft:#edf2e9;--c-ink:#20382d;--c-muted:#5d7065;--c-line:#dce4dc;--c-accent:#365f48;--c-focus:#52795c;--c-result:#203e31;--c-result-ink:#f8fcf5;--c-result-muted:#c9dccb;--c-result-line:#496451;--c-warn:#f5c791;--c-radius:24px;--c-shadow:0 12px 36px #20382d07}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px;scroll-behavior:smooth}
.calc-body{margin:0;background:var(--c-bg);color:var(--c-ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI','Apple SD Gothic Neo','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}
.calc-body [hidden]{display:none!important}
.calc-body a{color:var(--c-accent);text-underline-offset:4px}
.calc-body button,.calc-body input,.calc-body select{font:inherit;color:inherit}
.calc-body button,.calc-body select,.calc-body summary{-webkit-tap-highlight-color:transparent}
.calc-body button{cursor:pointer}
.calc-body :focus-visible{outline:3px solid var(--c-focus);outline-offset:4px}
.calc-body button:disabled{opacity:.35;cursor:default}
.calc-sr{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.calc-skip{position:fixed;left:16px;top:-100px;z-index:30;background:var(--c-surface);padding:12px 20px;border-radius:12px}
.calc-skip:focus{top:10px}
.calc-top{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--c-line);background:var(--c-bg)}
.calc-top__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1160px;margin:auto;padding:calc(env(safe-area-inset-top,0px) + 12px) 24px 12px}
.calc-top__brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:17px;font-weight:750;letter-spacing:-.6px;text-decoration:none;color:var(--c-ink)!important}
.calc-top__brand .calc-icon{width:32px;height:32px}
.calc-top__lang{display:flex;gap:2px;padding:3px;background:var(--c-soft);border-radius:13px;flex-shrink:0}
.calc-top__lang a{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0 10px;text-decoration:none;font-size:13px;font-weight:650;border-radius:10px;color:var(--c-muted)}
.calc-top__lang a[aria-current]{background:var(--c-surface);color:var(--c-ink);box-shadow:0 2px 5px #20382d0b}
.calc-wrap{max-width:1112px;margin:auto;padding:0 0 40px}
.calc-crumb{padding:20px 0 0;font-size:13px}
.calc-crumb a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--c-muted)}
.calc-head{display:grid;grid-template-columns:48px 1fr;column-gap:16px;align-items:center;padding:20px 0 32px}
.calc-head__icon{display:grid;place-items:center;width:48px;height:48px;background:var(--c-soft);border-radius:15px;grid-row:1/3;color:var(--c-accent)}
.calc-icon{width:26px;height:26px;display:block;flex-shrink:0}
.calc-head h1{font-size:clamp(24px,3.3vw,36px);line-height:1.25;letter-spacing:-1.2px;font-weight:750;margin:0;text-wrap:balance;overflow-wrap:anywhere}
.calc-head p{margin:8px 0 0;max-width:680px;font-size:15px;line-height:1.8;color:var(--c-muted);grid-column:2}
.calc-head--hub{display:block;padding:60px 0 32px}
.calc-head--hub h1{font-size:clamp(34px,5vw,52px);letter-spacing:-2px}
.calc-head--hub p{font-size:17px;margin-top:16px}
.calc-form{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:start;margin:0 0 44px;--out-height:330px}
.calc-controls{display:grid;gap:24px;min-width:0;padding:30px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--c-radius);box-shadow:var(--c-shadow)}
.calc-field{display:grid;gap:10px;min-width:0;border:0;margin:0;padding:0}
.calc-field>span:not(.calc-input),.calc-field>legend{font-size:14px;line-height:1.5;font-weight:700;padding:0}
.calc-field>legend{margin-bottom:10px;float:left;width:100%}
.calc-field>legend+*{clear:both}
.calc-row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 16px;min-width:0}
.calc-input{display:flex;align-items:center;gap:8px;min-width:0;min-height:56px;padding:4px 14px;background:var(--c-bg);border:1px solid var(--c-line);border-radius:13px;transition:border-color .15s,box-shadow .15s}
.calc-input:focus-within,.calc-select-step:focus-within{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-soft)}
.calc-input input{width:100%;min-width:0;min-height:44px;padding:0;border:0;background:transparent;outline:none;font-size:19px;font-weight:650;letter-spacing:-.3px;font-variant-numeric:tabular-nums}
.calc-body .calc-input input:focus-visible{outline:none}
.calc-input input::placeholder{color:var(--c-muted);opacity:.6;font-weight:400}
.calc-input em{font-style:normal;font-size:13px;color:var(--c-muted);white-space:nowrap}
.calc-input select,.calc-field>select,.calc-select-step select{max-width:100%;min-width:0;min-height:48px;border:1px solid var(--c-line);border-radius:13px;padding:10px 12px;background:var(--c-bg);font-size:14px;cursor:pointer}
.calc-input select{border:0;padding:6px 4px;min-height:44px}
.calc-input--step{display:grid;grid-template-columns:44px minmax(0,1fr) auto 44px;gap:2px;padding:3px}
.calc-input--step input{grid-column:2;text-align:center;font-size:19px;-moz-appearance:textfield;appearance:textfield}
.calc-input--step input::-webkit-inner-spin-button,.calc-input--step input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.calc-input--step em{grid-column:3;padding-right:5px}
.calc-body .calc-step{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--c-accent);font-size:24px;line-height:1;user-select:none}
.calc-step:last-child{grid-column:4}
.calc-step:hover:not(:disabled){background:var(--c-soft)}
.calc-step:active:not(:disabled){transform:scale(.94)}
.calc-input--unit{grid-template-columns:44px minmax(0,1fr) 44px}
.calc-input--unit .calc-step:last-child{grid-column:3;grid-row:1}
.calc-input--unit select{grid-column:1/-1;grid-row:2;width:100%;border-top:1px solid var(--c-line);border-radius:0 0 10px 10px;padding-inline:12px}
.calc-select-step{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;border:1px solid var(--c-line);border-radius:13px;background:var(--c-bg);padding:3px}
.calc-select-step select{width:100%;text-align:center;text-align-last:center;border:0;background:transparent;padding-inline:8px}
.calc-select-step .calc-step:last-child{grid-column:3}
.calc-chips{display:flex;flex-wrap:wrap;gap:8px}
.calc-chips label{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;min-width:70px;padding:10px 15px;border:1px solid var(--c-line);border-radius:11px;background:var(--c-bg);font-size:13px;line-height:1.5;text-align:center;cursor:pointer;transition:background .15s,border-color .15s}
.calc-chips input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.calc-chips label:has(input:checked){border-color:var(--c-accent);background:var(--c-accent);color:#fff}
.calc-chips label:has(input:focus-visible){outline:3px solid var(--c-focus);outline-offset:3px}
.calc-food{padding-top:22px;border-top:1px solid var(--c-line)}
.calc-food legend{font-size:16px}
.calc-sub{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--c-muted);margin:0;min-width:0}
.calc-sub .calc-input{flex:1 1 160px}
.calc-sub input[type=range]{flex:1 1 100%;width:100%;min-height:44px;margin:0;accent-color:var(--c-accent);cursor:pointer}
.calc-sub output{font-weight:750;color:var(--c-ink);font-variant-numeric:tabular-nums}
.calc-help{display:inline-flex;align-items:center;min-height:44px;vertical-align:middle;font-size:12px;font-weight:500;margin-left:8px}
.calc-tip{margin:0;color:var(--c-muted);font-size:13px;line-height:1.8}
.calc-out{position:sticky;top:96px;display:block;min-width:0;min-height:var(--out-height);padding:32px;border:1px solid transparent;border-radius:var(--c-radius);background:var(--c-result);color:var(--c-result-ink);scroll-margin-block:100px 24px;font-variant-numeric:tabular-nums}
.calc-out:focus{outline:3px solid var(--c-focus);outline-offset:4px}
.calc-out:empty,.calc-out:has(.calc-empty){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--c-soft);color:var(--c-muted);border:1px dashed var(--c-line);text-align:center}
.calc-out:empty::before,.calc-out:has(.calc-empty)::before{content:'—';font-size:54px;font-weight:300;line-height:1;color:var(--c-accent)}
.calc-empty{margin:0;max-width:260px;font-size:14px;line-height:1.8;color:var(--c-muted)}
.calc-big{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:22px;min-width:0}
.calc-big__label{font-size:14px;line-height:1.6;color:var(--c-result-muted);margin-bottom:14px}
.calc-big b{font-size:clamp(42px,5.5vw,72px);font-weight:650;line-height:1.05;letter-spacing:-2.8px;overflow-wrap:anywhere}
.calc-big small{font-size:14px;margin-top:9px;color:var(--c-result-muted)}
.calc-big+.calc-big{border-top:1px solid var(--c-result-line);padding-top:22px}
.calc-big+.calc-big b{font-size:54px}
.calc-rows{list-style:none;margin:0;padding:0}
.calc-rows li{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid var(--c-result-line);font-size:13px;line-height:1.65}
.calc-rows li>span{color:var(--c-result-muted);min-width:0}
.calc-rows li>b{text-align:right;font-weight:650;min-width:0;overflow-wrap:anywhere}
.calc-next{display:flex;align-items:center;justify-content:space-between;min-height:50px;margin-top:14px;padding:12px 16px;background:#ffffff12;border:1px solid var(--c-result-line);border-radius:12px;font-size:13px;font-weight:650;text-decoration:none;color:var(--c-result-ink)!important}
.calc-next:hover{background:#ffffff20}
.calc-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px;line-height:1.6;font-variant-numeric:tabular-nums}
.calc-table th,.calc-table td{padding:14px 6px;text-align:right;border-bottom:1px solid var(--c-line);overflow-wrap:anywhere}
.calc-table th:first-child,.calc-table td:first-child{text-align:left;padding-left:0}
.calc-table th:last-child,.calc-table td:last-child{padding-right:0}
.calc-table thead th{font-size:11px;font-weight:500;color:var(--c-muted);vertical-align:bottom}
.calc-table tbody th{font-weight:500}
.calc-table td{font-weight:650}
.calc-out .calc-table th,.calc-out .calc-table td{border-color:var(--c-result-line)}
.calc-out .calc-table thead th{color:var(--c-result-muted)}
.calc-out .calc-table{margin-bottom:20px}
.calc-form[data-calc=dm]{--out-height:440px}
.calc-form[data-calc=phosphorus]{--out-height:540px}
.calc-bars{margin-top:24px;padding-top:22px;border-top:1px solid var(--c-result-line)}
.calc-bars>p{margin:0 0 10px;font-size:13px;color:var(--c-result-muted)}
.calc-bars__you{position:static!important;display:inline-flex;align-items:center;gap:7px;margin:0 0 18px;padding:4px 9px;border:1px solid var(--c-result-line);border-radius:7px;font-size:11px;line-height:1.6}
.calc-bars__you::before{content:'';width:3px;height:12px;background:var(--c-result-ink);border-radius:2px}
.calc-bars ul{list-style:none;display:grid;gap:16px;margin:0;padding:0}
.calc-bars li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;font-size:12px;line-height:1.5}
.calc-bars li>span:not(.calc-bar-track){min-width:0;color:var(--c-result-muted)}
.calc-bars li>b{grid-column:2;grid-row:1;font-size:11px;font-weight:650}
.calc-bars li.is-over>b{color:var(--c-warn)}
.calc-bars li.is-ok>b{color:#d4edc1}
.calc-bar-track{position:relative;grid-column:1/-1;height:9px;background:#ffffff10;border-radius:8px;margin-block:5px}
.calc-bars i{display:block;height:9px;border-radius:8px;background:#90b38b}
.calc-bar-marker{position:absolute;top:-4px;width:3px;height:17px;transform:translateX(-50%);border-radius:2px;background:var(--c-result-ink);box-shadow:0 0 0 2px var(--c-result)}
.calc-bars li>i{grid-column:1/-1}
.calc-explain,.calc-faq{padding:30px 0;border-top:1px solid var(--c-line);max-width:820px;margin:0 auto}
.calc-explain h2,.calc-faq h2,.calc-more h2{font-size:19px;line-height:1.5;letter-spacing:-.4px;margin:0 0 16px}
.calc-explain p{font-size:14px;line-height:1.95;color:var(--c-muted);margin:0 0 12px}
.calc-explain p:last-child{margin-bottom:0}
.calc-explain a{display:inline-flex;align-items:center;min-height:44px}
.calc-faq details{border-bottom:1px solid var(--c-line)}
.calc-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;min-height:64px;padding:14px 0;font-size:14px;font-weight:600;cursor:pointer}
.calc-faq summary::-webkit-details-marker{display:none}
.calc-faq summary::after{content:'+';font-size:22px;font-weight:400;color:var(--c-muted);flex-shrink:0}
.calc-faq details[open] summary::after{content:'−'}
.calc-faq p{margin:0 0 20px;padding-right:24px;font-size:14px;line-height:1.9;color:var(--c-muted)}
.calc-hub ul,.calc-more ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.calc-hub a,.calc-more a{position:relative;display:grid;grid-template-columns:1fr;gap:12px;align-content:start;height:100%;min-width:0;padding:28px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:20px;text-decoration:none;color:var(--c-ink);transition:transform .18s,border-color .18s,box-shadow .18s}
.calc-hub a::after,.calc-more a::after{content:'↗';position:absolute;top:24px;right:24px;font-size:21px;color:var(--c-muted)}
.calc-hub a>span,.calc-more a>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--c-soft);color:var(--c-accent);margin-bottom:18px}
.calc-hub b,.calc-more b{font-size:17px;line-height:1.5;font-weight:700;letter-spacing:-.4px;text-wrap:balance}
.calc-hub small,.calc-more small{font-size:13px;line-height:1.8;color:var(--c-muted)}
.calc-hub{padding:0 0 44px}
.calc-more{padding:30px 0}
.calc-more ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.calc-more a{grid-template-columns:42px 1fr;padding:20px;column-gap:16px;row-gap:4px;border-radius:16px}
.calc-more a>span{grid-column:1;grid-row:1/3;width:42px;height:42px;margin:0;border-radius:12px}
.calc-more a::after{display:none}
.calc-more b{font-size:14px}
.calc-more small{font-size:12px;grid-column:2}
.calc-disclaimer{max-width:820px;margin:12px auto 0;font-size:12px;line-height:1.8;color:var(--c-muted)}
.calc-lab{padding:0 24px 18px}
.calc-lab>a{display:grid;grid-template-columns:1fr auto;gap:7px 24px;align-items:center;max-width:1112px;margin:auto;padding:24px 28px;border-radius:18px;border:1px solid var(--c-line);background:var(--c-soft);color:var(--c-ink)!important;text-decoration:none}
.calc-lab__eyebrow{font-size:11px;color:var(--c-muted);grid-column:1}
.calc-lab b{font-size:14px;font-weight:600;line-height:1.7;grid-column:1}
.calc-lab__go{font-size:12px;font-weight:700;grid-column:2;grid-row:1/3}
.calc-foot{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 22px;padding:0 20px calc(env(safe-area-inset-bottom,0px) + 24px);font-size:12px;color:var(--c-muted)}
.calc-foot a{display:inline-flex;align-items:center;min-height:44px;color:var(--c-muted)}
.cfl-coupang-banner{max-width:820px;margin:12px auto 30px;padding:16px 0;border-top:1px solid var(--c-line)}
.cfl-coupang-banner__note{font-size:11px;line-height:1.7;color:var(--c-muted);margin:0 0 10px}
.calc-peek{display:none}
@media(hover:hover){.calc-hub a:hover,.calc-more a:hover{transform:translateY(-4px);border-color:var(--c-focus);box-shadow:0 12px 24px #20382d0b}}
.calc-hub a:active,.calc-more a:active{transform:translateY(0) scale(.99)}
@media(max-width:1160px){.calc-wrap{max-width:calc(100% - 48px)}}
@media(max-width:900px){
 .calc-form{grid-template-columns:1fr;gap:16px;max-width:680px;margin-inline:auto}
 .calc-out{position:static;padding:28px}
 .calc-hub ul{grid-template-columns:repeat(2,minmax(0,1fr))}
 .calc-hub a{padding:24px}
 .calc-peek{position:fixed;bottom:var(--calc-keyboard-offset,0px);left:0;right:0;z-index:15;padding:8px 16px calc(env(safe-area-inset-bottom,0px) + 10px);pointer-events:none}
 .calc-peek:not([hidden]){display:block}
 .calc-peek>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:680px;min-height:76px;margin:auto;padding:12px 18px;border:1px solid #66846c;border-radius:18px;background:var(--c-result);color:var(--c-result-ink);box-shadow:0 8px 32px #10271f30;pointer-events:auto;text-align:left}
 .calc-peek__values{display:flex;gap:20px;min-width:0;flex:1}
 .calc-peek__item{display:flex;flex-direction:column;min-width:0;flex:1}
 .calc-peek__label{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--c-result-muted)}
 .calc-peek__value{font-size:24px;font-weight:650;letter-spacing:-.7px;line-height:1.4;font-variant-numeric:tabular-nums}
 .calc-peek__value small{font-size:11px;font-weight:400;letter-spacing:0;margin-left:6px;color:var(--c-result-muted)}
 .calc-peek__arrow{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#ffffff14;font-size:20px}
}
@media(max-width:600px){
 .calc-wrap{max-width:none;padding-bottom:24px}
 .calc-top__inner{padding-inline:16px;padding-block:calc(env(safe-area-inset-top,0px) + 7px) 7px}
 .calc-top__brand{font-size:15px;gap:8px;letter-spacing:-.6px}
 .calc-top__brand .calc-icon{width:26px;height:26px}
 .calc-top__lang a{padding-inline:8px;font-size:12px}
 .calc-crumb{padding:10px 20px 0}
 .calc-head{padding:14px 20px 26px;grid-template-columns:40px 1fr;gap:12px}
 .calc-head__icon{width:40px;height:40px;border-radius:12px;grid-row:1}
 .calc-head h1{font-size:25px;letter-spacing:-1px}
 .calc-head p{grid-column:1/-1;font-size:14px;margin:0}
 .calc-head--hub{padding:32px 20px 28px}
 .calc-head--hub h1{font-size:36px;letter-spacing:-1.8px}
 .calc-head--hub p{font-size:15px;margin-top:12px}
 .calc-form{gap:0;margin-bottom:24px}
 .calc-controls{gap:22px;padding:24px 20px;border-radius:0;border-inline:0;box-shadow:none}
 .calc-out{padding:28px 20px;border-radius:0;border:0;min-height:330px;scroll-margin-top:78px}
 .calc-form[data-calc=phosphorus] .calc-out{min-height:540px}
 .calc-form[data-calc=dm] .calc-out{min-height:440px}
 .calc-big b{font-size:60px}
 .calc-big+.calc-big b{font-size:48px}
 .calc-explain,.calc-faq{padding:24px 20px;background:var(--c-surface);border-top:0;border-bottom:1px solid var(--c-line)}
 .calc-explain h2,.calc-faq h2,.calc-more h2{font-size:18px}
 .calc-faq p{padding-right:0}
 .calc-hub{padding:0 16px 28px}
 .calc-hub ul{gap:10px}
 .calc-hub a{padding:20px 15px;gap:9px;border-radius:18px}
 .calc-hub a>span{width:42px;height:42px;margin-bottom:10px}
 .calc-hub a::after{top:17px;right:13px;font-size:18px}
 .calc-hub b{font-size:15px;line-height:1.5;letter-spacing:-.5px}
 .calc-hub small{font-size:12px;line-height:1.7}
 .calc-more{padding:28px 16px 14px}
 .calc-more ul{grid-template-columns:1fr}
 .calc-more h2{margin-left:4px}
 .calc-disclaimer{padding:0 20px}
 .calc-lab{padding:0 16px 10px}
 .calc-lab>a{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px}
 .calc-lab__go{margin-top:5px}
 .cfl-coupang-banner{padding:16px 20px;margin:0}
}
@media(max-width:480px){.calc-row2{grid-template-columns:minmax(0,1fr)}}
@media(max-width:350px){.calc-hub ul{grid-template-columns:1fr}.calc-top__brand{font-size:14px;gap:6px}.calc-top__inner{padding-inline:12px}.calc-peek{padding-inline:8px}.calc-peek__values{gap:12px}.calc-peek__value{font-size:22px}}
@media(prefers-color-scheme:dark){
 :root{color-scheme:dark;--c-bg:#111b16;--c-surface:#1b2821;--c-soft:#23352a;--c-ink:#e5eee5;--c-muted:#acbbaf;--c-line:#34483a;--c-accent:#a8c99c;--c-focus:#a8c99c;--c-result:#263f31;--c-result-line:#4c6654;--c-shadow:none}
 .calc-chips label:has(input:checked){color:#14281b}
 .calc-out:empty,.calc-out:has(.calc-empty){background:var(--c-surface)}
 .calc-next{background:#ffffff0a}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.calc-body *,.calc-body *::before,.calc-body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.calc-top,.calc-crumb,.calc-more,.calc-lab,.calc-foot,.calc-peek,.cfl-coupang-banner{display:none!important}.calc-wrap{max-width:none}.calc-form{display:block}.calc-controls{border:0}.calc-out{position:static;background:white;color:black;border:1px solid #aaa}.calc-big__label,.calc-big small,.calc-rows li>span{color:#333}}

/* 쿠팡 대가성 문구(맨 위)·주제별 상품 칸 — Claude 2026-11-06 (GPT가 다시 그려도 됨, 문구·위치는 유지) */
.calc-ad-note { margin: 0; padding: 8px 16px; font-size: 12px; line-height: 1.5; color: var(--calc-muted, #5f6b62); background: var(--calc-soft, #eef1e6); }
.calc-ad-note span { display: inline-block; margin-right: 6px; padding: 0 6px; border-radius: 6px; background: #d9e3cf; color: #3e634a; font-weight: 700; font-size: 11px; }
.cfl-coupang-picks { margin: 12px 16px; }
.cfl-coupang-picks__head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.cfl-coupang-picks__head b { font-size: 15px; }
.cfl-coupang-picks__head span { font-size: 11px; color: var(--c-muted); }
.cfl-coupang-picks ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 700px) { .cfl-coupang-picks ul { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.cfl-coupang-picks a { display: grid; gap: 4px; padding: 10px; border-radius: 14px; background: var(--c-surface); border: 1px solid var(--c-line); text-decoration: none; color: var(--c-ink); height: 100%; }
.cfl-coupang-picks img { width: 100%; aspect-ratio: 1; object-fit: contain; border-radius: 10px; background: #fff; }
.cfl-coupang-picks__name { font-size: 13px; line-height: 1.4; min-height: 2.8em; }
.cfl-coupang-picks__price { font-size: 14px; font-weight: 700; }
.cfl-coupang-picks__price em { font-style: normal; font-size: 11px; color: #2f6fd6; }
@media (prefers-color-scheme: dark) { .cfl-coupang-picks__price em { color: #8fb8ff; } }