/* Website UI kit — page-level layout. Component styles live with components. */
.sop-page{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
.sop-main{flex:1;min-width:0}
.sop-main a,.sop-main p,.sop-main span{overflow-wrap:anywhere}
.sop-container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
.sop-section{padding:var(--section-pad) 0 0}
.sop-section:last-child{padding-bottom:var(--section-pad)}
.sop-notice{display:inline-flex;align-items:center;gap:7px;font:500 10.5px/1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-meta);border:1px dashed var(--sop-line-2);border-radius:3px;padding:5px 9px}
.sop-notice::before{content:"";width:7px;height:7px;border:1.4px solid currentColor;border-radius:2px}
.sop-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sop-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.sop-row>*{min-width:0}
.sop-row .sop-lock{max-width:100%;white-space:normal;flex-wrap:wrap;line-height:1.35}
.sop-row .sop-lock>b{min-width:0;overflow-wrap:anywhere}
@media (max-width:960px){.sop-grid-3{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  .sop-docket-aside{position:static!important;max-width:none!important;width:100%}
}
@media (max-width:680px){
  .sop-grid-3,.sop-grid-2,.sop-term-grid{grid-template-columns:1fr!important}
  .sop-answer-facts{grid-template-columns:1fr!important}
  .sop-answer-facts dd{margin-bottom:8px!important}
  .sop-claim-row{grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important}
  .sop-claim-row>:last-child{grid-column:2}
}