.prov-page{
font-variant-numeric:tabular-nums lining-nums;
}
.prov-page [hidden]{
display:none!important;
}
.prov-page .prov-hero{
display:block;
background:#1A1C22;
color:#F3F4F6;
}
.prov-hero h1{
max-width:100%;
color:#F3F4F6;
}
.prov-hero .prov-hero-lead{
max-width:52rem;
margin-top:var(--space-4);
color:#C7CCD5;
}
.prov-hero .prov-hero-note{
margin-top:var(--space-4);
color:#C7CCD5;
max-width:52rem;
}
.prov-hero .c-kicker{
color:#C7CCD5;
}
.prov-hero .c-btn--ghost{
background:transparent;
color:#F3F4F6;
border-color:rgba(243,244,246,.45);
}
.prov-route{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:var(--space-4);
list-style:none;
margin:var(--space-7) 0 var(--space-4);
padding:0;
}
.prov-route li{
display:flex;
align-items:baseline;
gap:var(--space-3);
min-width:0;
padding-top:var(--space-3);
border-top:1px solid var(--hair-d);
color:#F3F4F6;
}
.prov-route .mono{
color:#C7CCD5;
font-size:var(--text-xs);
}
.prov-paper{
background:#FDFDFC;
color:#1A1C22;
}
.prov-sand{
background:#EFEBE3;
color:#2A2620;
}
.prov-ice{
background:#DDE9F2;
color:#0F2A3D;
}
.prov-sage{
background:#E4E8DF;
color:#1F2A1C;
}
.prov-section-head{
max-width:58rem;
margin-bottom:var(--space-6);
}
.prov-section-head>p{
margin-top:var(--space-3);
font-size:var(--text-base);
}
.prov-config-grid,
.prov-handover-grid,
.prov-renewal-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
align-items:stretch;
}
.prov-page .c-card{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
height:100%;
min-width:0;
}
.prov-page .c-card h3{
font-size:var(--text-card);
line-height:var(--lh-heading);
}
.prov-page .c-card .prov-card-foot{
margin-top:auto;
padding-top:var(--space-2);
font-size:var(--text-xs);
}
.prov-config-table{
margin-top:var(--space-6);
}
.prov-config-table table{
display:table;
width:100%;
min-width:44rem;
}
.prov-config-table th,
.prov-config-table td{
text-align:left;
}
.prov-config-table th:first-child{
width:18%;
}
.prov-config-table td:nth-child(2){
width:30%;
}
.prov-payment-sheet{
display:grid;
grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
gap:var(--space-6);
align-items:start;
}
.prov-formula{
background:#1A1C22;
color:#F3F4F6;
padding:var(--space-5);
border-radius:var(--radius-lg);
display:flex;
flex-direction:column;
gap:var(--space-3);
}
.prov-formula>span{
font-size:var(--text-xs);
color:#C7CCD5;
}
.prov-formula strong{
font-family:var(--f-mono);
font-size:var(--text-card);
font-weight:500;
line-height:var(--lh-heading);
color:#DDE9F2;
overflow-wrap:break-word;
}
.prov-formula p{
color:#C7CCD5;
}
.prov-rows{
list-style:none;
margin:0;
padding:0;
}
.prov-row{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
padding-block:var(--space-4);
border-top:1px solid var(--hair);
}
.prov-row>span{
font-size:var(--text-xs);
line-height:var(--lh-body);
}
.prov-row>h3{
font-size:var(--text-base);
line-height:var(--lh-body);
}
.prov-row>p{
font-size:var(--text-base);
}
.prov-sand .prov-row{
border-color:var(--line-sand);
}
.prov-ice .prov-row{
border-color:var(--line-ice);
}
.prov-follow-note{
margin-top:var(--space-4);
font-size:var(--text-base);
}
.prov-duty-list{
display:grid;
gap:var(--space-3);
}
.prov-duty-list li{
display:grid;
gap:var(--space-field);
padding-block:var(--space-3);
border-top:1px solid var(--line-ice);
}
.c-card--sand .prov-duty-list li{
border-color:var(--line-sand);
}
.prov-duty-list strong{
font-weight:600;
}
.prov-dgx-note{
max-width:58rem;
}
.prov-dgx-note>p{
font-size:var(--text-base);
margin-top:var(--space-3);
}
.prov-dgx-note a{
color:#1F2A1C;
text-decoration-thickness:1px;
}
.prov-page .prov-final{
background:#FDFDFC;
color:#1A1C22;
padding-bottom:var(--space-close);
}
.prov-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,.65fr);
align-items:center;
gap:var(--space-6);
padding:var(--space-7);
border-radius:var(--radius-lg);
background:#22252D;
color:#F3F4F6;
}
.prov-closing-copy{
text-align:left;
}
.prov-closing-copy h2{
font-size:var(--text-section);
line-height:var(--lh-tight);
color:#F3F4F6;
}
.prov-closing-copy p{
margin-top:var(--space-3);
font-size:var(--text-base);
color:#C7CCD5;
}
.prov-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
}
.prov-closing-actions .c-btn--ghost{
background:transparent;
color:#F3F4F6;
border-color:rgba(243,244,246,.45);
}
.prov-hero .c-btn--ghost:hover,
.prov-closing-actions .c-btn--ghost:hover{
background:#2C3039;
color:#F3F4F6;
}
@media(max-width:64rem){
.prov-payment-sheet{
grid-template-columns:minmax(0,1fr);
}
.prov-closing{
grid-template-columns:minmax(0,1fr);
padding:var(--space-6);
}
.prov-closing-actions{
align-items:flex-start;
}
}
@media(max-width:42rem){
.prov-route{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.prov-config-grid,
.prov-handover-grid,
.prov-renewal-grid{
grid-template-columns:minmax(0,1fr);
}
.prov-row{
grid-template-columns:2.25rem minmax(0,1fr);
}
.prov-row>:nth-child(3){
grid-column:2;
}
.prov-closing{
padding:var(--space-4);
}
.prov-closing-actions{
align-items:stretch;
}
.prov-hero .c-actions{
align-items:stretch;
}
.prov-hero .c-actions>.c-btn{
width:100%;
}
}