@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Playfair+Display:wght@600;700&display=swap');
.vel{--ink:#2E2620;--body:#2E2620;--muted:#6B5E54;--accent:#C8771F;--sand:#F6EBDD;--line:#EADBC6;--ok:#C8771F;--no:#9A8F86;color:var(--ink);font-family:Lato,system-ui,sans-serif}
.vel *{box-sizing:border-box}
.vel-wrap{max-width:720px;margin:0 auto;padding:30px 20px 32px}
.vel-center{text-align:center}
.vel-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent);margin:0 0 10px}
.vel h2{font-family:'Playfair Display',serif;font-size:28px;line-height:1.2;margin:0 0 14px;color:inherit}
.vel-text p,.vel p{font-size:16px;line-height:1.55;margin:0 0 16px}
.vel-text{color:var(--body)}
.vel-cards{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.vel-card{background:#fff;border-radius:14px;padding:16px;display:flex;gap:14px;align-items:center}
.vel-card b{display:block;font-size:15px;margin-bottom:4px}.vel-card span{font-size:14px;line-height:1.45;color:var(--muted)}
.vel-skin{flex:0 0 120px;height:84px;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;background:#e9c9a8}
.vel-skin img{width:100%;height:100%;object-fit:cover}
.vel-skin .air{height:22px;background:#faf6f1;position:relative}
.vel-skin .dead{height:18px;background:#bfae9c;border-top:2px dashed #8c7b6a}
.vel-skin .half{height:18px;background:repeating-linear-gradient(90deg,#bfae9c 0 10px,#e9c9a8 10px 20px)}
.vel-skin .deep{flex:1;background:#e9c9a8}.vel-skin .soak{flex:1;background:linear-gradient(180deg,#d9a876,#e9c9a8)}
.vel-drop{position:absolute;bottom:2px;width:12px;height:12px;border-radius:50%;background:#C8771F}
.vel-brush{position:absolute;left:30px;top:6px;width:60px;height:14px;border-radius:8px;background:#c9a57c}
.vel-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vel-ph{border-radius:12px;background:#FCF8F2;border:1px solid #EADBC6;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;color:var(--muted);padding:8px;overflow:hidden;position:relative}
.vel-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.vel-step b{display:block;font-size:15px;margin:10px 0 4px}.vel-step span{font-size:14px;line-height:1.45;color:var(--muted)}
.vel-tl-row{display:flex;gap:14px}.vel-tl-rail{display:flex;flex-direction:column;align-items:center}
.vel-dot{width:16px;height:16px;border-radius:50%;background:#C8771F;flex:0 0 16px}.vel-bar{width:2px;flex:1;background:var(--line)}
.vel-tl-row .txt{padding-bottom:22px}.vel-tl-row:last-child .txt{padding-bottom:0}.vel-tl-row:last-child .vel-bar{display:none}.vel-tl-row:last-child .vel-dot{background:var(--accent)}
.vel-tl-row b{display:block;font-size:15px}.vel-tl-row span{font-size:14px;color:var(--muted)}
.vel-small{font-size:12px!important;color:var(--muted)!important;margin-top:14px!important}
.vel-table{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.vel-tr{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;font-size:13px;text-align:center;border-top:1px solid #EADBC6}
.vel-tr.head{border-top:0;background:#FCF8F2;font-weight:700;font-size:12px}
.vel-tr>div{padding:12px 6px}.vel-tr>div:first-child{text-align:left;padding-left:10px;line-height:1.35}
.vel-tr>div:last-child{background:#FCF8F2}.vel-tr.head>div:last-child{background:#C8771F;color:#fff}
.vel-y{color:var(--ok);font-weight:700}.vel-n{color:var(--no);font-weight:700}.vel-s{font-size:11px}
.vel-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;border-radius:12px;background:#C8771F;color:#fff!important;font-size:17px;font-weight:700;text-decoration:none;margin-top:18px;border:0;cursor:pointer;font-family:Lato,sans-serif;transition:background .2s}
.vel-btn:hover{background:#B3691A}
.vel-result{background:#fff;border-radius:14px;padding:12px;margin-bottom:14px;border:1px solid #EADBC6}
.vel-result .pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.vel-result .vel-ph{height:180px}
.vel-tag{position:absolute;top:8px;left:8px;background:#fff;color:var(--ink);font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;z-index:1}
.vel-tag.dark{background:#C8771F;color:#fff}
.vel-area{background:#FCF8F2;border:1px solid #EADBC6;border-radius:12px;padding:12px}
.vel-area .vel-ph{height:100px;margin-bottom:8px}.vel-area b{font-size:14px}
.vel-faq{border-top:1px solid var(--line)}
.vel-faq details{border-bottom:1px solid var(--line)}
.vel-faq summary{list-style:none;cursor:pointer;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:700}
.vel-faq summary::-webkit-details-marker{display:none}
.vel-faq summary:after{content:'+';font-size:20px;font-weight:400;color:#C8771F}
.vel-faq details[open] summary:after{content:'\\2212'}
.vel-faq .a{font-size:14px;line-height:1.55;color:var(--muted);padding:0 0 16px}.vel-faq .a p{font-size:14px;margin:0 0 8px}
.vel-dark{color:#fff}.vel-dark .vel-text{color:#EADBC6}.vel-dark .vel-btn{background:#C8771F;color:#2E2620!important}.vel-dark .vel-btn:hover{background:#D9892A}
.vel-fine{font-size:11px!important;color:#cfc3b6!important;margin:14px 0 0!important}
.vel-sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid #EADBC6;padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:flex;gap:10px;align-items:center;transform:translateY(110%);transition:transform .25s ease;font-family:Lato,system-ui,sans-serif;color:#2E2620}
.vel-sticky.show{transform:translateY(0)}
.vel-sticky img{width:44px;height:44px;border-radius:8px;object-fit:cover;background:#FCF8F2}
.vel-sticky .t{flex:1;min-width:0}.vel-sticky .t b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vel-sticky .t span{font-size:12px;color:#6B5E54}
.vel-sticky button{min-height:44px;padding:0 18px;border:0;border-radius:10px;background:#C8771F;color:#fff;font-weight:700;font-size:14px;font-family:Lato,sans-serif;cursor:pointer}
@media(min-width:750px){.vel h2{font-size:34px}.vel-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.vel-card{flex-direction:column;align-items:flex-start}}