/* Shared home / website-service demo viewer. It never rotates or scales sites. */
.paper-site .rfg{--rfg-paper:#f7f1e5;--rfg-edge:#c7b99d;--rfg-ink:#2c2822;--rfg-muted:#706556;--rfg-accent:#a73926;min-width:0;width:100%;color:var(--rfg-ink);container-type:inline-size}
.paper-site .rfg *{box-sizing:border-box}
.paper-site .rfg-intro{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:21px}
.paper-site .rfg-intro p{font-size:20px;font-weight:700;line-height:1.5;letter-spacing:-.035em;margin:0}
.paper-site .rfg-intro>span{font-size:13px;line-height:1.7;color:var(--rfg-muted)}
.paper-site .rfg-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:0;border:1px solid var(--rfg-edge);border-bottom:0;background:#e8dcc7}
.paper-site .rfg-tab{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:78px;padding:12px 6px;border:0;border-right:1px solid var(--rfg-edge);border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--rfg-muted);font-family:inherit;cursor:pointer;text-align:center;line-height:1.5;transition:background-color .16s ease,color .16s ease}
.paper-site .rfg-tab:last-child{border-right:0}
.paper-site .rfg-tab>span{font-size:11px;font-weight:500}
.paper-site .rfg-tab>strong{font-size:16px;font-weight:650;letter-spacing:-.03em;word-break:keep-all}
.paper-site .rfg-tab[aria-selected="true"]{background:var(--rfg-paper);border-bottom-color:var(--rfg-accent);color:var(--rfg-accent)}
.paper-site .rfg-tab:hover{background:#f2e9d9;color:var(--rfg-ink)}
.paper-site .rfg-tab[aria-selected="true"]:hover{background:var(--rfg-paper);color:var(--rfg-accent)}
.paper-site .rfg-panels{border:1px solid var(--rfg-edge);background:var(--rfg-paper);box-shadow:5px 6px 0 #d1c3a654}
.paper-site .rfg-panel[hidden]{display:none!important}
.paper-site .rfg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;padding:12px 22px;border-bottom:1px solid var(--rfg-edge)}
.paper-site .rfg-site-name{display:flex;align-items:baseline;gap:12px;min-width:0;line-height:1.5}
.paper-site .rfg-site-name strong{font-size:15px;font-weight:700;letter-spacing:-.03em}
.paper-site .rfg-site-name>span{font-size:11px;color:var(--rfg-muted);white-space:nowrap}
.paper-site .rfg-actions{display:flex;align-items:center;gap:21px;flex-shrink:0}
.paper-site .rfg-actions>button{appearance:none;padding:11px 0;border:0;border-radius:0;background:transparent;font:inherit;font-size:12px;color:var(--rfg-muted);cursor:pointer;line-height:1.5}
.paper-site .rfg-actions>a{display:inline-flex;align-items:center;gap:10px;color:var(--rfg-accent);font-size:13px;font-weight:650;line-height:1.5;padding:10px 0;text-decoration:none;border-bottom:1px solid #b77d64}
.paper-site .rfg-actions>a span{font-size:17px}
.paper-site .rfg-viewport{position:relative;height:700px;height:clamp(560px,72vh,780px);overflow:hidden;background:#fff;isolation:isolate}
.paper-site .rfg-frame{display:block;width:100%;height:100%;max-width:none;border:0;border-radius:0;margin:0;background:#fff;transform:none}
.paper-site .rfg-loading{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:32px;background:var(--rfg-paper);color:var(--rfg-muted);text-align:center;pointer-events:none}
.paper-site .rfg-loading[hidden]{display:none!important}
.paper-site .rfg-loading p{font-size:14px;line-height:1.8;margin:0}
.paper-site .rfg-loading-line{width:56px;height:2px;background:var(--rfg-accent)}
.paper-site .rfg-fallback{font-size:12px;line-height:1.8;color:var(--rfg-muted);text-align:center;padding:14px 18px;margin:0;border-top:1px solid var(--rfg-edge)}
.paper-site .rfg-fallback a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.paper-site .rfg-disclosure{font-size:12px;line-height:1.85;text-align:center;color:var(--rfg-muted);margin:17px 0 0}
.paper-site .rfg :is(a,button):focus-visible{outline:2px solid var(--rfg-accent);outline-offset:4px}
.paper-site .rfg-tab:focus-visible{position:relative;z-index:2;outline-offset:-5px}
.paper-site .rfg-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.paper-site .rfg-no-script{padding:20px 0;font-size:14px;line-height:1.8}
.paper-site .rfg-no-script ul{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;margin:0;padding:0}
.paper-site .rfg-no-script a{color:var(--rfg-accent);text-underline-offset:4px}
@container(max-width:640px){
 .paper-site .rfg-intro{display:block;margin-bottom:16px}
 .paper-site .rfg-intro p{font-size:18px}
 .paper-site .rfg-intro>span{display:block;margin-top:5px;font-size:12px}
 .paper-site .rfg-tab{min-height:75px;padding:10px 4px;gap:4px}
 .paper-site .rfg-tab>span{font-size:10px}
 .paper-site .rfg-tab>strong{font-size:13px;line-height:1.4}
 .paper-site .rfg-toolbar{gap:10px;padding:10px 14px;min-height:65px}
 .paper-site .rfg-site-name{display:block}
 .paper-site .rfg-site-name strong{display:block;font-size:13px}
 .paper-site .rfg-site-name>span{display:block;font-size:10px;margin-top:2px}
 .paper-site .rfg-actions{gap:14px}
 .paper-site .rfg-actions>button{font-size:11px}
 .paper-site .rfg-actions>a{font-size:12px;gap:6px}
 .paper-site .rfg-fallback{font-size:11px;padding:12px 14px}
 .paper-site .rfg-disclosure{font-size:11px;text-align:left;margin-top:14px}
}
@media(max-width:650px){.paper-site .rfg-viewport{height:580px;height:clamp(480px,70svh,660px)}.paper-site .rfg-panels{box-shadow:3px 4px 0 #d1c3a654}}
@media(prefers-reduced-motion:reduce){.paper-site .rfg-tab{transition:none}}