body.services-minimal{--ink:#213f46;--ink-soft:#5b6b6e;--paper:#fff;--panel:#f6f8f7;--line:#d9e0de;--accent:#a95033;--accent-soft:#f8eee9;line-height:1.55}
.services-minimal main h1,.services-minimal main h2,.services-minimal main h3{font-family:Crimson,Georgia,serif;font-weight:400}
.services-minimal .wrap{width:min(1280px,90%);margin:0 auto}
.services-minimal [hidden]{display:none!important}
.services-minimal .eyebrow{margin:0 0 15px;color:var(--accent);font:600 11px/1.4 Karla,sans-serif;letter-spacing:.18em}
.service-explorer{padding:52px 0 78px;overflow:clip}
.explorer-heading{max-width:700px;margin-bottom:32px}
.explorer-heading h2{margin:0;font-size:clamp(36px,4vw,52px);line-height:1.08;letter-spacing:-.02em}
.service-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.service-tabs button{display:flex;flex-direction:column;min-height:190px;padding:14px;text-align:left;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);transition:border-color .16s ease,background .16s ease,transform .16s ease}
.service-tabs button:hover{border-color:#9eadaa;transform:translateY(-2px)}
.service-tabs button[aria-selected="true"]{border-color:var(--accent);background:linear-gradient(145deg,#fff 55%,var(--accent-soft));box-shadow:inset 0 -3px 0 var(--accent)}
.service-tabs button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.service-tabs .service-tab-name{margin-bottom:5px;color:var(--ink);font:400 29px/1.08 Crimson,Georgia,serif}
.service-tabs .tab-panel{display:none;flex-wrap:nowrap;gap:24px;align-items:flex-start;margin-top:6px;overflow:hidden}
.service-tabs button[aria-selected="true"] .tab-panel{display:flex}
.service-tabs .tab-copy{flex:0 0 250px;align-self:center}
.service-tabs .tab-headline{display:block;font:400 25px/1.15 Crimson,Georgia,serif;letter-spacing:-.015em;color:var(--ink)}
.service-tabs .tab-blurb{display:block;margin-top:9px;color:var(--ink-soft);font-size:14px;line-height:1.55}
.service-tabs .intro-preview{flex:1 1 320px;min-width:320px;height:270px;overflow:hidden}

/* The Search and Ads mockups hold far more content than the website one, so at equal
   width they render much taller. Tighten their internals and let the screenshot take
   the width the copy gives up, so all three cards land at a similar height. */
.service-tabs .discovery-preview,.service-tabs .ads-preview{padding:12px;font-size:11px}
.service-tabs .preview-query{margin-bottom:6px;padding:5px 9px}
.service-tabs .profile-tabs{margin-bottom:8px;padding:5px 0;gap:14px;font-size:11px}
.service-tabs .preview-footnote{margin-top:9px;padding-top:7px;font-size:10px}
.service-tabs .mini-ai{padding:10px}
.service-tabs .mini-ai p,.service-tabs .ai-points,.service-tabs .mini-organic>span,.service-tabs .ad-photo-copy p{font-size:11px;line-height:1.4}
.service-tabs .ai-points{padding-left:14px}
.service-tabs .ai-citation{padding:6px}
.service-tabs .ai-citation .listing-mark{flex-basis:20px;height:20px;font-size:14px}
.service-tabs .ai-citation strong{font-size:10.5px}
.service-tabs .search-practice{margin-bottom:4px}
.service-tabs .search-practice .listing-mark{flex-basis:24px;height:24px;font-size:16px}
.service-tabs .search-practice b{font-size:11px}
.service-tabs .mini-organic>strong,.service-tabs .mini-sponsored>strong{font-size:15px;line-height:1.25;margin-bottom:5px}
.service-tabs .organic-links{gap:5px 10px;margin-top:9px;font-size:11px}
.service-tabs .mini-sponsored>b{margin-bottom:5px;font-size:11px}
.service-tabs .ad-photo-copy{gap:10px}
.service-tabs .ad-photo-copy img{width:74px;height:44px}
.service-tabs .ad-highlights{margin:4px 0;gap:8px;font-size:10px}
.service-tabs .ad-sitelinks{gap:10px}
.service-tabs .ad-sitelinks>div{padding:4px 0}
.service-tabs .ad-sitelinks b{font-size:12px}
.service-tabs .ad-sitelinks small{font-size:9.5px}
.service-tabs .ad-call{margin:5px 0;padding:3px 10px;font-size:11px}
.services-minimal .quiet-branch{position:relative;display:block;inset:auto;width:155px;height:30px;overflow:visible;opacity:.72}
.services-minimal .quiet-branch *{animation:none!important;transition:none!important}
.services-minimal .quiet-branch .branch-reveal{stroke-dasharray:none;stroke-dashoffset:0}
.explorer-branch{margin:16px 0 4px auto;transform:scaleX(-1)}
.service-panel{padding-top:4px}
/* The card row expands first; this panel's contents only fade in once that expansion
   has landed. A plain opacity fade, with no translation of its own, because the level
   column is already in its final position before it appears — any movement here would
   fight the frame's own alignment. The delay matches the .5s flex-grow transition. */
.service-panel.is-changing{animation:service-fade .34s ease-out .4s both}
@keyframes service-fade{from{opacity:0}to{opacity:1}}
.intro-preview{min-width:0}
.intro-preview>.offering-preview,.intro-preview>.explainer-preview{height:auto;min-height:235px;margin:0;padding:16px;border:1px solid #d7dfdd;border-radius:9px;background:#fff;box-shadow:0 12px 36px #213f4610;pointer-events:none}
.intro-preview>.patient-site{min-height:245px;padding:0;display:flex;flex-direction:column}
.intro-preview .patient-browser{font-size:11px;padding:8px 13px}
.intro-preview .patient-nav{padding:13px 16px}
.intro-preview .patient-nav>strong{font-size:25px}.intro-preview .patient-nav>strong span{font-size:8px}.intro-preview .patient-nav>span{font-size:10px}
.intro-preview .patient-welcome{padding:17px 19px;flex:1}.intro-preview .patient-welcome>span:first-child{font-size:9px}.intro-preview .patient-welcome>strong{font-size:30px}.intro-preview .patient-welcome .patient-button{right:17px;bottom:18px;padding:8px 10px;font-size:9px}
.intro-preview .patient-services{padding:11px 15px;font-size:9.5px}
.context-explainer{margin:28px 0 0;border:1px solid var(--line);border-radius:6px;background:#fff}
.context-explainer>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 23px;list-style:none;cursor:pointer}
.context-explainer>summary::-webkit-details-marker{display:none}
.context-explainer>summary:after{content:'+';flex:0 0 auto;color:var(--accent);font:400 24px/1 Karla,sans-serif}
.context-explainer[open]>summary:after{content:'−'}
.tier-heading{padding:4px 0 20px}
.tier-heading h3{margin:0;font-size:25px;line-height:1.15}
.tier-heading h3 small{display:block;margin-top:7px;color:var(--ink-soft);font:400 15px/1.45 Karla,sans-serif;letter-spacing:.01em}
/* The levels sit side by side as cards so the tiers can be read against each other. The
   add-on runs full width beneath them instead of joining the row: it is not a level, it
   applies to whichever tier is chosen, and its items read across rather than down. */
.tier-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.tier-cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.tier-card{display:flex;min-width:0;flex-direction:column;padding:22px 22px 20px;border:1px solid var(--line);border-radius:7px;background:#fff}
.tier-card:target{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.card-eyebrow{margin:0;color:var(--accent);font:600 11px/1.4 Karla,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.card-name{margin:7px 0 0;color:var(--ink);font:400 26px/1.15 Crimson,Georgia,serif}
.card-page-count{margin:5px 0 0;color:var(--ink-soft);font:600 12px/1.4 Karla,sans-serif;letter-spacing:.02em}
.tier-card .card-lead{margin:16px 0 0;min-height:calc(2*1.55em);color:var(--ink-soft);font-size:14.5px;line-height:1.55}
#website .tier-card .card-lead{margin:0;min-height:0;font-size:12.5px;line-height:1.4;white-space:nowrap}
#website .tier-card .card-name{margin-top:3px;line-height:1.15}
#website .tier-card .card-page-count{margin-top:0;line-height:1.4}
#ads .tier-card .card-lead{margin:0;min-height:0}
#ads .tier-card .card-name{margin-top:3px;line-height:1.15}
#tier-platinum .card-page-count{font-size:11px;white-space:nowrap}
/* The short labels above each feature list share a row across the website tiers. */
.tier-card .card-inherits{margin:18px 0 0;min-height:32px;color:var(--accent);font:600 11px/16px Karla,sans-serif;letter-spacing:.14em;text-transform:uppercase}
#website .tier-card .card-inherits{margin-top:12px}
.tier-cards.two .tier-card .card-inherits{min-height:16px}
/* Share the header rows so both "Everything in" lines and all feature lists align. */
@supports (grid-template-rows:subgrid){
#website .tier-cards{grid-template-rows:repeat(4,max-content) 1fr}
#website .tier-cards>.tier-card{display:grid;grid-row:span 5;grid-template-rows:subgrid}
#website .tier-card .card-lead,#website .tier-card .card-inherits{min-height:0}
#ads .tier-cards{grid-template-rows:repeat(3,max-content) 1fr}
#ads .tier-cards>.tier-card{display:grid;grid-row:span 4;grid-template-rows:subgrid}
#ads .tier-card .card-inherits{min-height:0}
}
.card-list{margin:14px 0 0;padding:0;list-style:none;color:var(--ink);font-size:15px;line-height:1.5}
.card-list li{position:relative;margin-bottom:8px;padding-left:17px}
.card-list li:before{content:'';position:absolute;top:9px;left:0;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.addon-card{margin-top:14px;padding:18px 24px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}
.addon-card:target{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.addon-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 12px;max-width:640px}
.addon-name{margin:0;color:var(--ink);font:400 23px/1.2 Crimson,Georgia,serif}
.addon-for{flex-basis:100%;margin:0;color:var(--ink-soft);font-size:14px;line-height:1.5}
.addon-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 30px;align-content:start;margin:12px 0 0;padding:0;list-style:none;color:var(--ink);font-size:15px;line-height:1.5}
.addon-list li{position:relative;padding-left:17px}
.addon-list li:before{content:'';position:absolute;top:9px;left:0;width:5px;height:5px;border-radius:50%;background:var(--accent)}
#tier-care .addon-list,#tier-search-setup .addon-list,#tier-ads-setup .addon-list{grid-template-columns:1fr;gap:0;margin-top:14px}
#tier-care .addon-list li,#tier-search-setup .addon-list li,#tier-ads-setup .addon-list li{padding:11px 0 11px 18px;border-top:1px solid var(--line);color:var(--ink);font-size:15px;font-weight:500}
#tier-care .addon-list li:before,#tier-search-setup .addon-list li:before,#tier-ads-setup .addon-list li:before{top:20px}
#tier-care .addon-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}
#tier-care .addon-list li.key{font-size:16px;font-weight:600;color:var(--ink)}
#tier-care .addon-list li:not(.key){font-size:14px;font-weight:400;color:var(--ink-soft)}
.wcag-band{display:flex;align-items:center;gap:22px;margin-bottom:14px;padding:20px 24px;border:1px solid var(--accent);border-radius:7px;background:var(--accent-soft)}
.wcag-band .wcag-badge{flex:0 0 auto;padding:10px 14px;border-radius:5px;background:var(--ink);color:#fff;font:600 14px/1 Karla,sans-serif;letter-spacing:.06em}
.wcag-band .wcag-title{margin:0 0 4px;color:var(--ink);font:400 24px/1.2 Crimson,Georgia,serif}
.wcag-band .wcag-copy{margin:0;color:var(--ink-soft);font-size:15px;line-height:1.55}
.ai-rank{margin:6px 0 0;padding:0;list-style:none}
.ai-rank li{display:flex;align-items:center;gap:8px;margin-bottom:4px;padding:5px 8px;border:1px solid transparent;border-radius:5px;color:#4a5b5f}
.ai-rank strong{display:block;font-size:11.5px;font-weight:600;color:inherit}
.ai-rank small{display:block;font-size:10px}
.ai-rank .rank{flex:0 0 18px;height:18px;border-radius:50%;background:#dfe6e4;color:#536169;font:600 10px/18px Arial,sans-serif;text-align:center}
.ai-rank .listing-mark{flex:0 0 22px;height:22px;font-size:15px}
.ai-rank li.top{border-color:var(--accent);background:#fff;color:var(--ink);box-shadow:0 2px 8px #a9503320}
.ai-rank li.top strong{font-size:12.5px}
.ai-rank li.top .rank{background:var(--accent);color:#fff}
.ai-ranked>p{margin:6px 0 0}
@media(max-width:900px){
.wcag-band{flex-direction:column;align-items:flex-start;gap:12px}
.tier-cards,.tier-cards.two{grid-template-columns:1fr}
@supports (grid-template-rows:subgrid){
#website .tier-cards{grid-template-rows:none}
#website .tier-cards>.tier-card{display:flex;grid-row:auto;grid-template-rows:none}
#ads .tier-cards{grid-template-rows:none}
#ads .tier-cards>.tier-card{display:flex;grid-row:auto;grid-template-rows:none}
}
.tier-card .card-lead,.tier-card .card-inherits,.tier-cards.two .tier-card .card-inherits{min-height:0}
.tier-card .card-inherits:empty{display:none}
.addon-list{grid-template-columns:1fr}
#website .tier-card .card-lead{white-space:normal}
}
@media(min-width:901px) and (max-width:950px){#website .tier-card .card-lead{font-size:12px}}
@media(max-width:760px){#tier-care .addon-list{grid-template-columns:1fr}}
.context-explainer{margin-top:58px;border-right:0;border-left:0;border-radius:0}
.context-explainer>summary{padding:25px 0;color:var(--ink);font:400 28px/1.2 Crimson,Georgia,serif}
.context-explainer>.explainer-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:38px;align-items:center;padding:4px 0 34px}
.context-explainer>.explainer-card.text-only{display:block;max-width:780px}
.explainer-copy p{margin:0;color:var(--ink-soft);font-size:16px;line-height:1.65}.explainer-copy .preview-takeaway{margin-bottom:14px;color:var(--ink);font-size:18px}
.explainer-preview{min-width:0;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 7px 22px #213f460b;font:13px/1.5 Arial,sans-serif;color:#33484c;overflow-wrap:anywhere}
.preview-query{margin-bottom:14px;padding:8px 10px;border:1px solid #e5e9e8;border-radius:18px;background:#f3f5f5;color:#526369}
.profile-photo{position:relative;height:135px;overflow:hidden;border-radius:5px}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-photo>span{position:absolute;right:7px;bottom:7px;padding:3px 7px;border-radius:3px;background:#fffef5ee;font-size:11px}
.listing-preview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0 18px;grid-template-areas:'query query' 'name photo' 'rating photo' 'actions photo' 'tabs tabs' 'info review' 'foot foot'}
.listing-preview>.preview-query{grid-area:query}.listing-preview>.listing-heading{grid-area:name}.listing-preview>.example-rating{grid-area:rating}.listing-preview>.listing-actions{grid-area:actions}.listing-preview>.profile-photo{grid-area:photo}.listing-preview>.profile-tabs{grid-area:tabs}.listing-preview>.listing-info{grid-area:info}.listing-preview>.profile-review{grid-area:review}.listing-preview>.preview-footnote{grid-area:foot}
.listing-heading,.search-practice,.ai-citation{display:flex;gap:9px;align-items:center}.listing-heading strong{display:block;font-size:16px}.listing-heading small,.search-practice small,.ai-citation small{display:block;font-size:11px}.listing-mark{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#e8efed;font:23px Crimson,serif}
.example-rating{margin-top:8px}.example-rating span,.profile-review span{color:#be7d12;letter-spacing:1px}.listing-actions{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.listing-actions span{padding:4px 9px;border:1px solid #dbe3e8;border-radius:16px;color:#2457a5;font-size:12px}
.profile-tabs{display:flex;gap:18px;margin:0 0 12px;padding:8px 0;border-bottom:1px solid #e1e6e5;color:#5f6a71;font-size:12px}.profile-tabs b{color:#2457a5}.listing-info{display:grid;grid-template-columns:auto 1fr;gap:7px 12px;font-size:12px}.listing-info strong{font-weight:400}.listing-info em{color:#25804a;font-style:normal}.profile-review{padding:10px 12px;background:#f7f8f8;border-radius:4px}.profile-review p{margin:4px 0;font-size:12px}.profile-review small{font-size:11px}.preview-footnote{margin-top:15px;padding-top:10px;border-top:1px solid #edf0ef;color:#6b7778;font-size:11px}
.discovery-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 20px;grid-template-areas:'query query' 'tabs tabs' 'ai ai' 'foot foot'}
.discovery-preview>.preview-query{grid-area:query}.discovery-preview>.profile-tabs{grid-area:tabs}.discovery-preview>.mini-organic{grid-area:organic;padding-top:8px}.discovery-preview>.mini-ai{grid-area:ai}.discovery-preview>.preview-footnote{grid-area:foot}
.mini-ai{padding:14px;border-radius:5px;background:linear-gradient(120deg,#eff5fb,#f3f5ef)}.ai-label{font-weight:600}.mini-ai p,.ad-photo-copy p{color:#526369;font-size:12px}.ai-points{padding-left:17px;font-size:12px}.ai-citation{padding:8px;border:1px solid #e0e7eb;border-radius:5px;background:#fff}.ai-citation .listing-mark{flex-basis:24px;height:24px;font-size:17px}.ai-citation strong{display:block;color:#2457a5;font-size:12px;font-weight:400}
.search-practice{margin-bottom:10px}.search-practice .listing-mark{flex-basis:28px;height:28px;font-size:19px}.search-practice b{font-size:12px;font-weight:400}.mini-organic>strong,.mini-sponsored>strong{display:block;margin-bottom:7px;color:#224a9b;font-size:18px;font-weight:400;line-height:1.3}.mini-organic>span{font-size:12px}.organic-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:15px;color:#2457a5;font-size:12px}
.mini-sponsored>b{display:block;margin-bottom:8px;font-size:12px}.ad-photo-copy{display:flex;gap:12px;align-items:start}.ad-photo-copy p{margin:0;flex:1}.ad-photo-copy img{width:110px;height:80px;object-fit:cover;border-radius:5px}.ad-highlights{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0;color:#667276;font-size:11px}.ad-sitelinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border-top:1px solid #e2e7e5}.ad-sitelinks>div{padding:8px 0}.ad-sitelinks b{display:block;color:#2457a5;font-size:13px;font-weight:400}.ad-sitelinks small{font-size:10px}.ad-call{max-width:260px;margin:10px 0;padding:6px 11px;border:1px solid #cddbe7;border-radius:18px;color:#2457a5;font-size:12px}
.fine-print{color:var(--ink-soft);font-size:13px}
@media(max-width:1024px){.service-tabs{grid-template-columns:1fr}.context-explainer>.explainer-card{grid-template-columns:1.2fr 1fr;gap:26px}}
@media(max-width:760px){.service-explorer{padding:34px 0 55px}.explorer-heading h2{font-size:34px}.service-tabs{grid-template-columns:1fr}.service-tabs button{min-height:0;padding:20px}.service-tabs .service-tab-name{font-size:26px}.explorer-branch{margin-top:18px}.intro-preview>.offering-preview,.intro-preview>.explainer-preview{min-height:0}.intro-preview>.patient-site{min-height:236px}.tier-heading{padding-top:26px}.tier-heading h3{font-size:23px}.context-explainer{margin-top:44px}.context-explainer>summary{font-size:25px}.context-explainer>.explainer-card{grid-template-columns:1fr;gap:25px}.listing-preview,.discovery-preview{display:flex;flex-direction:column;gap:0}.listing-preview>.profile-photo{height:155px;order:0;margin-bottom:14px}.listing-preview>.profile-review{margin-top:13px}.discovery-preview>.mini-ai{margin:0 0 15px}.ads-preview .ad-sitelinks{grid-template-columns:1fr;gap:0}.ads-preview .ad-photo-copy img{width:82px;height:88px}}
/* Service tabs are a horizontal accordion: the selected card expands to ~70% in place
   and carries that service's description + screenshot; the other two collapse. */
@media(min-width:1025px){
.service-tabs{display:flex;align-items:stretch}
.service-tabs button{flex:1 1 0;min-width:0;padding:14px;transition:flex-grow .5s cubic-bezier(.4,0,.2,1),border-color .16s ease,background .16s ease,transform .16s ease}
.service-tabs button[aria-selected="true"]{flex-grow:5.5}
.service-tabs .service-tab-name{margin:auto 0 0;text-align:center;font-size:21px}
.service-tabs .tab-cue{margin:10px 0 auto}
.service-tabs button[aria-selected="true"] .service-tab-name{margin:0;text-align:left}
}

/* Levels sit in the selected card's own column: the panel content is inset to that
   card's exact footprint and shares its accent frame, so the expanded card and the
   offering information under it read as one outlined column rather than two stacked
   blocks. The offsets are the same flex maths that sizes the cards themselves
   (three cards, flex-grow 1 / 1 / 5.5, 14px gaps), so the column always lines up.
   Gated at 1250px: the column has to stay wide enough for three level cards. */
@media(min-width:1250px){
.service-panel{padding-top:0}
#website{--level-left:0px}
#search{--level-left:calc(30px + (100% - 118px)/7.5 + 14px)}
#ads{--level-left:calc((30px + (100% - 118px)/7.5 + 14px)*2)}
.services-minimal .explorer-branch{display:none}
.service-tabs button[aria-selected="true"]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}
/* --level-left / --level-width are set from the measured card by tier-selector.js, so
   the frame's edges land exactly on the card's edges. The calc values are only the
   fallback for when that script has not run. */
/* flow-root stops the first child's top margin (the "one-time setup" accordion on the
   Search and Ads panels) collapsing out through the frame's open top edge, which used
   to push the frame down and leave a gap under the card. */
.service-levels{display:flow-root;margin-left:var(--level-left,0px);width:var(--level-width,calc(30px + (100% - 118px)*5.5/7.5));padding:0 26px 28px;border:1px solid var(--accent);border-top:0;border-radius:0 0 7px 7px}
.tier-heading{padding:26px 0 22px}
.services-minimal .site-header nav a.section-current{color:#a95033}

}

/* Must stay last: these neutralise the desktop transitions declared above. */
@media(prefers-reduced-motion:reduce){
.service-panel.is-changing{animation:none}
.service-tabs button{transition:none}
}

/* Cue on the dormant service cards: prompts a visitor to open the other two. */
.service-tabs .tab-cue{display:block;margin-top:10px;color:var(--accent);font:600 11.5px/1.3 Karla,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-align:center}
.service-tabs .tab-cue b{display:inline-block;font-weight:600;transition:transform .16s}
.service-tabs button:hover .tab-cue b{transform:translateX(4px)}
.service-tabs button[aria-selected="true"] .tab-cue{display:none}
@media(max-width:1024px){.service-tabs .tab-cue{text-align:left}}

/* Every detail is visible: the first three items on each card carry the offer. */
.card-list li.key,.addon-list li.key{font-size:16.5px;font-weight:600;color:var(--ink)}
.card-list li:not(.key),.addon-list li:not(.key){font-size:14px;color:var(--ink-soft)}
.card-list li.key:before,.addon-list li.key:before{top:10px}
.card-list li:not(.key):before,.addon-list li:not(.key):before{top:8px}
.wcag-band .wcag-link{display:inline-block;margin-top:12px;padding:9px 16px;border:1px solid var(--accent);border-radius:5px;color:var(--accent);font-size:14px;text-decoration:none}
.wcag-band .wcag-link:hover{background:#fff}
.explainer-copy .fine-print{margin-top:14px;font-size:13px}

/* The desktop service mockup needs more width than a phone card has. */
@media(max-width:760px){
 .service-tabs button{padding:17px 18px}
 .service-tabs button[aria-selected="true"] .tab-panel{display:block;margin-top:12px;overflow:visible}
 .service-tabs .tab-copy{width:100%;flex:none;align-self:auto}
 .service-tabs .intro-preview{display:none!important}
 .service-tabs .tab-headline{font-size:23px}
 .service-tabs .tab-blurb{font-size:14px;line-height:1.5}
 .service-tabs .tab-cue{margin-top:6px}
 .service-panel.is-changing{animation:none}
}
@media(min-width:761px) and (max-width:1024px){.service-tabs button:not([aria-selected="true"]){min-height:0;padding:17px 20px}}