.screens-page{font-family:var(--oy-font-sans)}.screens-page .product-section-title{margin-bottom:16px}.screens-page section{margin-bottom:40px}.screens-page section:last-child{margin-bottom:0}.screens-page .template-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:16px!important;display:grid!important}.screens-page .template-grid article{border:1px solid var(--oy-border);transition:box-shadow .15s var(--oy-ease-standard), transform .15s var(--oy-ease-standard);flex-direction:column;display:flex;padding:18px!important}.screens-page .template-grid article:hover{box-shadow:var(--oy-shadow-md);transform:translateY(-1px)}.screens-page .template-grid article>div{margin-bottom:8px}.screens-page .template-grid article>div>span{font-family:var(--oy-font-mono);color:var(--oy-accent);background:var(--oy-accent-subtle);border:1px solid var(--oy-accent-border);border-radius:var(--oy-radius-full);align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.screens-page .template-grid h3{color:var(--oy-fg);letter-spacing:-.01em;margin:4px 0 6px;font-size:14px;font-weight:700}.screens-page .template-grid p{color:var(--oy-fg-muted);flex:1;margin:0 0 14px;font-size:12.5px;line-height:1.6}.screens-page .template-grid article>a{color:var(--oy-accent);font-size:13px;font-weight:600}.screens-page .template-grid article>a:hover{text-underline-offset:3px;text-decoration:underline}.screens-page .screen-builder.functional{box-shadow:var(--oy-shadow-xs);border:1px solid var(--oy-border)!important;border-radius:var(--oy-radius-md)!important;background:var(--oy-bg)!important;margin-bottom:14px!important;padding:22px!important}.screens-page .builder-head{color:var(--oy-fg-muted)!important;gap:8px!important;font-size:13px!important}.screens-page .builder-head select{color:var(--oy-fg);font-family:inherit;border:1px solid var(--oy-border)!important;border-radius:var(--oy-radius-sm)!important;height:auto!important;padding:7px 10px!important;font-size:13px!important}.screens-page .condition-row{background:var(--oy-bg-subtle)!important;border:1px solid var(--oy-border)!important;border-radius:var(--oy-radius-sm)!important;flex-wrap:wrap!important;grid-template-columns:none!important;align-items:center!important;gap:10px!important;margin:0 0 10px!important;padding:10px!important;display:flex!important}.screens-page .condition-row:last-of-type{margin-bottom:0!important}.screens-page .condition-row>span{background:var(--oy-accent-subtle);width:24px;height:24px;color:var(--oy-accent-hover);font-family:var(--oy-font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.screens-page .condition-row label{flex:180px;min-width:0}.screens-page .condition-row label select,.screens-page .condition-row label input{width:100%;color:var(--oy-fg);background:var(--oy-bg);font-family:inherit;border:1px solid var(--oy-border)!important;border-radius:var(--oy-radius-sm)!important;height:auto!important;padding:9px 10px!important;font-size:13px!important}.screens-page .condition-row label:last-of-type{flex:0 110px}.screens-page .condition-row button{color:var(--oy-fg-subtle);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:6px;font-size:16px;line-height:1}.screens-page .condition-row button:hover:not(:disabled){color:var(--oy-fg)}.screens-page .condition-row button:disabled{opacity:.4;cursor:not-allowed}.screens-page .builder-actions{flex-wrap:wrap;gap:10px;justify-content:space-between!important;align-items:center!important;margin-top:14px!important;display:flex!important}.screens-page .builder-actions>button:first-child{cursor:pointer;align-items:center;gap:6px;font-weight:500;display:inline-flex;border:1px dashed var(--oy-border-strong)!important;color:var(--oy-fg-muted)!important;border-radius:var(--oy-radius-sm)!important;background:0 0!important;padding:9px 14px!important;font-size:13px!important}.screens-page .builder-actions>button:first-child:hover:not(:disabled){border-color:var(--oy-fg-subtle)!important;color:var(--oy-fg)!important}.screens-page .builder-actions>span{color:var(--oy-fg-subtle);font-size:12px}.screens-page .screen-policy{color:var(--oy-fg-muted);flex-direction:column;border:1px solid var(--oy-border)!important;border-radius:var(--oy-radius-sm)!important;background:var(--oy-bg-subtle)!important;gap:6px!important;margin:14px 0 0!important;padding:12px 14px!important;font-size:12px!important}.screens-page .screen-policy b{color:var(--oy-fg)}.screens-page .screen-result-actions{gap:10px!important;margin:16px 0!important}.screens-page .screen-result-actions button,.screens-page .screen-result-actions a{color:var(--oy-fg);font-weight:500;border:1px solid var(--oy-border)!important;border-radius:var(--oy-radius-sm)!important;background:var(--oy-bg)!important;padding:9px 14px!important;font-size:13px!important}.screens-page .screen-result-actions .button.primary{font-weight:600;background:var(--oy-accent)!important;border-color:var(--oy-accent)!important;color:#fff!important}.screens-page .screen-result-actions .button.primary:hover{background:var(--oy-accent-hover)!important}.screens-page .screen-result-actions button:hover,.screens-page .screen-result-actions a:hover{background:var(--oy-bg-subtle)!important}.screens-page .screen-table-controls-label{color:var(--oy-fg-subtle)!important;font-size:11px!important}.screens-page .screen-table-controls{border:1px solid var(--oy-border)!important;border-radius:var(--oy-radius-sm)!important;background:var(--oy-bg)!important}.screens-page .screen-table-controls legend{color:var(--oy-fg)!important}.screens-page .screen-table-controls label{color:var(--oy-fg-muted)!important}.screens-page .screen-table-controls select{border:1px solid var(--oy-border)!important;border-radius:var(--oy-radius-sm)!important}.screens-page .query-cost{color:var(--oy-fg-subtle)!important;font-size:12px!important}.screens-page .table-wrap{border:1px solid var(--oy-border)!important;border-radius:var(--oy-radius-md)!important;box-shadow:none!important}.screens-page .screen-results{font-size:13px}.screens-page .screen-results caption{text-align:left;color:var(--oy-fg-subtle);caption-side:top;padding:10px 14px;font-size:12px}.screens-page .screen-results th{color:var(--oy-fg-muted);text-transform:none;letter-spacing:normal;border-bottom:1px solid var(--oy-border);padding:12px 14px;font-size:12px;font-weight:600;background:var(--oy-bg-subtle)!important}.screens-page .screen-results td{border-bottom:1px solid var(--oy-border);color:var(--oy-fg-muted);padding:12px 14px}.screens-page .screen-results td b{color:var(--oy-fg);font-weight:600}.screens-page .screen-results td small{color:var(--oy-fg-subtle)}.screens-page .screen-cell-unavailable{color:var(--oy-fg-faint)!important}.screens-page .screen-why-matched summary{color:var(--oy-accent)!important}.screens-page .screen-why-matched li.matched{color:var(--oy-gain)!important}.screens-page .screen-why-matched li.not-matched{color:var(--oy-loss)!important}.screens-page .screen-why-matched li.inconclusive{color:var(--oy-fg-subtle)!important}.screens-page .data-error{background:var(--oy-loss-bg);color:#b91c1c;border-radius:var(--oy-radius-sm);border:1px solid #fecaca;margin:14px 0;padding:12px 14px;font-size:13px}.screens-page .screen-results-loading{color:var(--oy-fg-subtle);font-size:13px}.screens-page .caveat{color:var(--oy-fg-subtle)!important;font-size:12px!important}.screens-page .method-callout{background:var(--oy-bg-inverse)!important;border-radius:var(--oy-radius-md)!important;grid-template-columns:1fr!important;gap:8px!important;padding:24px 28px!important}.screens-page .method-callout span{letter-spacing:.06em;text-transform:uppercase;font-size:12px;color:var(--oy-fg-onDarkMuted)!important}.screens-page .method-callout h2{color:#fff;margin:6px 0;font-size:20px}.screens-page .method-callout p{font-size:13px;line-height:1.7;color:var(--oy-fg-onDarkMuted)!important}@media (max-width:640px){.screens-page .condition-row{grid-template-columns:none!important}.screens-page .condition-row label,.screens-page .condition-row button{grid-column:auto!important}.screens-page .condition-row label,.screens-page .condition-row label:last-of-type{flex:100%}.screens-page .builder-actions{flex-direction:column;align-items:stretch!important}.screens-page .builder-actions>button:first-child{justify-content:center}.screens-page .screen-result-actions{flex-direction:column}.screens-page .screen-result-actions button,.screens-page .screen-result-actions a{text-align:center;justify-content:center;width:100%}.screens-page .screen-table-controls{grid-template-columns:1fr!important}}