/* Advertising metrics calculator (#93) */
.ad-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:1.25rem 0 .75rem;padding:.35rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft)}.ad-mode-tab{min-width:0;padding:.8rem 1rem;border:0;border-radius:calc(var(--radius-md) - .25rem);background:transparent;color:var(--color-text);font:inherit;font-weight:850;cursor:pointer}.ad-mode-tab[aria-selected="true"]{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px rgb(20 107 99 / 18%)}.ad-mode-tab:focus-visible{outline:3px solid rgb(20 107 99 / 34%);outline-offset:2px}.ad-mode-panel{min-width:0}.ad-mode-panel[hidden]{display:none!important}
.container--ad-metrics{width:min(100% - 1.5rem,80rem);max-width:100%}.ad-metrics-panel{box-sizing:border-box;min-width:0;margin:1.5rem 0 2rem;padding:clamp(1rem,2.6vw,1.6rem)}.ad-heading,.ad-result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.ad-heading h2,.ad-result-heading h2{margin:0}.ad-step{margin:0;color:var(--color-primary);font-size:.75rem;font-weight:900;letter-spacing:.08em}.ad-actions{display:flex;flex-wrap:wrap;gap:.5rem}.ad-important{padding:.8rem;border-left:4px solid var(--color-primary);background:rgba(20,107,99,.07)}
.ad-settings{display:grid;grid-template-columns:minmax(12rem,.7fr) minmax(18rem,1.3fr);gap:.8rem}.ad-settings>label,.ad-settings fieldset{display:grid;min-width:0;gap:.4rem;margin:0;padding:.8rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:850}.ad-settings fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-settings legend{grid-column:1/-1;padding:0 .25rem}.ad-settings fieldset label{display:flex;align-items:center;gap:.5rem}.ad-settings select,.ad-input-grid input{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:48px;padding:.65rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.ad-settings select:focus,.ad-input-grid input:focus{border-color:var(--color-primary);outline:3px solid rgba(20,107,99,.22)}.ad-input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.9rem}.ad-input-grid label{display:grid;min-width:0;gap:.35rem;font-weight:850}.ad-calculate{width:100%;margin-top:.9rem}.ad-errors{min-height:1.5em;margin:.6rem 0}.ad-results{min-width:0;margin-top:1rem;padding-top:1.1rem;border-top:1px solid var(--color-border)}.ad-result-heading{align-items:center}.ad-result-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;margin-top:1rem}.ad-result-grid article{box-sizing:border-box;min-width:0;padding:.9rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft)}.ad-result-grid h3{margin:0;color:var(--color-muted);font-size:.85rem}.ad-result-grid strong{display:block;margin:.4rem 0;color:var(--color-primary);font-size:clamp(1.1rem,2.5vw,1.45rem);overflow-wrap:anywhere;word-break:break-word}.ad-result-grid p,.ad-result-grid small{display:block;margin:.25rem 0;color:var(--color-muted);font-size:.75rem;overflow-wrap:anywhere}.ad-disclaimer{color:var(--color-muted);font-size:.82rem}.ad-actions button:focus-visible,.ad-result-heading button:focus-visible{outline:3px solid rgba(20,107,99,.34);outline-offset:2px}
@media(max-width:900px){.ad-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.ad-settings,.ad-input-grid,.ad-result-grid{grid-template-columns:1fr}.ad-settings fieldset{grid-template-columns:1fr}}@media(max-width:480px){.container--ad-metrics{width:min(100% - 1rem,80rem);padding-inline:0}.ad-metrics-panel{width:100%;max-width:100%;min-width:0;padding:.85rem}.ad-heading,.ad-result-heading{align-items:stretch;flex-direction:column}.ad-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ad-actions button,.ad-result-heading button{width:100%;min-width:0}}