:root{color-scheme:light;--ink:#202728;--muted:#7c8584;--line:#e2e7e5;--green:#26745a;--green-soft:#eef6f0;--red:#ae514b;--red-soft:#fff1ed;--blue:#376a91;--bg:#f1f3f2;font-family:system-ui,"Microsoft YaHei",sans-serif;letter-spacing:0;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:18px;height:18px;stroke-width:1.7;flex:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,h4,p{margin:0}button{border:0}input,textarea{width:100%;min-width:0;border:1px solid #cdd6d1;border-radius:6px;padding:11px 12px;background:#fff;color:var(--ink)}textarea{resize:vertical;min-height:96px}label{display:block;font-size:13px;line-height:1.7}label input,label textarea{margin-top:7px}.experience-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 32px;background:#fff;border-bottom:1px solid var(--line)}.experience-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:750;white-space:nowrap}.brand-symbol{display:grid;place-items:center;width:38px;height:38px;background:#253a32;color:#fff;font-size:25px;font-weight:800;border-radius:6px}.brand-sub{display:block;font-size:10px;color:var(--muted);font-weight:500;margin-top:1px}.experience-title{display:flex;align-items:center;gap:14px}.experience-title h1{font-size:20px;font-weight:650}.demo-label{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:4px 8px;border-radius:4px;background:#edf1ee;color:#5c7165;white-space:nowrap}.demo-label>span,.access-state>span:first-child{width:5px;height:5px;background:var(--green);border-radius:50%}.header-actions{display:flex;align-items:center;gap:8px}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;border-radius:5px;flex:none}.icon-button:hover{background:#e9edea;border-color:#dbe1dd}.case-link{display:flex;gap:5px;align-items:center;font-size:12px;padding-left:9px;border-left:1px solid var(--line)}main{padding:0 28px}.experience-toolbar{display:flex;align-items:center;gap:16px;padding:16px 0}.scenario-control{display:flex;background:#e5eae6;padding:3px;border-radius:6px;flex:none}.scenario-control button{font-size:12px;padding:8px 15px;border-radius:4px;background:transparent;color:#65716a;white-space:nowrap}.scenario-control button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #233f2512;color:#254a38;font-weight:700}.project-caption{font-size:12px;color:#718078;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.project-controls{display:flex;gap:5px}.screen-switcher{display:none;gap:5px;padding:0 0 12px}.screen-switcher button{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 10px;background:#e4eae6;color:#65766b;font-size:12px;border-radius:5px;flex:1;white-space:nowrap}.screen-switcher button[aria-selected=true]{color:#fff;background:#2e654f}.screen-switcher svg{width:15px;height:15px}.phone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1700px;margin:0 auto}.phone{position:relative;display:flex;flex-direction:column;min-width:0;height:calc(100dvh - 183px);min-height:520px;max-height:1000px;background:#fff;border:5px solid #26332e;border-radius:30px;box-shadow:0 14px 28px #263c2a0c;overflow:hidden}.phone-status{height:34px;display:flex;align-items:center;justify-content:space-between;padding:7px 17px 2px;position:relative;font-size:10px;font-weight:750;flex:none}.phone-island{position:absolute;left:50%;top:7px;transform:translateX(-50%);width:72px;height:16px;border-radius:15px;background:#26332e}.status-icons{display:flex;gap:3px}.status-icons svg{width:12px;height:12px}.phone-heading{display:flex;justify-content:space-between;align-items:center;padding:13px 17px 15px;border-bottom:1px solid var(--line);flex:none}.phone-heading small{font-size:9px;color:#85978b;display:block;margin-bottom:4px}.phone-heading h2{font-size:19px;font-weight:750}.phone-heading-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;background:#f1f5f2;color:#3f735a}.phone-heading-icon svg{width:20px;height:20px}.phone-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d5ddd6 transparent;padding:17px 15px 22px;background:#fafbfa}.phone-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 17px 22px;font-size:10px;color:#8a978f;background:#fff;border-top:1px solid var(--line);position:relative;flex:none}.home-indicator{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:85px;height:3px;background:#34483b;border-radius:3px}.experience-footer{display:flex;justify-content:space-between;gap:12px;padding:16px 30px;font-size:10px;color:#839086}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:21px 0 11px;font-size:14px;font-weight:750}.section-heading:first-child{margin-top:0}.section-heading small{color:var(--muted);font-weight:450;font-size:10px}.project-cover{position:relative;border-radius:7px;overflow:hidden;background:#e5ebe7}.project-cover img{width:100%;height:138px;object-fit:cover;display:block}.cover-caption{padding:12px 13px;background:#293f34;color:#fff}.cover-caption h3{font-size:17px}.cover-caption p{font-size:11px;color:#bfcdc3;margin-top:5px}.cover-caption .tag{float:right;background:#45604d;color:#fff;font-size:9px}.tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;line-height:1.6;padding:3px 7px;border-radius:4px;background:#eef3ef;color:#4b745c;white-space:normal;max-width:100%}.tag.red{background:var(--red-soft);color:var(--red)}.tag.blue{background:#edf3f8;color:var(--blue)}.tag.gray{background:#ecefed;color:#778379}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0 0;border-bottom:1px solid var(--line)}.summary-item{padding:12px 2px;border-top:1px solid var(--line);min-width:0}.summary-item:nth-child(even){padding-left:12px;border-left:1px solid var(--line)}.summary-item small{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.summary-item strong{font-size:18px;line-height:1.25;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.summary-item.date strong{font-size:13px}.progress-heading{display:flex;justify-content:space-between;font-size:11px;margin-top:15px;color:#6c7d71}.progress-heading strong{color:var(--green)}.progress-track{height:5px;margin:8px 0 12px;background:#e8ede9;border-radius:3px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--green);transition:width .3s}.stage-track{display:flex;justify-content:space-between;font-size:9px;color:#93a096}.stage-track span.done{color:var(--green);font-weight:700}.task-list{display:grid;gap:6px}.task-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:10px;background:#f0f4f0;border:1px solid #e0e7df;border-radius:6px;color:#476a54;font-size:11px;line-height:1.5}.task-button svg{width:13px;height:13px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.team-row{display:flex;gap:8px;align-items:center;min-width:0}.avatar{width:30px;height:30px;border-radius:5px;background:#eaf1ec;color:#4f795e;display:grid;place-items:center;font-size:12px;flex:none}.team-row:nth-child(2) .avatar{color:#466d87;background:#eaf0f5}.team-row:nth-child(3) .avatar{color:#986456;background:#f7ede9}.team-row:nth-child(4) .avatar{color:#77754f;background:#f0f0e5}.team-row strong{display:block;font-size:11px}.team-row small{font-size:9px;color:var(--muted)}.action-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-tile{display:flex;align-items:center;gap:7px;text-align:left;font-size:11px;padding:11px 8px;border:1px solid var(--line);background:#fff;border-radius:6px}.action-tile svg{color:#56806a;width:16px;height:16px}.record-list{display:grid;gap:0}.record-row{padding:10px 0;border-top:1px solid var(--line);font-size:11px;line-height:1.65;overflow-wrap:anywhere}.record-row strong{font-size:11px}.record-row small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.record-row.rejected{border-left:2px solid #c97666;padding-left:10px}.record-row.passed{border-left:2px solid #5c9271;padding-left:10px}.paper-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:14px 10px;margin-bottom:8px;border:1px solid var(--line);border-radius:6px;background:#fff;text-align:left}.paper-row>span{min-width:0;flex:1}.paper-row strong{display:block;font-size:12px}.paper-row small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.paper-row>svg{color:#73907c}.paper-row .tag{flex:none;font-size:9px}.money-panel{border-bottom:1px solid var(--line);padding:12px 0}.money-panel small{font-size:10px;color:var(--muted)}.money-panel strong{display:block;font-size:27px;color:#264f39;line-height:1.4;font-variant-numeric:tabular-nums}.money-panel p{font-size:10px;color:var(--muted);margin-top:2px}.detail-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:11px;padding:8px 0;border-bottom:1px solid var(--line)}.detail-line span:first-child{color:var(--muted)}.detail-line strong{text-align:right;font-weight:650;overflow-wrap:anywhere}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border-radius:5px;font-size:12px;padding:9px 12px;line-height:1.4}.primary-button{background:var(--green);color:#fff}.primary-button:hover{background:#205d49}.secondary-button{background:#eef2ee;color:#4f6a56;border:1px solid #dce5dc}.danger-button{background:var(--red-soft);color:var(--red);border:1px solid #eed6cf}.button-row{display:flex;gap:7px;margin-top:12px}.button-row>button{flex:1;min-width:0}.full-button{width:100%;margin-top:12px}.text-button{display:inline-flex;align-items:center;justify-content:center;font-size:12px;padding:7px 2px;background:transparent;color:var(--green)}.danger{color:var(--red)}.note{font-size:10px;line-height:1.7;color:#859087;margin-top:9px}.material-card{overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff;margin-bottom:13px}.material-photo{height:95px;position:relative}.material-photo img{display:block;width:100%;height:100%;object-fit:cover}.material-photo>small{position:absolute;bottom:5px;right:7px;color:#fff;background:#283d32b3;font-size:9px;padding:2px 5px;border-radius:3px}.material-content{padding:11px}.material-title{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.material-title h3{font-size:12px;line-height:1.6}.material-content p{font-size:10px;color:var(--muted);line-height:1.7;margin-top:5px}.material-specs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:7px 0;font-size:10px;color:#6d7b72}.material-specs span:last-child{text-align:right}.material-content .button-row{margin-top:8px}.material-content button{font-size:10px;padding:7px;min-height:32px}.reason-note{background:#fff5f1;color:#9b5a4c;padding:8px;border-radius:4px;overflow-wrap:anywhere;font-size:10px;line-height:1.6;margin-top:8px}.inspection-block{padding:13px;border:1px solid var(--line);border-radius:7px;background:#fff}.inspection-block h3{font-size:14px;margin-bottom:7px}.inspection-block .inspection-photo{display:block;width:100%;height:110px;object-fit:cover;border-radius:4px;margin:10px 0 6px}.inspection-check{display:flex;justify-content:space-between;font-size:10px;padding:6px 0;border-bottom:1px solid var(--line)}.inspection-check strong{color:var(--green)}.advance-button{width:100%;margin-top:11px;justify-content:space-between;background:#edf3f7;color:#426982;border:1px solid #dce6ed}.empty-state{text-align:center;padding:17px 6px;color:#87968b;font-size:11px;line-height:1.7}.small-stats{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#6d7b73;margin-bottom:12px}.small-stats strong{color:var(--green)}.badge-number{font-size:10px;border-radius:4px;background:#eaf1eb;padding:1px 5px;color:#497354}.phone.flash{animation:panel-flash .9s ease}.phone [data-target].target-flash{animation:target-flash 1.2s ease}.photo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.photo-strip button{padding:0;background:transparent}.photo-strip img{width:100%;height:65px;display:block;object-fit:cover;border-radius:4px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;padding:12px 18px;color:#fff;background:#283e32;border-radius:6px;box-shadow:0 8px 25px #182e2433;font-size:12px;max-width:calc(100% - 32px);text-align:center;line-height:1.6}.storage-note{color:var(--red);font-size:11px}dialog{padding:22px;border:1px solid var(--line);border-radius:8px;max-width:calc(100% - 28px);width:460px;max-height:85dvh;overflow:auto;color:var(--ink);box-shadow:0 18px 70px #1a34242b}dialog::backdrop{background:#18271dcc;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.dialog-heading h2{font-size:19px}.dialog-kicker{display:block;font-size:10px;color:#779482;margin-bottom:5px}.dialog-actions{display:flex;gap:8px;margin-top:18px}.dialog-actions button{flex:1}.dialog-copy{font-size:12px;color:#67786c;line-height:1.8;margin-bottom:14px}.dialog-check{display:flex;gap:8px;align-items:flex-start;margin-top:14px;font-size:12px}.dialog-check input,.check-label input{width:16px;height:16px;flex:none;margin:3px 0 0;accent-color:var(--green)}#dialogError{font-size:11px;color:var(--red);margin-top:8px}.budget-detail{padding:10px 0;border-top:1px solid var(--line);font-size:12px}.budget-detail header{display:flex;justify-content:space-between;gap:8px}.budget-detail header strong{font-size:12px}.budget-detail small{display:block;color:var(--muted);margin-top:5px}.budget-detail p{font-size:11px;color:#6b7d6f;line-height:1.8;margin-top:7px}.dialog-image{display:block;width:100%;height:auto;border-radius:5px}.service-document{font-size:12px;line-height:1.9}.service-document h3{font-size:14px;margin:15px 0 5px}.service-document ul{padding-left:20px}.preview-frame{position:relative}.preview-frame span{position:absolute;bottom:12px;left:10px;right:10px;padding:7px;color:white;background:#203527c9;border-radius:4px;font-size:11px}.session-row{padding:14px 0;border-bottom:1px solid var(--line)}.session-row header{display:flex;justify-content:space-between;gap:8px;font-size:13px}.session-row p{font-size:11px;color:var(--muted);overflow-wrap:anywhere;line-height:1.7}.session-row small{font-size:10px;color:var(--muted)}
.access-page{min-height:100dvh;background:#1e2e26;color:white;position:relative;isolation:isolate}.access-background{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.access-page::before{content:"";position:fixed;inset:0;background:#13251cc9;z-index:-1}.access-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 38px;border-bottom:1px solid #ffffff20}.access-header>span{color:#ccd9ce;font-size:12px;margin-left:auto}.access-header .brand-symbol{background:#f2f6f0;color:#284031}.access-header .brand-sub{color:#b6c9bc}.access-header .icon-button{color:#fff}.access-header .icon-button:hover{background:#ffffff12;border-color:#ffffff22}.access-main{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px 20px;min-height:calc(100dvh - 138px)}.access-heading{text-align:center;margin-bottom:24px}.access-overline{font-size:10px;color:#b4c8ba}.access-heading h1{font-size:30px;font-weight:550;margin-top:10px}.access-heading p{font-size:12px;color:#d3ddd5;margin-top:9px}.qr-tool{width:350px;max-width:100%;text-align:center;padding:20px 24px;background:#fffffff5;color:#263c2f;border:1px solid #ffffff60;border-radius:8px;box-shadow:0 24px 80px #101e143d}.access-state{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#5e7d67;margin-bottom:14px}.experience-qr{width:220px;height:220px;background:#fff;padding:8px;margin:0 auto 17px;border:1px solid #e3e9e2;border-radius:5px}.experience-qr img,.experience-qr canvas{width:204px!important;height:204px!important;display:block}.qr-tool h2{font-size:18px;font-weight:700}.qr-tool>p{font-size:11px;color:#829085;line-height:1.8;margin-top:8px}.access-code{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid #dfe7df}.access-code span{font-size:10px;color:#829085}.access-code strong{font-size:24px;font-variant-numeric:tabular-nums}.access-expiry{font-size:10px!important;margin-top:9px!important}.access-admin{display:flex;flex-direction:column;margin-top:12px;border-top:1px solid #dfe7df;padding-top:12px}.access-admin .primary-button{width:100%}.access-admin .text-button{font-size:10px;margin-top:4px}.access-stages{display:flex;align-items:center;gap:12px;margin-top:23px;font-size:11px;color:#cfdbd0}.access-stages svg{width:12px;height:12px;color:#88a68f}.access-footer{display:flex;justify-content:space-between;gap:12px;padding:16px 38px;color:#bacbbd;font-size:10px;border-top:1px solid #ffffff20}.authorization-page{background:#f3f5f2}.authorization-main{max-width:460px;min-height:100dvh;margin:auto;padding:28px 24px;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.authorization-brand{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:38px}.authorization-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid #dce6da;border-radius:8px;color:var(--green);background:#eaf1e8;margin-bottom:18px}.authorization-icon svg{width:26px;height:26px}.authorization-main>.demo-label{align-self:flex-start}.authorization-main h1{font-size:27px;margin:14px 0 10px}.authorization-main>p{font-size:13px;line-height:1.8;color:#7b897e}.authorization-main dl{display:grid;grid-template-columns:74px 1fr;font-size:12px;gap:10px;line-height:1.8;margin:20px 0}.authorization-main dt{color:#7d8c80}.authorization-main dd{margin:0;overflow-wrap:anywhere}.authorize-code{font-size:36px;font-variant-numeric:tabular-nums;margin:12px 0 16px;align-self:center}.check-label{display:flex;gap:8px;align-items:flex-start;font-size:12px;margin-bottom:16px}.authorization-main .primary-button{width:100%;min-height:44px}.authorization-main>.text-button{margin-top:12px}.authorization-note{font-size:10px!important;border-top:1px solid #dfe6db;padding-top:18px;margin-top:20px!important}.launch-page{min-height:100dvh;display:grid;place-items:center}.launch-content{text-align:center;padding:30px}.launch-content h1{font-size:23px;margin:18px 0 10px}.launch-content p{font-size:13px;color:var(--muted);margin-bottom:17px}
@keyframes panel-flash{50%{box-shadow:0 0 0 3px #81ad8d,0 14px 28px #263c2a14}}@keyframes target-flash{50%{background:#dcece1}}
@media(min-width:1900px){main{padding:0 50px}.phone-grid{gap:34px}.phone-body{padding:19px 20px}.phone-heading{padding-left:21px;padding-right:21px}.project-cover img{height:165px}}
@media(min-width:1100px) and (max-width:1420px){.phone-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px;gap:25px}.screen-switcher{display:flex;max-width:530px}.phone{height:calc(100dvh - 228px)}.phone[data-hidden=true]{display:none}}
@media(min-width:700px) and (max-width:1099px){.phone-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:780px}.screen-switcher{display:flex}.phone{height:calc(100dvh - 225px)}.phone[data-hidden=true]{display:none}.project-caption{display:none}.experience-title h1{font-size:17px}.experience-title{gap:7px}.experience-header{padding:12px 20px}.case-link{display:none}}
@media(max-width:699px){.experience-header{padding:10px 14px;gap:8px}.experience-brand{font-size:17px;gap:7px}.brand-symbol{width:30px;height:30px;font-size:20px}.brand-sub{font-size:8px}.experience-title{margin-left:auto}.experience-title h1{font-size:14px}.experience-title .demo-label{display:none}.header-actions{gap:2px}.header-actions .case-link,.header-actions [data-action=fullscreen]{display:none}.header-actions .icon-button{width:29px;height:30px}.header-actions svg{width:15px;height:15px}main{padding:0 12px}.experience-toolbar{padding:11px 0;gap:6px}.scenario-control{flex:1;justify-content:space-between}.scenario-control button{font-size:11px;padding:8px 9px;flex:1}.project-caption{display:none}.project-controls{gap:0}.project-controls .icon-button{width:28px;height:30px}.screen-switcher{display:flex;padding-bottom:10px}.screen-switcher button{padding:9px 3px;font-size:10px;gap:3px}.screen-switcher svg{width:13px;height:13px}.phone-grid{display:block;max-width:440px}.phone{height:calc(100dvh - 176px);min-height:400px;border-width:3px;border-radius:22px;box-shadow:none}.phone[data-hidden=true]{display:none}.phone-heading{padding:10px 15px 12px}.phone-heading h2{font-size:18px}.phone-body{padding:15px}.phone-status{height:28px}.phone-status .phone-island{height:13px;width:65px}.experience-footer{padding:12px 15px;font-size:9px;justify-content:center}.experience-footer>span:last-child{display:none}.phone-footer{padding-bottom:18px}.project-cover img{height:150px}.access-header{padding:16px 18px}.access-header>span{font-size:9px}.access-main{padding:24px 18px;min-height:calc(100dvh - 119px)}.access-heading h1{font-size:26px}.access-heading{margin-bottom:18px}.qr-tool{width:330px;padding:18px 20px}.access-footer{padding:14px 18px;font-size:9px}.access-stages{font-size:10px;gap:7px}.access-stages svg{width:10px}.access-overline{font-size:9px}dialog{padding:18px}.toast{bottom:15px}.dialog-heading h2{font-size:17px}}
@media(max-height:700px) and (min-width:700px){.phone{min-height:400px}.access-main{padding-top:18px;padding-bottom:18px}.access-heading{margin-bottom:15px}.access-heading h1{font-size:24px}.access-heading p{display:none}.qr-tool{padding:15px 24px}.experience-qr{margin-bottom:12px}.access-stages{margin-top:15px}.access-header{padding-top:13px;padding-bottom:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.phone-body .task-button,.phone-body .record-row,.phone-body .record-row strong,.phone-body .action-tile{font-size:12px}
.phone-body .record-row small,.phone-body .note{font-size:10px}
.phone-body .detail-line,.phone-body .material-content p,.phone-body .material-specs,.phone-body .inspection-check{font-size:12px}
.phone-body .paper-row strong,.phone-body .material-title h3{font-size:13px}
.phone-body .material-content button,.phone-body .primary-button,.phone-body .secondary-button,.phone-body .danger-button{font-size:12px}
.phone-body .section-heading{font-size:15px}
.phone-body .team-row strong{font-size:12px}.phone-body .team-row small{font-size:10px}

/* Size the phone frames from the remaining viewport, with scrolling inside. */
.experience-page{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.experience-page .experience-header{padding-top:12px;padding-bottom:12px}
.experience-page>main{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:0;padding-bottom:6px}
.experience-page .experience-toolbar{grid-row:1;padding:10px 0}
.experience-page .screen-switcher{grid-row:2;padding-bottom:8px}
.experience-page .phone-grid{grid-row:3;min-height:0;width:100%;grid-template-rows:minmax(0,1fr)}
.experience-page .phone{height:100%;min-height:0;max-height:none}
.experience-page .experience-footer{padding-top:9px;padding-bottom:9px}
@media(max-height:600px){
  .experience-page .experience-header{padding-top:8px;padding-bottom:8px}
  .experience-page .experience-toolbar{padding:6px 0}
  .experience-page .screen-switcher{padding-bottom:5px}
  .experience-page .experience-footer{padding-top:6px;padding-bottom:6px}
  .experience-page .phone-status{height:25px;padding-top:4px}
  .experience-page .phone-island{height:12px;top:5px}
  .experience-page .phone-heading{padding-top:6px;padding-bottom:7px}
  .experience-page .phone-heading h2{font-size:17px}
  .experience-page .phone-heading small{margin-bottom:2px}
  .experience-page .phone-footer{padding-top:5px;padding-bottom:17px}
}
@media(max-width:699px){
  .experience-page .experience-header{padding-top:8px;padding-bottom:8px}
  .experience-page .experience-toolbar{padding:8px 0}
  .experience-page .experience-footer{padding-top:7px;padding-bottom:7px}
}