/* The article inherits MobileShield's presentation without modifying that page. */
@import url('../mobileshield-ai/styles.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
/* Live-text hierarchy: three sibling views within Storage, not a process flow. */
.ia-chart{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft)}
.ia-chart ul{margin:0;list-style:none;padding:0}.ia-chart li{margin:0;min-width:0}
.ia-node{display:block;margin:0 0 16px;padding:14px 18px;border:1px solid var(--line);border-radius:8px;background:white;font-size:1rem;letter-spacing:0;line-height:1.5}
.ia-brand{background:var(--navy);color:white;font-size:1.25rem}
.ia-chart .ia-branches{border-left:2px solid var(--line);margin-left:18px;padding-left:24px}.ia-branches>li{position:relative;margin-top:24px}.ia-branches>li:before{content:'';position:absolute;left:-24px;top:26px;width:24px;border-top:2px solid var(--line)}
.ia-chart .ia-navigation{padding:0 16px 8px}.ia-navigation li+li{margin-top:12px}
.ia-chart .ia-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:2px solid var(--line);padding-top:20px}.ia-views>li{position:relative;padding:20px;background:white;border:1px solid var(--line);border-radius:8px}.ia-views>li:before{content:'';position:absolute;top:-22px;left:24px;height:20px;border-left:2px solid var(--line)}.ia-views h4{font-size:1.05rem;line-height:1.4}.ia-chart .ia-views ul{list-style:disc;padding-left:18px}.ia-views ul li{margin-top:10px}.ia-note{margin-top:24px}
.prototype-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.prototype-note{max-width:75ch;margin:24px auto 0;color:#d7e1e9;font-size:.95rem}.screen-description{margin-top:24px}
.screen-media:has(img){aspect-ratio:var(--screen-ratio,3/2)}
.content>.screen>h2{white-space:normal!important}.content>.screen+.decision{margin-block:32px}
@media(max-width:900px){.ia-chart .ia-views{grid-template-columns:1fr}.ia-views>li:before{display:none}.ia-chart .ia-views{border-top:0;border-left:2px solid var(--line);padding:0 0 0 16px}}
@media(max-width:700px){.ia-chart{padding:16px}.ia-chart .ia-branches{margin-left:0;padding-left:12px}.ia-branches>li:before{left:-12px;width:12px}.ia-views>li{padding:16px}.nav .prototype-links{gap:6px}}
.button:disabled{cursor:not-allowed;opacity:.72;font-family:inherit}
.content>.screen{margin-top:32px}.content>.screen>h2{white-space:normal}
.theme-picker{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border:0;padding:0;margin:24px 0 16px}.theme-picker legend{font-size:14px;font-weight:600;margin-bottom:8px}.theme-picker label{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-control,#738398);border-radius:6px;cursor:pointer}.theme-picker label:has(:checked){background:var(--background-selected,#E6F5F7);color:var(--text-primary,#172B4D)}.theme-picker input{accent-color:var(--action-primary,#007C91);margin:0;width:16px;height:16px}.theme-picker input:focus-visible{outline:2px solid var(--focus-ring,#007C91);outline-offset:4px}
.screen-media{aspect-ratio:3/2;margin:24px 0 0;background:#F4F7FA;border:1px solid #DCE3ED;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#172B4D}.screen-media[data-theme=dark]{background:#101419;color:#F1F5F9;border-color:#34404E}.screen-media p{margin:8px 0}.screen-media span{font-size:14px}.screen-media img{width:100%;height:100%;object-fit:contain}.screen-media:has(img){padding:0}
.product-preview{padding:24px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--background-canvas);color:var(--text-primary);font-family:Inter,sans-serif;letter-spacing:0}.product-preview h3,.product-preview h4{color:var(--text-primary)}.product-preview h3{letter-spacing:0;font-size:18px;line-height:26px}.product-preview .muted{color:var(--text-secondary)}
.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.swatch{border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;background:var(--background-surface)}.swatch-color{height:64px;border-bottom:1px solid var(--border-subtle)}.swatch p{padding:12px;margin:0;font-size:12px}.swatch code{display:block}
.token-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.token-table th,.token-table td{text-align:left;padding:8px 4px;border-bottom:1px solid var(--border-subtle);overflow-wrap:anywhere}.token-table th:first-child{width:48%}.product-preview details{margin-top:24px}.product-preview summary{cursor:pointer;font-weight:600}.product-preview :focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}
.type-samples{display:grid;gap:8px}.type-sample{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;padding:12px;background:var(--background-surface);border:1px solid var(--border-subtle);border-radius:8px}.type-sample small{font-size:12px;line-height:18px;color:var(--text-secondary)}
.button-samples{display:flex;flex-wrap:wrap;gap:20px}.button-sample{display:grid;gap:8px;font-size:12px}.product-button{width:132px;height:40px;border:0;border-radius:6px;background:var(--action-primary);color:var(--action-on-primary);font:600 14px/22px Inter,sans-serif;display:inline-flex;align-items:center;justify-content:center}.product-button.is-hover{background:var(--action-hover)}.product-button.is-pressed{background:var(--action-pressed)}.product-button.is-focus{outline:2px solid var(--focus-ring);outline-offset:2px}.product-button:disabled{background:var(--action-disabled);color:var(--text-disabled)}.status-samples{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.status-samples span{padding:6px 12px;border-radius:6px;font-size:14px}.dimensions{font-size:14px;color:var(--text-secondary)}
@media(max-width:700px){.product-preview{padding:16px}.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-media{padding:12px}.screen-media strong{font-size:16px}}

.product-preview[data-theme=light]{--background-canvas:#F4F7FA;--background-surface:#FFFFFF;--background-hover:#EEF3F7;--background-selected:#E6F5F7;--text-primary:#172B4D;--text-secondary:#52637A;--text-disabled:#7A889D;--border-subtle:#DCE3ED;--border-control:#7A889D;--action-primary:#007C91;--action-hover:#006577;--action-pressed:#005361;--action-on-primary:#FFFFFF;--action-disabled:#E4E9EF;--focus-ring:#007C91;--status-success-text:#067647;--status-success-background:#ECFDF3;--status-warning-text:#9A5700;--status-warning-background:#FFF4E5;--status-error-text:#B42318;--status-error-background:#FEF3F2}
.product-preview[data-theme=dark]{--background-canvas:#101419;--background-surface:#191F27;--background-hover:#242E39;--background-selected:#163840;--text-primary:#F1F5F9;--text-secondary:#A7B3C2;--text-disabled:#7B8796;--border-subtle:#34404E;--border-control:#738398;--action-primary:#58D8E8;--action-hover:#80E4EF;--action-pressed:#32BECE;--action-on-primary:#101419;--action-disabled:#303A46;--focus-ring:#58D8E8;--status-success-text:#6CE9A6;--status-success-background:#15382A;--status-warning-text:#F6BD60;--status-warning-background:#352B1C;--status-error-text:#FF7979;--status-error-background:#3C2226}