.network-page{
font-size:1rem;
}
.network-page p,.network-page li,.network-page th,.network-page td,.network-page dt,.network-page dd{
font-size:1rem;
overflow-wrap:break-word;
}
.network-page [hidden]{
display:none!important;
}
.network-hero{
display:block;
}
.network-hero>.container{
min-width:0;
}
.network-hero h1{
max-width:100%;
}
.network-hero-lead{
margin-top:var(--space-4);
}
.network-hero .c-actions{
margin-top:var(--space-action);
margin-bottom:var(--space-4);
}
.network-intro{
max-width:56rem;
margin-top:var(--space-3);
}
.network-tier-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
align-items:stretch;
}
.network-tier{
min-width:0;
display:flex;
flex-direction:column;
align-items:stretch;
height:100%;
gap:var(--space-3);
padding:var(--space-4);
}
.network-tier-mist{
background:#E6F0F4;
color:#1F3A47;
}
.network-tier-sage{
background:#EDF1E4;
color:#2F3D1E;
}
.network-tier-lav{
background:#ECEAF5;
color:#2E2A4D;
}
.network-tier-heading{
display:flex;
flex-direction:column;
gap:var(--space-field);
min-width:0;
}
.network-tier-heading h3{
font-size:var(--text-lg);
color:#1F2A33;
}
.network-label{
font-size:var(--text-sm);
font-weight:600;
line-height:var(--lh-small);
}
.network-tier-price{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:var(--space-2);
min-width:0;
color:#1F2A33;
font-family:var(--fm);
font-variant-numeric:tabular-nums;
}
.network-tier-price strong{
font-size:var(--text-lg);
font-weight:600;
}
.network-card-list{
display:grid;
gap:var(--space-field);
padding-inline-start:var(--space-4);
}
.network-tier .c-card-end{
margin-top:auto;
align-self:flex-start;
}
.network-after-note{
max-width:64rem;
margin-top:var(--space-4);
color:#566571;
}
.network-soft-section{
background:#E6F0F4;
color:#1F3A47;
}
.network-soft-section h2,.network-soft-section h3{
color:#1F3A47;
}
.network-table{
display:table;
width:100%;
min-width:42rem;
text-align:start;
}
.network-table th,.network-table td{
text-align:start;
}
.network-table th:first-child{
width:22%;
}
.network-text-pair{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-5);
align-items:start;
}
.network-soft-section .network-text-pair{
margin-top:var(--space-5);
}
.network-text-unit{
display:flex;
flex-direction:column;
gap:var(--space-field);
min-width:0;
}
.network-text-unit h3{
font-size:var(--text-lg);
line-height:var(--lh-card);
}
.network-ip-block{
display:block;
min-width:0;
}
.network-ip-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
align-items:stretch;
}
.network-ip-tile{
display:flex;
flex-direction:column;
gap:var(--space-field);
min-width:0;
padding:var(--space-4);
border-radius:var(--r-card);
}
.network-ip-default{
background:#E6F0F4;
color:#1F3A47;
}
.network-ip-extra{
background:#F3EBEE;
color:#4A2A36;
}
.network-ip-total{
background:#ECEAF5;
color:#2E2A4D;
}
.network-ip-tile dt{
font-weight:600;
}
.network-ip-tile dd{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:var(--space-2);
min-width:0;
font-family:var(--fm);
font-variant-numeric:tabular-nums;
}
.network-ip-tile dd strong{
font-size:var(--text-xl);
line-height:var(--lh-heading);
font-weight:600;
letter-spacing:var(--tracking-heading);
}
.network-ip-tile p{
margin-top:auto;
}
.network-first-address{
display:flex;
align-items:flex-start;
gap:var(--space-3);
margin-top:var(--space-4);
padding:var(--space-4);
border-radius:var(--r-card);
background:#F5F8FA;
color:#3D4B57;
}
.network-first-address>.c-icon{
display:block;
flex:none;
width:var(--icon-size);
height:var(--icon-size);
margin-top:var(--space-1);
}
.network-first-address h3{
color:#1F2A33;
}
.network-use-section{
background:#EDF1E4;
color:#2F3D1E;
}
.network-use-section h2{
color:#2F3D1E;
}
.network-use-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
align-items:stretch;
}
.network-use-card{
display:flex;
flex-direction:column;
min-width:0;
height:100%;
gap:var(--space-3);
padding:var(--space-4);
background:#FFFFFF;
color:#3D4B57;
}
.network-use-card h3{
font-size:var(--text-lg);
color:#1F2A33;
}
.network-use-card .c-card-end{
margin-top:auto;
align-self:flex-start;
}
.network-location-section{
background:#ECEAF5;
color:#2E2A4D;
}
.network-location{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:var(--space-3);
}
.network-location strong{
font-family:var(--fh);
font-size:var(--text-lg);
font-weight:600;
}
.network-reading-section{
background:#F3EBEE;
color:#4A2A36;
}
.network-reading-section h2,.network-reading-section h3{
color:#4A2A36;
}
.network-reading-list{
list-style:none;
margin:0;
padding:0;
display:grid;
gap:var(--space-4);
}
.network-reading-list>li{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:var(--space-4);
padding:var(--space-4);
border-radius:var(--r-card);
background:#FFFFFF;
color:#3D4B57;
}
.network-reading-list .network-text-unit h3{
color:#1F2A33;
}
.network-reading-list>li>*{
min-width:0;
}
.network-closing-section{
padding-bottom:var(--space-section);
}
.network-close-copy{
display:flex;
flex-direction:column;
gap:var(--space-3);
min-width:0;
}
.network-close-copy h2{
color:#F1F4F6;
}
.network-close-copy p{
color:#D9E2E8;
}
.network-close-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
min-width:0;
}
.network-close-actions .c-btn-ghost{
background:#1F2A33;
color:#F1F4F6;
box-shadow:inset 0 0 0 1.5px color-mix(in srgb,currentColor 45%,transparent);
}
.network-close-actions .c-btn-ghost:hover{
background:#2A3843;
color:#F1F4F6;
}
@media(max-width:64rem){
.network-tier-grid,.network-use-grid{
grid-template-columns:minmax(0,1fr);
}
.network-tier,.network-use-card{
height:auto;
}
.network-reading-list>li{
grid-template-columns:minmax(0,1fr);
align-items:start;
}
.network-reading-list .c-btn{
justify-self:start;
}
}
@media(max-width:42rem){
.network-text-pair,.network-ip-grid{
grid-template-columns:minmax(0,1fr);
}
.network-tier-price strong{
font-size:var(--text-lg);
}
.network-first-address{
flex-direction:column;
}
.network-ip-tile dd strong{
font-size:var(--text-xl);
}
.network-reading-list .c-btn{
justify-self:stretch;
}
.network-close-actions{
width:100%;
}
}