.ifd-phone-explorer{--phone-blue:#185fa5;--phone-navy:#0b1220;--phone-cyan:#45bfd0;--phone-ink:#16212d;--phone-muted:#5b6977;color:var(--phone-ink);font-family:Inter,Arial,sans-serif}
.ifd-phone-explorer *{box-sizing:border-box}.ifd-phone-explorer button,.ifd-phone-explorer input,.ifd-phone-explorer select{font:inherit}.ifd-phone-explorer button,.ifd-phone-explorer select{min-height:2.75rem}.ifd-phone-explorer button{cursor:pointer}.ifd-phone-explorer button:focus-visible,.ifd-phone-explorer input:focus-visible,.ifd-phone-explorer select:focus-visible,.ifd-phone-explorer summary:focus-visible{outline:3px solid #f2a900;outline-offset:2px}
body.ifd-phone-active .md-content__inner>h1,body.ifd-phone-active .md-content__inner:before{display:none}body.ifd-phone-active .md-main__inner,body.ifd-phone-active .md-content,body.ifd-phone-active .md-content__inner{max-width:none;margin:0;padding:0}
.phone-loading,.phone-load-error{max-width:58rem;margin:2rem auto;padding:1.2rem;border:1px solid #b9c7d4;border-radius:.6rem;background:#fff}.phone-load-error{border-left:5px solid #9a343a}.phone-load-error h1{margin-top:0}
.phone-explorer-shell{min-height:calc(100vh - 7rem);display:grid;grid-template-columns:minmax(19rem,27rem) minmax(22rem,1fr);background:linear-gradient(145deg,#eef4f8,#dbe8ef)}
.phone-controls{padding:clamp(1.2rem,3vw,2.4rem);color:#eaf2f8;background:linear-gradient(160deg,#071426,#0b2942)}.phone-kicker{color:#7ed7e3;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.phone-controls h1{margin:.35rem 0 .65rem;color:#fff;font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.05}.phone-controls>p{color:#c7d4df;line-height:1.5}.phone-controls>label{display:block;margin:1.3rem 0 .35rem;color:#dbe8f1;font-size:.78rem;font-weight:800}.phone-controls>select{width:100%;padding:.5rem;color:#152738;border:1px solid #8ba2b4;border-radius:.4rem;background:#fff}
.phone-control-card{display:grid;gap:.24rem;margin-top:1rem;padding:.85rem;border:1px solid #36546c;border-radius:.55rem;background:rgba(255,255,255,.07)}.phone-control-card span,.phone-control-card small{color:#b8c9d7}.phone-control-card span{font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.phone-control-card strong{font-size:.95rem}.phone-control-card code{width:max-content;padding:.25rem .5rem;color:#071426;border-radius:.3rem;background:#eaf8fa;font-size:1.25rem;font-weight:900;letter-spacing:.18em}
.phone-control-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:1rem}.phone-control-actions button{padding:.5rem;color:#eaf2f8;border:1px solid #6f8799;border-radius:.4rem;background:#173d59}.phone-control-actions button:hover{background:#205171}.phone-control-actions button:last-child{grid-column:1/-1;color:#153149;background:#e9f2f6}
.phone-controls details{margin-top:1rem;border:1px solid #36546c;border-radius:.5rem;background:rgba(255,255,255,.04)}.phone-controls summary{padding:.75rem;cursor:pointer;font-weight:800}.phone-controls details dl{margin:0;padding:0 .75rem .75rem}.phone-controls details dl>div{padding:.55rem 0;border-top:1px solid #36546c}.phone-controls dt{color:#7ed7e3;font-weight:850}.phone-controls dd{margin:.18rem 0 0;color:#c7d4df;font-size:.82rem;line-height:1.4}.phone-provenance{font-size:.74rem}
.phone-stage{display:grid;place-items:start center;padding:clamp(1rem,3vw,2.8rem);overflow:hidden}.phone-device{width:min(100%,25rem);padding:.7rem;border:2px solid #1b2229;border-radius:2.2rem;background:#101418;box-shadow:0 1.4rem 3rem rgba(17,33,47,.28)}.phone-speaker{width:5rem;height:.32rem;margin:.05rem auto .55rem;border-radius:1rem;background:#3f474d}.phone-display{height:min(45rem,76vh);min-height:37rem;display:flex;flex-direction:column;overflow:hidden;border-radius:1.45rem;background:#f7f9fb}.phone-status{height:2rem;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding:0 .8rem;color:#e9f4f6;background:#12394b;font-size:.72rem;font-weight:800}.phone-screen,.phone-lock{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.phone-lock{padding:1.2rem;color:#fff;background:linear-gradient(165deg,#1c5265 0%,#173545 48%,#291f3e 100%)}.phone-lock-date{margin:.5rem 0 0;text-align:center}.phone-lock h2{margin:.05rem 0 .7rem;color:#fff;text-align:center;font-size:3rem}.phone-access-badge{width:max-content;max-width:100%;margin:0 auto 1rem;padding:.3rem .55rem;border:1px solid rgba(255,255,255,.4);border-radius:1rem;background:rgba(0,0,0,.18);font-size:.72rem}.phone-notifications{display:grid;gap:.45rem}.phone-notifications>div{padding:.65rem;color:#122431;border-radius:.65rem;background:rgba(255,255,255,.88)}.phone-notifications p{margin:.15rem 0 0;font-size:.8rem}.phone-empty{padding:1rem;color:var(--phone-muted);text-align:center}.phone-lock .phone-empty{color:#e3edf2}.phone-pin-form{display:grid;grid-template-columns:1fr auto;gap:.45rem;margin-top:1.2rem;padding:.85rem;border-radius:.75rem;background:rgba(4,15,25,.46)}.phone-pin-form label,.phone-pin-form small,.phone-pin-form .phone-error{grid-column:1/-1}.phone-pin-form input{min-width:0;padding:.6rem;border:1px solid #a8bbc6;border-radius:.4rem;background:#fff;font-size:1.05rem;letter-spacing:.2em}.phone-pin-form button{padding:.5rem .8rem;color:#fff;border:0;border-radius:.4rem;background:#185fa5}.phone-pin-form small{color:#c8dce5}.phone-error{min-height:1rem;margin:0;color:#ffd0d0;font-size:.78rem;font-weight:800}
.phone-screen{background:#f7f9fb}.phone-screen-head{padding:1rem 1rem .7rem;border-bottom:1px solid #d9e0e6;background:#fff}.phone-screen-head span{color:#547181;font-size:.67rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.phone-screen-head h2{margin:.15rem 0;color:#183b50;font-size:1.45rem}.phone-summary{display:grid;gap:.25rem;margin:.9rem;padding:1rem;color:#eaf4f8;border-radius:.9rem;background:linear-gradient(140deg,#185fa5,#173d59)}.phone-summary span{font-size:.8rem}.phone-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;padding:.9rem}.phone-app{position:relative;display:grid;place-items:center;gap:.35rem;min-width:0;padding:.55rem .2rem;color:#203544;border:0;background:transparent}.phone-app>span{display:grid;place-items:center;width:3rem;height:3rem;color:#fff;border-radius:.9rem;background:#236a8b;font-size:1.45rem}.phone-app strong{font-size:.72rem}.phone-app small{position:absolute;top:.2rem;right:.5rem;display:grid;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .25rem;color:#fff;border:2px solid #f7f9fb;border-radius:1rem;background:#a93842;font-size:.65rem;font-weight:850}
.phone-list{display:grid}.phone-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .6rem;padding:.8rem 1rem;color:#1b303e;text-align:left;border:0;border-bottom:1px solid #dce3e8;background:#fff}.phone-row:hover{background:#edf5f8}.phone-row>span{font-weight:800}.phone-row>b{grid-column:2;grid-row:1/4;align-self:center;color:#547181;font-size:1.45rem}.phone-row>small,.phone-row>time{grid-column:1;color:#61727e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.phone-facts{margin:0;padding:.35rem 1rem;background:#fff}.phone-facts>div{display:grid;grid-template-columns:minmax(7rem,.8fr) minmax(0,1.2fr);gap:.7rem;padding:.7rem 0;border-bottom:1px solid #e0e6eb}.phone-facts dt{color:#60717d}.phone-facts dd{margin:0;font-weight:800;overflow-wrap:anywhere}.phone-avatar{display:grid;place-items:center;width:4.5rem;height:4.5rem;margin:1.2rem auto .5rem;color:#fff;border-radius:50%;background:#236a8b;font-size:1.35rem;font-weight:900}.phone-centred{text-align:center}.phone-muted{color:var(--phone-muted)}.phone-primary,.phone-contact-link{display:block;margin:.8rem auto;padding:.55rem .8rem;color:#fff;border:0;border-radius:.4rem;background:#185fa5}.phone-contact-link{margin:.65rem 1rem;background:#31596f}
.phone-thread{display:grid;gap:.55rem;padding:1rem}.phone-bubble{max-width:84%;padding:.65rem;border-radius:.8rem;background:#e1e8ed}.phone-bubble.is-out{justify-self:end;background:#d8eff2}.phone-bubble p{margin:0 0 .3rem}.phone-bubble time{display:block;color:#5d6d77;font-size:.65rem}.phone-bubble button{display:block;width:100%;margin:.4rem 0;padding:.45rem;color:#185fa5;text-align:left;border:1px solid #abc0cc;border-radius:.35rem;background:#fff;font-size:.72rem;font-weight:800}
.phone-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.6rem}.phone-photo-grid button{min-width:0;padding:0;overflow:hidden;color:#233845;text-align:left;border:0;border-radius:.35rem;background:#fff}.phone-photo-grid span,.phone-photo-large{display:grid;place-items:center;aspect-ratio:1.25;color:rgba(255,255,255,.8);background:var(--photo);font-size:2.5rem}.phone-photo-grid strong{display:block;padding:.45rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.phone-photo-large{aspect-ratio:1.2;margin:.75rem;border-radius:.6rem;font-size:5rem}.phone-file-icon{display:grid;place-items:center;width:5rem;height:5rem;margin:1.2rem auto;color:#fff;border-radius:.7rem;background:#236a8b;font-size:2.2rem}
.phone-system-nav{height:3.15rem;display:grid;grid-template-columns:repeat(3,1fr);flex:0 0 auto;border-top:1px solid #c9d3db;background:#f0f3f5}.phone-system-nav button{min-height:3.15rem;color:#294354;border:0;background:transparent;font-size:1.3rem}.phone-system-nav button:hover{background:#dfe8ed}
@media(max-width:800px){.phone-explorer-shell{grid-template-columns:1fr}.phone-controls{padding:1rem}.phone-control-actions{grid-template-columns:1fr 1fr}.phone-stage{padding:1rem .5rem 2rem}.phone-display{height:42rem;max-height:78vh}.phone-device{width:min(100%,23rem)}}
@media(max-width:420px){.phone-control-actions{grid-template-columns:1fr}.phone-control-actions button:last-child{grid-column:auto}.phone-stage{padding:.55rem 0 1.2rem}.phone-device{width:calc(100% - .6rem);padding:.45rem;border-radius:1.7rem}.phone-display{height:39rem;min-height:34rem;border-radius:1.2rem}.phone-facts>div{grid-template-columns:1fr;gap:.2rem}.phone-lock h2{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){.ifd-phone-explorer *{scroll-behavior:auto!important}}