/* Tips to the team via Plavno, using the existing Mindal palette. */
:root{--tips-surface:var(--panel);--tips-ink:var(--paper);--tips-rule:var(--accent-soft);--tips-icon-surface:var(--paper);--tips-icon-ink:var(--bg)}
.hero-copy .hero-actions .button.button-tips{gap:8px;background:var(--tips-surface);border-color:var(--tips-rule);color:var(--tips-ink);padding-inline:12px}
.hero-copy .hero-actions .button.button-tips:hover{background:var(--bg);border-color:var(--paper)}
.hero-copy .hero-actions .button.button-tips:focus-visible{outline:2px solid var(--paper);outline-offset:4px}
.hero-copy .hero-actions .button.button-tips:active{transform:translateY(0)}
.tips-icon{width:26px;height:26px;flex:none;padding:3px;background:var(--tips-icon-surface);color:var(--tips-icon-ink);border-radius:50%}
.tips-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.tips-copy>span{font:inherit;font-weight:500;line-height:1.15;white-space:nowrap}
.tips-copy>small{font:inherit;font-size:9px;line-height:1;letter-spacing:.06em;color:var(--muted)}
@media(min-width:1101px){.hero-copy .hero-actions{grid-template-columns:1.15fr 1fr 1.06fr 1.03fr 1fr 1.14fr}}
@media(min-width:801px) and (max-width:1100px){.hero-copy .hero-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){
 .hero-copy .hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-copy .hero-actions>.button:nth-child(-n+4){grid-column:1/-1}
 .hero-copy .hero-actions .button.button-review{padding-inline:8px;font-size:clamp(11px,3vw,13px)}
 .hero-copy .hero-actions .button.button-tips{padding-inline:7px;gap:5px;font-size:clamp(10px,2.7vw,12px)}
 .tips-icon{width:21px;height:21px;padding:2px}
 .tips-copy>small{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.hero-copy .hero-actions .button.button-tips{transition:none;transform:none}}