/* AI automation page additions on top of gads.css: task picker, task boxes, example labels. */
.ai-hero-note{margin-top:14px;font-size:15px;color:var(--muted)}
.ai-picker{padding-block:120px 24px}
.ai-picker-intro{color:var(--muted);font-size:18px;max-width:60ch;margin-top:18px}
.ai-picker-body{display:grid;grid-template-columns:7fr 5fr;gap:clamp(28px,5vw,64px);align-items:start;margin-top:40px}
.picker-chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:1px solid #9aab9e;border-radius:var(--r-control);background:#fff;color:var(--ink);font:inherit;font-size:16px;font-weight:550;cursor:pointer;transition:background-color .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}
.chip:hover{border-color:var(--green)}
.chip:active{transform:scale(.98)}
.chip[aria-pressed=true]{background:var(--lime);border-color:var(--lime)}
.picker-panel{background:var(--surface);border-radius:var(--r-panel);padding:28px 28px 30px}
.ai-count{font-size:14px;font-weight:650;color:var(--green);margin-bottom:10px}
.ai-count span{font-variant-numeric:tabular-nums}
#picker-empty{color:var(--muted)}
#picker-list{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:12px}
#picker-list li{color:var(--muted);font-size:16px;line-height:1.5}
#picker-list strong{color:var(--ink);font-weight:650}
.task-boxes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}
.task-box{display:flex!important;align-items:center;gap:10px;margin:0!important;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-control);background:#fff;font-weight:500!important;cursor:pointer}
.task-box input{width:18px;height:18px;margin:0;accent-color:var(--green);flex:none}
.task-box:has(input:checked){border-color:var(--green);background:var(--lime-soft)}
.ai-page .g-example-row p:first-child:before{content:'Today'}
.ai-page .g-example-row p:last-child:before{content:'With automation'}
.ai-page .g-offer-copy>p:first-of-type{margin-bottom:18px}
@media (min-width:821px){.ai-page .g-example-row p:before{content:none!important}}
@media (max-width:820px){.ai-picker{padding-block:72px 8px}.ai-picker-body{grid-template-columns:1fr}}
@media (max-width:719px){.task-boxes{grid-template-columns:1fr}}
.ai-page .g-hero h1{max-width:16ch}