/* Shared completion templates: trust pages, non-live service screens and owner studio. */
.trust-links{display:flex;flex-wrap:wrap;gap:5px 22px;padding:18px 0 4px;font-size:12px}.trust-links a{padding:8px 0;min-height:36px}.screen-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;padding:38px 0 65px;align-items:start}.screen-nav{padding:22px;border:1px solid #ffffff30;background:#ffffff0e;border-radius:12px;display:flex;flex-direction:column;gap:5px}.screen-nav a{font-size:13px;text-decoration:none;padding:9px 0}.screen-nav a[aria-current=page]{color:#afffe5;font-weight:700}.screen-main{min-width:0}.screen-card{padding:30px;border-radius:14px;background:#fff;color:#1d2b3d;border:1px solid #dce4ec;margin-bottom:22px}.screen-card h2{font-size:25px}.screen-card h3{font-size:19px}.screen-card p,.screen-card li,.screen-card dd{color:#536477;font-size:14px;line-height:1.85}.screen-card a:not(.btn){color:#006f55}.screen-card .btn.secondary{color:#24455b;border-color:#9cafbd;background:#f7fafb}.screen-card .field input,.screen-card .field select,.screen-card .field textarea{font-size:16px;background:#f8fafc}.screen-card .micro{color:#617285}.screen-card dl{margin:0}.screen-card dt{font-size:12px;font-weight:700;margin-top:14px}.screen-card dd{margin:3px 0 0}.empty-state{text-align:center;padding:28px 10px}.empty-icon{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 20px;border-radius:50%;background:#edf4f7;font-size:27px;color:#526b85}.state-tag{display:inline-block;padding:4px 9px;background:#eef0f8;color:#526482;font-size:11px;border-radius:4px;margin:0 0 16px}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.screen-grid .screen-card{margin:0}.state-list{list-style:none;margin:0;padding:0;counter-reset:stages}.state-list li{padding:13px 0;border-bottom:1px solid #e2e8ee;display:flex;align-items:flex-start;gap:13px}.state-list li:before{counter-increment:stages;content:counter(stages);border-radius:50%;width:25px;height:25px;flex-shrink:0;text-align:center;background:#edf2f7;font-size:12px;color:#51657d}.state-list small{display:block}.preview-response{padding:16px;background:#e8f6ef;color:#285a48;border-radius:8px;margin-top:20px;font-size:13px}.template-slot{padding:18px;border:1px dashed #9fb0bf;background:#f6f8fa;border-radius:8px;margin:15px 0}.template-slot p{margin:5px 0 0}.template-slot strong{font-size:13px}.table-scroll[tabindex]:focus-visible{outline:3px solid #00bc8d;outline-offset:4px}.screen-card .table-scroll{border-color:#dbe3eb}.screen-card .table-scroll caption{color:#334e67;background:#eef3f7}.editor-layout{display:grid;grid-template-columns:minmax(280px,430px) minmax(0,1fr);gap:25px;padding-bottom:70px;align-items:start}.editor-controls{min-width:0}.editor-preview{min-width:0;position:sticky;top:100px}.editor-preview iframe{width:100%;height:740px;border:1px solid #aebdcf;border-radius:10px;background:white}.editor-fields{max-height:650px;overflow:auto;padding-right:8px}.editor-field{padding:14px 0;border-bottom:1px solid #dce5ed}.editor-field label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.editor-field textarea{width:100%;padding:9px;border:1px solid #aebdcc;border-radius:5px;min-height:80px;font:inherit;font-size:13px;color:#243d51;background:#fafcfd}.editor-status{font-size:13px;line-height:1.8}.editor-page-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.editor-page-index a{display:block;border:1px solid #ffffff35;border-radius:8px;padding:16px;text-decoration:none;font-size:13px}.editor-page-index a span{display:block;font-size:11px;color:#d8e6ee;margin-top:6px;overflow-wrap:anywhere}.screen-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:20px;font-size:13px}.screen-notice{margin-bottom:24px}.screen-card .notice p{color:#674f1b}.screen-card .checkbox{color:#536477}.editor-safety{font-size:12px;color:#567085}.policy-date{font-size:12px}.screen-main .btn{min-height:44px}.screen-card .table-scroll th,.screen-card .table-scroll td{min-width:120px}
@media(max-width:950px){.screen-layout{grid-template-columns:1fr}.screen-nav{flex-direction:row;flex-wrap:wrap;gap:8px 20px}.screen-nav a{padding:5px 0}.editor-layout{grid-template-columns:1fr}.editor-preview{position:static}.editor-page-index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.screen-card{padding:24px 20px}.screen-grid{grid-template-columns:1fr}.screen-layout{padding-top:25px;gap:20px}.screen-nav{padding:18px}.screen-card h2{font-size:23px}.trust-links{font-size:11px;gap:2px 17px}.editor-preview iframe{height:650px}.editor-page-index{grid-template-columns:1fr}.editor-fields{max-height:500px}.screen-card .button-row{gap:10px}.screen-card .btn{font-size:12px}.screen-card .empty-state{padding:18px 0}}
@media print{.screen-nav,.trust-links,.editor-controls,.editor-preview{display:none}.screen-layout{display:block}.screen-card{box-shadow:none;border-color:#bbb}.screen-card p,.screen-card li{color:#333}}
.guide-card h2{font-size:18px;line-height:1.4;letter-spacing:-.4px;margin:14px 0}.related h2{font-size:21px;margin-bottom:12px}
/* REQ-MOB-03 / WCAG 2.2 SC 2.5.8: stand-alone text links get a 24px minimum target height (added 28 Sep 2026). */
.breadcrumb a,.footer-bottom nav a,.footer-links a,.related a,.text-link,.screen-links a{display:inline-block;min-height:24px;line-height:24px}.related a{display:block;min-height:28px;padding:2px 0}.worksheet input,.checkbox input{min-width:24px;min-height:24px}
/* REQ-A11Y-05: two small labels below 4.5:1 darkened (was #9a7935, 3.64:1). */
.priority{color:#6f5418}
.aside-card nav a,.site-header nav a{display:inline-block;min-height:24px;line-height:24px}