/* Shared structure; each website retains its imagery and accent colour. */
html{--network-width:1280px;--network-gutter:24px;--network-gap:28px;--network-type:Arial,Helvetica,sans-serif}
body[data-network-standard],body[data-network-standard] :is(h1,h2,h3,h4,h5,h6,p,a,span,strong,small,li,label,button,input,select,textarea,dt,dd,figcaption){font-family:var(--network-type)!important;font-stretch:normal}
body[data-network-standard]{overflow-x:clip;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
body[data-network-standard] :is(.wrap,.shell,.container,.territory-panorama){box-sizing:border-box;width:calc(100% - 2 * var(--network-gutter));max-width:var(--network-width);margin-inline:auto}
body[data-network-standard] :is(.wrap,.shell,.container) :is(.wrap,.shell,.container){width:100%;padding-inline:0}
body[data-network-standard] .territory-panorama{padding-inline:0}
body[data-network-standard] main{min-width:0}
body[data-network-standard] .quiet-main{box-sizing:border-box;width:calc(100% - 2 * var(--network-gutter));max-width:var(--network-width);margin-inline:auto}
body[data-network-standard] main h1{font-size:48px!important;line-height:1.08!important;font-weight:700!important;letter-spacing:-.035em!important}
body[data-network-standard] :is(.hero,.feature-hero,.hero-copy,.territory-opening,.territory-opening-copy){transform:none!important;translate:none!important}
body[data-network-standard] .feature-hero .hero-copy{padding:64px}
body[data-network-standard] .hero.wrap{padding:64px}
body[data-network-standard] .hero.wrap .hero-copy{padding:0}
body[data-network-standard] .hero-layout{align-items:start}
body[data-network-standard] .territory-opening{align-items:stretch!important}
body[data-network-standard] .territory-opening-copy{padding:64px!important}
body[data-network-standard] .territory-opening-copy h1{max-width:100%!important}
body[data-network-standard] :is(.hero-copy,.territory-opening-copy)>:is(.eyebrow,.kicker){margin:0 0 18px;line-height:20px;font-size:13px;letter-spacing:.12em}
body[data-network-standard] :is(.hero-copy,.territory-opening-copy)>h1{margin:0 0 24px}
body[data-network-standard] :is(.hero-copy,.territory-opening-copy)>p:not(.eyebrow):not(.kicker){margin:0 0 24px;line-height:1.6}
body[data-network-standard] :is(.hero-copy,.territory-opening-copy)>p.lead{font-size:18px!important}
body[data-network-standard] :is(.hero-copy,.territory-opening-copy)>.actions+p{margin-top:18px!important}
body[data-network-standard] main :target{scroll-margin-top:calc(100px + env(safe-area-inset-top))}
body[data-network-standard] :is(input,select,textarea){font-size:16px}
body[data-network-standard] input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body[data-network-standard] select{min-height:44px;box-sizing:border-box}
body[data-network-standard] :is(main>section,main>div)>:is(.wrap,.shell,.container){max-width:var(--network-width)}
[data-network-header]{position:sticky!important;top:0!important;z-index:80!important;box-sizing:border-box;height:calc(80px + env(safe-area-inset-top))!important;min-height:80px!important;padding:env(safe-area-inset-top) 0 0!important;margin:0!important;background:#fff!important;color:#192c29!important;border:0!important;border-bottom:1px solid #dce2df!important;transform:none!important}
[data-network-header] .network-header-inner{width:calc(100% - 2 * var(--network-gutter));max-width:var(--network-width);height:80px;margin:0 auto;display:flex;align-items:center;gap:28px;position:relative;box-sizing:border-box;padding:0!important}
[data-network-header] .brand{display:flex!important;align-items:center!important;gap:12px!important;flex:0 1 auto!important;min-width:0;margin:0!important;padding:0!important;color:inherit!important;text-decoration:none!important;font-size:20px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-.025em!important;transform:none!important;white-space:normal!important}
[data-network-header] .brand{min-height:44px!important}
[data-network-header] .brand-mark{display:grid!important;place-items:center;flex:0 0 34px!important;width:34px!important;height:34px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;padding:0!important;transform:none!important}
[data-network-header] .brand-mark img{width:34px!important;height:34px!important;object-fit:contain;display:block}
[data-network-header] .network-brand-label{font:inherit!important;letter-spacing:inherit!important;min-width:0;max-width:310px;color:inherit!important;text-transform:none!important}
[data-network-header] .network-navigation{display:flex!important;align-items:center!important;justify-content:flex-end;gap:4px!important;margin:0 0 0 auto!important;padding:0!important;min-width:0;position:static!important;box-shadow:none!important;background:none!important;border:0!important}
[data-network-header] .network-navigation>:is(a,span){display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;margin:0!important;padding:10px 12px!important;font-size:15px!important;font-weight:500!important;line-height:1.3;letter-spacing:0!important;text-transform:none!important;white-space:nowrap;color:inherit;text-decoration:none!important;border:0!important;border-radius:5px}
[data-network-header] .network-navigation>a:hover{background:#f1f5f2}
[data-network-header] .network-navigation>[aria-current=page]{font-weight:500!important;color:#285a43!important}
[data-network-header] .network-navigation>:is(a,span){background-image:none!important;box-shadow:none!important}
[data-network-header] .network-navigation>:is(a,span)::before,[data-network-header] .network-navigation>:is(a,span)::after{display:none!important;content:none!important}
[data-network-header] .network-header-tools{display:flex;align-items:center;gap:12px;margin-left:0;flex:0 0 auto}
[data-network-header] .site-account-inline{display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;border:0!important;border-radius:6px!important;background:none!important;box-shadow:none!important;color:inherit!important;text-decoration:none!important;transform:none!important}
[data-network-header] .site-account-inline svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
[data-network-header] .site-account-inline:hover{background:#edf3ef!important}
[data-network-header] span.site-account-inline{background:#edf3ef!important;cursor:default}
[data-network-header] .network-menu-toggle{display:none;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:6px;background:none;color:inherit}
[data-network-header] .network-menu-toggle svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;fill:none}
[data-network-header] :is(a,button):focus-visible{outline:2px solid #285a43!important;outline-offset:3px!important}
[data-network-header] :is(a,button):focus:not(:focus-visible){outline:none!important}
[data-network-header] .market-picker{margin:0!important;padding:0!important}
[data-network-header] .market-trigger{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px!important;gap:6px!important;white-space:nowrap;font:500 14px var(--network-type)!important}
[data-network-header] .market-options{z-index:100;right:0;left:auto;min-width:230px}
body[data-network-standard] .actions{gap:16px!important;margin-top:24px}
body[data-network-standard] [data-managed-hosting-selection]{display:grid!important;grid-template-columns:minmax(0,1fr) 264px;align-items:start!important;gap:24px!important;min-block-size:72px}
body[data-network-standard] [data-managed-hosting-selection]>.managed-hosting-selected-label{margin:0!important;min-block-size:72px;line-height:24px;overflow-wrap:anywhere}
body[data-network-standard] [data-managed-hosting-selection]>.button{inline-size:264px;max-inline-size:100%;min-block-size:48px;display:flex;align-items:center;justify-content:center;margin:0!important;white-space:nowrap}
body[data-network-standard] [data-managed-hosting-selection]>.button[aria-disabled=true]{opacity:.45;cursor:default;pointer-events:none}
body[data-network-standard] .managed-hosting-card{display:flex;flex-direction:column;box-sizing:border-box}
body[data-network-standard] .managed-hosting-card>[data-hosting-select]{margin-top:auto;min-block-size:44px;min-inline-size:172px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;white-space:nowrap}
body[data-network-standard] :is(button,.button,.btn):is(:hover,:active){transform:none!important;translate:none!important}
body[data-network-standard] :is(.actions,.action-row,.hero-actions)>:is(a,button){min-height:44px;box-sizing:border-box}
body[data-network-standard] .actions .text-link{display:inline-flex;align-items:center;min-height:44px}
body[data-network-standard] main p+:is(a.button,a.btn,a.text-link){margin-top:20px;min-height:44px;display:inline-flex;align-items:center}
body[data-network-standard] .province-bottom .text-link{margin-top:20px;min-height:44px;display:inline-flex;align-items:center}
body[data-network-standard] .territory-overview>article{display:flex;flex-direction:column;min-width:0}
body[data-network-standard] .territory-overview>article>h2{min-height:2.4em;margin-top:0}
body[data-network-standard] .territory-overview>article>p:has(>strong){min-height:3.2em}
body[data-network-standard] .territory-overview>article>.text-link{margin-top:auto;padding-top:20px;min-height:44px;display:flex;align-items:center}
body[data-network-standard] :is(.section-head,.section-intro){align-items:start;gap:28px}
body[data-network-standard] :is(.section-head,.section-intro) :is(h2,p){margin-top:0}
body[data-network-standard] .fee-story{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,440px)!important;align-items:start!important;gap:48px!important;margin-top:28px}
body[data-network-standard] .fee-story>div{min-width:0;margin:0!important;align-self:start!important}
body[data-network-standard] .fee-story>div>p:first-child{margin-top:0}
body[data-network-standard] .fee-receipt{padding:24px!important;border:1px solid #d6ded9;background:#f6f8f5;border-radius:8px;transform:none!important}
body[data-network-standard] .fee-receipt dl{display:grid;gap:16px;margin:0!important}
body[data-network-standard] .fee-receipt dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:baseline}
body[data-network-standard] .fee-receipt dt,body[data-network-standard] .fee-receipt dd{margin:0;text-align:left}
body[data-network-standard] .fee-receipt dd{text-align:right;font-weight:700;white-space:nowrap}
body[data-network-standard] .fee-receipt dl>div:last-child{border-top:1px solid #d6ded9;padding-top:16px;font-weight:700}
body[data-network-standard] .city-pricing-next{align-items:center!important;gap:24px;padding-block:24px;margin:0}
body[data-network-standard] .city-pricing-note{box-sizing:border-box;width:100%;max-width:none!important;margin:0!important;padding:24px 0!important;line-height:1.65;text-align:left}
body[data-network-standard] .city-pricing-note+*{margin-top:0}
body[data-network-standard] .city-pricing-choice{align-items:start}
body[data-network-standard] .city-pricing-choice h2{margin-top:0}
body[data-network-standard] .city-plan-grid .offer-price{min-height:80px;margin:8px 0 0;justify-content:flex-start}
body[data-network-standard] .city-plan-grid .offer-description{margin-top:0}
/* Product facts follow their meaning in both static and live catalogue cards. */
body[data-network-standard] .product-card .product-info>.card-kicker{order:0}
body[data-network-standard] .product-card .product-info>h3{order:1;min-block-size:2.4em;line-height:1.2}
body[data-network-standard] .product-card .product-info>.product-price{order:2}
body[data-network-standard] .product-card .product-info>.product-specs{order:3}
body[data-network-standard] .product-card .product-info>.product-assurance{order:4}
body[data-network-standard] .product-card .product-info>.commerce-stock{order:5}
body[data-network-standard] .product-card .product-info>.button{order:6}
body[data-network-standard] .network-card-target{position:relative;isolation:isolate}
body[data-network-standard] .network-card-target .network-stretched-link::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
body[data-network-standard] .network-card-target:hover{border-color:var(--accent,#285a43)}
body[data-network-standard] .network-card-target:focus-within{outline:2px solid var(--accent,#285a43);outline-offset:4px}
body[data-network-standard] footer .network-footer-grid{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:28px}
body[data-network-standard] footer .network-footer-grid>*{flex:1 1 180px;min-width:0}
body[data-network-standard] footer{padding-bottom:calc(32px + env(safe-area-inset-bottom))!important}
body[data-network-standard] footer :is(.footer-links,.footer-nav){display:grid;gap:8px;align-content:start}
body[data-network-standard] footer :is(.footer-links,.footer-nav)>a{display:flex;align-items:center;min-height:44px;margin:0;padding:6px 0}
@media(max-width:1150px){
 [data-network-header] .network-header-inner{gap:12px}
 [data-network-header] .network-brand-label{max-width:260px}
 [data-network-header] .network-navigation{display:none!important;position:absolute!important;top:80px;left:0;right:0;padding:12px!important;margin:0!important;flex-direction:column;align-items:stretch!important;justify-content:start;gap:4px!important;background:#fff!important;border:1px solid #dce2df!important;border-radius:8px!important;box-shadow:0 12px 28px #18332612!important}
 [data-network-header] .network-navigation.network-open{display:flex!important}
 [data-network-header] .network-navigation>:is(a,span){width:100%;justify-content:flex-start;white-space:normal;padding:12px!important}
 [data-network-header] .network-menu-toggle{display:flex}
 [data-network-header] .network-header-tools{margin-left:auto}
}
@media(max-width:700px){
 html{--network-gutter:20px}
 body[data-network-standard] main h1{font-size:34px!important;line-height:1.12!important}
 body[data-network-standard] :is(.feature-hero .hero-copy,.hero.wrap,.territory-opening-copy){padding:36px 24px!important}
 body[data-network-standard] .hero.wrap .hero-copy{padding:0}
 [data-network-header] .brand{font-size:18px!important;gap:9px!important}
 [data-network-header] .network-brand-label{max-width:260px}
 [data-network-header] .network-header-inner{gap:8px}
 [data-network-header] .network-header-tools{gap:4px}
 [data-network-header] .market-trigger{font-size:12px!important;padding:6px!important}
 [data-network-header] .market-trigger>svg{display:none}
 body[data-network-standard] .fee-story{grid-template-columns:1fr!important;gap:24px!important}
 body[data-network-standard] .city-pricing-next{flex-direction:column;align-items:flex-start!important}
 body[data-network-standard] .actions{align-items:stretch}
 body[data-network-standard] [data-managed-hosting-selection]{grid-template-columns:minmax(0,1fr);gap:12px!important;min-block-size:132px}
 body[data-network-standard] [data-managed-hosting-selection]>.button{inline-size:100%;min-block-size:48px}
}
@media(max-width:390px){[data-network-header] .brand{font-size:16px!important}[data-network-header] .brand-mark{flex-basis:30px!important;width:30px!important;height:30px!important}[data-network-header] .brand-mark img{width:30px!important;height:30px!important}[data-network-header] .network-brand-label{max-width:150px}}

/* City and region read as two words, including at the narrowest breakpoint. */
@media(max-width:650px){
 body[data-brand=city] .domain-area{display:inline-flex;flex-flow:row wrap;align-items:baseline;column-gap:.55em;row-gap:.15em}
}

/* Make the locality and each price unit readable as a complete phrase. */
.territory-hero-label{display:flex;align-items:baseline;gap:.6em;margin-block:0 12px}
.territory-hero-place{font-weight:600}
.territory-hero-place::before{content:"·";margin-inline-end:.6em}
.care-price-pair{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:20px;row-gap:3px}
.care-price-pair .care-price-line{display:flex;align-items:baseline;gap:.35em;white-space:nowrap;min-width:0}
.care-price-pair .care-price-line strong{font-weight:650;letter-spacing:-.015em}
.care-price-pair .care-price-line>span{font-size:.76em;font-weight:500;letter-spacing:0}
@media(max-width:640px){
 .territory-hero-label{display:grid;gap:3px;justify-items:start}
 .territory-hero-place::before{content:none;margin:0}
 .care-price-pair{display:grid;justify-items:start;gap:4px}
}


/* Selection feedback has its own reading order. Action controls stay available. */
body[data-brand="city"] .toast{pointer-events:none}
body[data-brand="city"] .selection-dock{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:14px;row-gap:8px}
body[data-brand="city"] .selection-dock[hidden]{display:none}
body[data-brand="city"] .selection-dock .button{min-height:44px;text-align:center;white-space:normal}
body[data-brand="city"] .selection-dock strong{overflow-wrap:anywhere}
.domain-selection-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:360px){body[data-brand="city"] .selection-dock .button{max-width:124px;line-height:1.25}}

/* Estimate cards align by title, fee, explanation and action. */
body .estimate-tiles:has(.estimate-title){align-items:stretch;grid-auto-rows:1fr}
body .estimate-tile:has(.estimate-title){display:grid;grid-template-rows:1fr auto;gap:14px}
body .estimate-tile .estimate-select:has(.estimate-title){display:grid;grid-template-rows:auto auto 1fr;gap:8px;align-content:start}
body .estimate-tile .estimate-title{font:600 18px/1.25 Arial,sans-serif;margin:0;padding-inline-end:32px}
body .estimate-tile .estimate-fee{font:650 23px/1.2 Arial,sans-serif;color:#204432;margin:0}
body .estimate-tile .estimate-description{margin:0;font-size:14px;line-height:1.48}
body .estimate-tile:has(.estimate-title) .actions{margin:0}
body .estimate-tile:has(.estimate-title) .actions .button{min-height:44px}
body .native-intake-link .estimate-plan-options{align-items:stretch}
body .native-intake-link .estimate-plan-option{display:grid;grid-template-rows:2.5em 1.5em 1fr;align-items:start;gap:6px;min-height:148px}
body .native-intake-link .estimate-plan-option>strong{font:600 15px/1.25 Arial,sans-serif;margin:0}
body .native-intake-link .estimate-plan-option>b{font:650 20px/1.2 Arial,sans-serif;margin:0;color:#204432}
body .native-intake-link .estimate-plan-option>small{font:400 13px/1.45 Arial,sans-serif;margin:0}
body .native-intake-link a.estimate-continue:not([aria-disabled="true"]){background:#214e39;color:#fff;border-color:#214e39}
body .native-intake-link a.estimate-continue:not([aria-disabled="true"]):is(:hover,:focus-visible){background:#133d2a;color:#fff;border-color:#133d2a}
body .native-intake-link a.estimate-continue[aria-disabled="true"]{background:#eef2ec;color:#46574a;border-color:#c3cec3;opacity:1}
@media(max-width:650px){
 body .native-intake-link .estimate-plan-option{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;min-height:74px}
 body .native-intake-link .estimate-plan-option>b{font-size:15px;white-space:nowrap}
 body .native-intake-link .estimate-plan-option>small{grid-column:1/-1}
}

/* Put Change service beside the current choice, including pending or unavailable offers. */
body .managed-hosting-request .managed-hosting-summary-head,body .care-request-summary-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px}
body :is(.managed-hosting-summary-head,.care-request-summary-head) .service-change{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:8px 10px;color:#214e39;font:600 13px/1.2 Arial,sans-serif;text-align:center;text-decoration:underline;text-underline-offset:3px}
body :is(.managed-hosting-summary-head,.care-request-summary-head) .service-change:is(:hover,:focus-visible){color:#133d2a;background:#eef4ef}
body .scope-summary:has(.care-request-summary-head)>.care-request-summary-head{grid-column:1/-1}

/* The offer and its action keep their space when selection changes. */
body[data-brand=burrard] .lk-offer-actions[hidden] {
  display:grid !important;
  visibility:hidden;
}
body[data-brand=burrard] .lk-offer-actions {
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:repeat(2,minmax(44px,auto));
  gap:6px;
}
body[data-brand=burrard] .lk-offer-actions > .button {
  display:grid;
  place-items:center;
  min-block-size:44px;
  inline-size:100%;
  box-sizing:border-box;
  text-align:center;
}
body[data-brand=burrard] .lk-offer .parcel-plan-choice {
  display:grid;
  grid-template-columns:minmax(0,1fr) 66px;
  width:100%;
  min-height:44px;
  gap:8px;
}
body[data-brand=burrard] .parcel-plan-choice .offer-choice-state {
  justify-self:end;
  white-space:nowrap;
}
body[data-brand=burrard] .managed-hosting-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:clamp(14px,2vw,26px);
  max-inline-size:980px;
  margin-inline:auto;
}
body[data-brand=burrard] .managed-hosting-list > .managed-hosting-card {
  padding:clamp(20px,3vw,32px);
}
body[data-brand=burrard] .managed-hosting-card > [data-hosting-select] {
  width:100%;
  min-inline-size:0;
}
.commerce-policy .purchase-conditions {
  display:block;
  width:fit-content;
  margin-block-start:4px;
  min-block-size:44px;
  align-content:center;
}
@media(max-width:680px) {
  body[data-brand=burrard] .managed-hosting-list { grid-template-columns:minmax(0,1fr); }
}
