/* savrn.com available sites (2026-10-09). Builds on partners-v5.css (.pt-*). Square corners, white, copper accent. */
.st-page .st-logo{display:block;height:auto}
.st-page .st-logo-lg{width:min(500px,100%);margin:6px 0 18px}
.st-page .st-logo-md{width:min(400px,100%)}
.st-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.st-cards.one{grid-template-columns:minmax(0,1fr)}
.st-card{display:flex;flex-direction:column;border:1px solid var(--op-line);border-top:3px solid var(--op-copper);background:#fff;color:inherit;text-decoration:none;transition:border-color .15s}
.st-card:hover{border-color:var(--op-ink);border-top-color:var(--op-copper)}
.st-card .lg{padding:24px 24px 6px}
.st-card .bd{padding:10px 24px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.st-card .role{font:500 11px/1.4 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--op-copper-deep)}
.st-card h2{font:600 28px/1.15 Fraunces,Georgia,serif;color:var(--op-ink);margin:0}
.st-card h2 small{font:500 15px/1.3 Inter,system-ui,sans-serif;color:var(--op-muted);letter-spacing:0}
.st-card p{font-size:15.5px;line-height:1.6;color:var(--op-text);margin:0}
.st-card .more{font:600 14px/1.4 Inter,system-ui,sans-serif;color:var(--op-copper-deep);margin-top:auto;padding-top:6px}
.st-cards:not(.one) .st-card p{min-height:4.8em}
.st-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;margin:6px 0 2px;padding:0}
.st-mini div{border:1px solid var(--op-line);padding:10px 12px}
.st-mini dd{font:600 20px/1.1 Fraunces,Georgia,serif;color:var(--op-ink);margin:0}
.st-mini dt{font-size:12.5px;line-height:1.35;color:var(--op-muted);margin:4px 0 0}
.st-steps{list-style:none;margin:0;padding:0;border-top:2px solid var(--op-ink);counter-reset:st}
.st-steps li{display:grid;grid-template-columns:44px minmax(0,.7fr) minmax(0,1.5fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--op-line);counter-increment:st}
.st-steps li::before{content:counter(st,decimal-leading-zero);font:500 13px/1.5 "JetBrains Mono",ui-monospace,monospace;color:var(--op-copper-deep)}
.st-steps b{font:600 16px/1.35 Inter,system-ui,sans-serif;color:var(--op-ink)}
.st-steps span{font-size:15px;line-height:1.55;color:var(--op-text)}
.st-blocks{margin:8px 0 0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center}
.st-blocks .grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;max-width:560px}
.st-blocks .b{aspect-ratio:1/1;background:#F2F7FB;border:1px solid #C9DCEF;display:flex;align-items:center;justify-content:center;font:600 14px/1 "JetBrains Mono",ui-monospace,monospace;color:#fff}
.st-blocks .b.first{background:var(--op-copper);border-color:var(--op-copper)}
.st-blocks .b.next{background:#fff;border:1px dashed #A9B8C8}
.st-blocks figcaption{display:flex;flex-direction:column;gap:10px}
.st-blocks figcaption b{font:600 22px/1.25 Fraunces,Georgia,serif;color:var(--op-ink)}
.st-blocks figcaption span{font-size:15.5px;line-height:1.6;color:var(--op-text)}
.st-blocks .key{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:500 12px/1.4 "JetBrains Mono",ui-monospace,monospace!important;color:var(--op-muted)!important}
.st-blocks .key i{display:inline-block;width:14px;height:14px;background:#F2F7FB;border:1px solid #C9DCEF;margin-left:8px}
.st-blocks .key i:first-child{margin-left:0}
.st-blocks .key i.first{background:var(--op-copper);border-color:var(--op-copper)}
.st-blocks .key i.next{background:#fff;border:1px dashed #A9B8C8}
.st-cond{width:100%;border-collapse:collapse;border-top:2px solid var(--op-ink)}
.st-cond th{text-align:left;font:600 15px/1.4 Inter,system-ui,sans-serif;color:var(--op-ink);padding:12px 16px 12px 0;border-bottom:1px solid var(--op-line);width:32%;vertical-align:top}
.st-cond td{font-size:15px;line-height:1.55;color:var(--op-text);padding:12px 0;border-bottom:1px solid var(--op-line)}
@media (max-width:860px){
  .st-cards{grid-template-columns:minmax(0,1fr)}
  .st-blocks{grid-template-columns:minmax(0,1fr)}
  .st-steps li{grid-template-columns:36px minmax(0,1fr)}
  .st-steps li span{grid-column:2}
}

/* Site submission option tiles (2026-10-09): square tiles, no visible radio circles, one line each. */
#sd-panel .sd-opts{border:0;padding:0;margin:4px 0 2px;display:grid;gap:8px}
#sd-panel .sd-opts.sd-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#sd-panel .sd-opts.sd-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#sd-panel .sd-opts legend{font:600 13px Inter,system-ui,sans-serif;color:#0D1621;margin:0 0 8px;padding:4px 0 0}
#sd-panel .sd-opts label{display:flex;position:relative;margin:0;cursor:pointer;font:inherit}
#sd-panel .sd-opts input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
#sd-panel .sd-opts span{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:44px;
  padding:8px 10px;border:1px solid #D9DDE3;background:#fff;font:600 13px/1.25 Inter,system-ui,sans-serif;color:#3A4654;
  white-space:nowrap;transition:border-color .12s,background .12s,color .12s}
#sd-panel .sd-opts label:hover span{border-color:#0D1621}
#sd-panel .sd-opts input:checked+span{border-color:#C24A02;background:#FFF3EB;color:#0D1621;box-shadow:inset 0 0 0 1px #C24A02}
#sd-panel .sd-opts input:focus-visible+span{outline:2px solid #2F6BB0;outline-offset:2px}
@media (max-width:420px){#sd-panel .sd-opts.sd-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
