/* Category content layout; shared navigation lives in site-shell724-v8.css. */
body.page-category{--t724-ink:var(--c724-text);--t724-muted:var(--c724-muted);--t724-line:var(--c724-line);--t724-surface:var(--c724-panel);background:var(--c724-bg)!important;color:var(--c724-text);color-scheme:var(--c724-mode);}
body.page-category .c724-category{background:var(--c724-bg)}
body.page-category .c724-hero{padding:24px 0 0}
body.page-category .seo724-breadcrumb{margin-bottom:18px;font-size:11px;color:var(--c724-muted)}
body.page-category .seo724-breadcrumb a{color:var(--c724-muted)}
body.page-category .c724-eyebrow{width:max-content;max-width:100%;font-size:10px;line-height:1.3;gap:7px;padding:6px 10px;border-color:var(--c724-line);background:var(--c724-soft);color:var(--c724-accent)}
body.page-category .c724-eyebrow i{font-size:16px}
body.page-category .c724-title-wrap{max-width:100%;overflow-x:auto;scrollbar-width:thin;margin:12px 0 10px}
body.page-category .c724-hero h1{width:max-content;max-width:none;white-space:nowrap;overflow-wrap:normal;word-break:normal;margin:0;font-size:34px;line-height:1.35;letter-spacing:-.025em}
body.page-category .c724-hero .c724-lead{max-width:1020px;font-size:14px;line-height:1.85;margin:7px 0 14px}
body.page-category .c724-jump{gap:4px;padding:12px 0;border-color:var(--c724-line);scrollbar-width:none}
body.page-category .c724-jump::-webkit-scrollbar{display:none}
body.page-category .c724-jump a{font-size:12px;padding:6px 10px;color:var(--c724-muted)}
body.page-category .c724-jump a:hover{background:var(--c724-soft);color:var(--c724-accent)!important}
body.page-category .c724-order{padding-top:22px}
body.page-category .c724-order-grid{grid-template-columns:280px minmax(0,1fr);gap:24px}
body.page-category .c724-panel{background:var(--c724-panel);border-color:var(--c724-line);box-shadow:none}
body.page-category .c724-package-panel{padding:0;border:0;background:transparent;box-shadow:none}
body.page-category .pack--list.c724-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.page-category .c724-pack-grid .pack{display:block;height:auto;min-height:118px;box-sizing:border-box;padding:19px 10px 15px;background:var(--c724-panel);border-color:var(--c724-line);color:var(--c724-text);border-radius:13px}
body.page-category .c724-pack-grid .pack:hover{background:var(--c724-panel-2);border-color:var(--c724-selected-line)}
body.page-category .c724-pack-grid .pack.selected{background:var(--c724-selected-bg);border-color:var(--c724-selected-line);color:var(--c724-text);box-shadow:inset 0 0 0 1px var(--c724-selected-line)}
body.page-category .c724-pack-grid .pack .amount{display:block;color:var(--c724-text);font-size:26px;white-space:nowrap;overflow-wrap:normal;max-width:100%}
body.page-category .c724-pack-grid .pack .type{display:block;color:var(--c724-muted);font-size:12px;margin-top:4px}
body.page-category .c724-pack-grid .pack .price{display:block;color:var(--c724-teal);font-size:15px;line-height:1.3;margin-top:7px}
body.page-category .c724-selection-mark{display:flex;align-items:center;justify-content:center;border-color:var(--c724-line)}
body.page-category .c724-pack-grid .pack.selected .c724-selection-mark{background:var(--c724-accent);border-color:var(--c724-accent);color:var(--c724-bg)}
body.page-category .c724-kicker{color:var(--c724-accent)}
body.page-category .c724-service-facts>div{border-color:var(--c724-line)}
body.page-category .c724-service-facts dt{color:var(--c724-muted)!important}
body.page-category .c724-service-facts dd{color:var(--c724-text)}
body.page-category .c724-fact-icon,
body.page-category .c724-empty-icon,
body.page-category .c724-heading-icon,
body.page-category .c724-person-icon{background:var(--c724-soft);color:var(--c724-accent);border-color:var(--c724-line)}
body.page-category .c724-feature-icon{background:var(--c724-icon-bg);color:var(--c724-teal)}
body.page-category .c724-features li{color:var(--c724-text)}
body.page-category .c724-more>summary{background:var(--c724-panel-2);color:var(--c724-accent);border-color:var(--c724-line)}
body.page-category .c724-more-prices{border-color:var(--c724-line)}
body.page-category .service--bottom.c724-purchase{padding:16px;margin-top:18px;background:var(--c724-soft);color:var(--c724-text);border-color:var(--c724-line)}
body.page-category .c724-selected small,
body.page-category .c724-selected>div{color:var(--c724-muted)}
body.page-category .c724-selected strong{color:var(--c724-text)}
body.page-category .c724-selected>b{color:var(--c724-teal)}
body.page-category .c724-button-primary{background:var(--c724-cta);color:var(--c724-cta-text)!important;box-shadow:none}
body.page-category .c724-button-outline,
body.page-category .c724-icon-button{background:var(--c724-panel-2);color:var(--c724-accent)!important;border-color:var(--c724-line)}
body.page-category .c724-order-note,
body.page-category .c724-muted{color:var(--c724-muted)!important}
body.page-category .c724-steps li{color:var(--c724-muted)}
body.page-category .c724-steps strong{color:var(--c724-text)}
body.page-category .c724-steps li:before{color:var(--c724-pink);background:var(--c724-pink-bg)}
body.page-category .c724-steps a{color:var(--c724-pink)!important}
body.page-category .c724-price-table th,
body.page-category .c724-price-table td{border-color:var(--c724-line)}
body.page-category .c724-price-table thead th{background:var(--c724-panel-2);color:var(--c724-muted)}
body.page-category .c724-price-table tbody th{color:var(--c724-text)}
body.page-category .c724-price-table td{color:var(--c724-muted)}
body.page-category .c724-price-table td strong{color:var(--c724-teal)}
body.page-category .c724-price-table tbody tr:hover{background:var(--c724-panel-2)}
body.page-category .c724-table-action{color:var(--c724-accent)!important}
body.page-category .c724-table-scroll,
body.page-category .c724-review-track{scrollbar-color:var(--c724-line) var(--c724-panel)}
body.page-category .c724-review-stars{color:var(--c724-line)}
body.page-category .c724-review-stars .is-filled{color:var(--c724-star)}
body.page-category .c724-review-card .c724-review-text{color:var(--c724-muted)}
body.page-category .c724-review-person{border-color:var(--c724-line)}
body.page-category .c724-review-person strong{color:var(--c724-text)}
body.page-category .c724-review-person time{color:var(--c724-muted)}
body.page-category .seo724-guide .article--area.c724-article{background:var(--c724-panel);border-color:var(--c724-line);color:var(--c724-text)}
body.page-category .c724-article p,
body.page-category .c724-article li,
body.page-category .c724-article figcaption{color:var(--c724-muted)!important}
body.page-category .c724-article a{color:var(--c724-accent)!important}
body.page-category .c724-article .seo724-toc,
body.page-category .c724-article .seo724-reading{background:var(--c724-panel-2)!important;border-color:var(--c724-line)!important;color:var(--c724-text)}
body.page-category .c724-article .seo724-toc strong{color:var(--c724-accent)}
body.page-category .c724-accordions details{background:var(--c724-panel);border-color:var(--c724-line)}
body.page-category .c724-accordions details[open]{background:var(--c724-panel-2);border-color:var(--c724-selected-line)}
body.page-category .c724-accordions summary{color:var(--c724-text)}
body.page-category .c724-accordions summary .c724-icon{color:var(--c724-accent)}
body.page-category .c724-accordions .c724-answer p{color:var(--c724-muted)!important}
body.page-category .c724-dialog{background:var(--c724-panel);color:var(--c724-text);border-color:var(--c724-line);color-scheme:var(--c724-mode)}
body.page-category .c724-dialog h2,
body.page-category .c724-form>label,
body.page-category .c724-rating legend{color:var(--c724-text)}
body.page-category .c724-dialog-context{color:var(--c724-muted);border-color:var(--c724-line)}
body.page-category .c724-form input[type=text]:not(.content-honeypot),
body.page-category .c724-form textarea{background:var(--c724-bg);color:var(--c724-text);border-color:var(--c724-line)}
body.page-category .c724-form input::placeholder,
body.page-category .c724-form textarea::placeholder{color:var(--c724-muted)}
body.page-category .c724-form input:focus,
body.page-category .c724-form textarea:focus{border-color:var(--c724-accent)}
body.page-category .c724-checkbox input{accent-color:var(--c724-accent)}
body.page-category .c724-rating label{background:var(--c724-panel-2);color:var(--c724-muted)}
body.page-category .c724-rating input:checked~label{color:var(--c724-star)}
body.page-category .c724-form .content-form-message.success{background:var(--c724-success-bg);color:var(--c724-success);border-color:var(--c724-success)}
body.page-category .c724-form .content-form-message.error{background:var(--c724-error-bg);color:var(--c724-error);border-color:var(--c724-error)}
body.page-category .c724-category :focus-visible,
body.page-category .c724-dialog :focus-visible{outline-color:var(--c724-accent)}
@media (max-width:1100px){
body.page-category .c724-order-grid{grid-template-columns:245px minmax(0,1fr);gap:20px}
}
@media (max-width:800px){
body.page-category .c724-hero{padding:16px 0 0}
body.page-category .seo724-breadcrumb{font-size:10px;margin:0 0 12px;gap:5px;white-space:nowrap;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
body.page-category .seo724-breadcrumb li{flex-shrink:0}
body.page-category .c724-eyebrow{padding:4px 8px;font-size:9px;gap:6px}
body.page-category .c724-eyebrow i{font-size:14px}
body.page-category .c724-title-wrap{margin:10px 0 5px}
body.page-category .c724-hero h1{font-size:26px;line-height:1.4}
body.page-category .c724-hero .c724-lead{font-size:13px;line-height:1.75;margin:7px 0 10px}
body.page-category .c724-jump{padding:8px 0;gap:3px}
body.page-category .c724-jump a{font-size:11px;padding:6px 8px}
body.page-category .c724-order{padding-top:16px}
body.page-category .c724-order-grid{display:flex;gap:20px}
body.page-category .c724-package-panel{padding:0;border-radius:0}
body.page-category .pack--list.c724-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.page-category .c724-pack-grid .pack{height:auto;min-height:102px;padding:18px 6px 12px;border-radius:11px;gap:3px}
body.page-category .c724-pack-grid .pack .amount{font-size:clamp(16px,4.5vw,23px);line-height:1.2}
body.page-category .c724-pack-grid .pack .type{font-size:10px;line-height:1.35}
body.page-category .c724-pack-grid .pack .price{font-size:clamp(10px,3vw,14px);margin-top:4px}
body.page-category .c724-selection-mark{width:14px;height:14px;top:5px;right:5px}
body.page-category .c724-selection-mark .c724-icon{width:10px;height:10px}
body.page-category .c724-more{margin-top:12px}
body.page-category .c724-more>summary{padding:10px 12px;font-size:12px;min-height:40px}
body.page-category .c724-order-note{font-size:10px;margin-top:12px!important}
body.page-category .service--bottom.c724-purchase{position:fixed;left:0;right:0;bottom:var(--c724-bottom-nav,50px);z-index:94;display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:8px 14px;min-height:58px;border:0;border-top:1px solid var(--c724-line);border-radius:12px 12px 0 0;background:var(--c724-panel);box-shadow:0 -7px 24px #00000010}
body.page-category .c724-purchase .c724-selected{display:grid;grid-template-columns:minmax(0,1fr) auto;flex:1;align-items:center;gap:7px;min-width:0;line-height:1.4}
body.page-category .c724-selected small{display:none}
body.page-category .c724-selected>div{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.page-category .c724-selected strong{font-size:14px;line-height:1.4}
body.page-category .c724-selected>b{font-size:18px;line-height:1.4}
body.page-category .c724-purchase .c724-button{padding:10px 13px!important;min-width:92px;min-height:42px;border-radius:9px;font-size:12px!important;gap:6px}
body.page-category .c724-purchase .c724-button .c724-icon{width:15px;height:15px}
body.page-category.c724-has-purchase .c724-category{padding-bottom:64px}
}
@media (max-width:360px){
body.page-category .c724-selected>b{font-size:15px}
body.page-category .service--bottom.c724-purchase{padding-right:10px;padding-left:10px;gap:8px}
body.page-category .c724-purchase .c724-button{min-width:86px;padding:10px!important}
}
/* Align the package panel and information cards at every breakpoint. */
body.page-category .c724-order-grid{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start}
body.page-category .c724-order-grid>*,body.page-category .c724-howto-layout>*{min-width:0;width:100%}
body.page-category .c724-info,body.page-category .c724-features{padding:22px}
body.page-category .c724-category .c724-panel-title{font-size:17px!important;line-height:1.45;margin:0 0 16px!important;letter-spacing:-.01em}
body.page-category .c724-service-facts{display:block;margin:0}
body.page-category .c724-service-facts>div{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:3px 10px;padding:14px 0}
body.page-category .c724-service-facts>div:first-child{border-top:0;padding-top:0}
body.page-category .c724-service-facts>div:last-child{padding-bottom:0}
body.page-category .c724-fact-icon{display:flex;align-items:center;justify-content:center;grid-column:1;grid-row:1 / 3;width:36px;height:36px}
body.page-category .c724-service-facts dt{grid-column:2;grid-row:1;min-height:0;margin:0;font-size:11px;line-height:1.5}
body.page-category .c724-service-facts dd{grid-column:2;grid-row:2;margin:0;font-size:14px;line-height:1.45}
body.page-category .c724-features ul{margin:0;grid-template-columns:1fr;gap:14px}
body.page-category .c724-features li{align-items:flex-start;gap:10px;min-width:0;line-height:1.5}
body.page-category .c724-feature-icon{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px}
body.page-category .c724-features .feature-copy-v43{min-width:0;align-self:center;overflow-wrap:anywhere}
body.page-category .c724-pack-grid .pack{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;min-height:126px}
body.page-category .c724-pack-grid .pack .type{flex:1;max-width:100%;overflow-wrap:anywhere}
body.page-category .c724-pack-grid .pack .price{flex:none;padding-top:6px;margin-top:0;white-space:nowrap}
body.page-category .c724-custom-service .c724-pack-grid .pack .amount{font-size:18px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
body.page-category .c724-section-heading{align-items:center;gap:18px}
body.page-category .c724-section-heading>div{min-width:0}
body.page-category .c724-review-person>div{min-width:0;overflow-wrap:anywhere}
body.page-category .c724-howto-copy{min-width:0}
body.page-category .c724-howto-art{max-width:100%}
body.page-category .c724-title-wrap{margin:4px 0 10px}
@media(min-width:801px) and (max-width:1100px){body.page-category .c724-order-grid{grid-template-columns:245px minmax(0,1fr);gap:20px}}
@media(max-width:800px){
  body.page-category .c724-hero .c724-hero-description{display:none}
  body.page-category .c724-title-wrap{margin:4px 0 8px}
  body.page-category .c724-order-grid{display:flex;flex-direction:column;align-items:stretch;gap:20px}
  body.page-category .c724-service-summary{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}
  body.page-category .c724-pack-grid .pack{min-height:108px}
  body.page-category .c724-custom-service .c724-pack-grid .pack .amount{font-size:14px}
  body.page-category .c724-section-heading{flex-wrap:wrap}
  body.page-category .c724-howto-layout{grid-template-columns:1fr;gap:28px}
}
@media(max-width:600px){
  body.page-category .c724-service-summary{grid-template-columns:1fr}
  body.page-category .c724-info,body.page-category .c724-features{padding:20px}
  body.page-category .c724-service-facts>div{border-top:1px solid var(--c724-line);padding:13px 0}
  body.page-category .c724-service-facts>div:first-child{border-top:0;padding-top:0}
  body.page-category .c724-service-facts>div:last-child{padding-bottom:0}
  body.page-category .c724-features ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}
}
