.mobile-provenance{font-size:14px;max-width:850px;border-left:3px solid #c17a39;padding-left:18px;margin:0 0 18px}.mobile-instruction{font-size:13px;color:#62645a;max-width:790px}.mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;max-width:980px;margin:40px auto}.mobile-example{min-width:0}.mobile-example h2{font-size:28px;letter-spacing:-.7px;line-height:1.15;margin:12px 0}.mobile-explain{font-size:14px;min-height:72px;max-width:410px}.mobile-browser{width:100%;max-width:406px;margin:24px auto 0;border:1px solid #c7cbc5;border-radius:8px;overflow:hidden;background:#fffdf9}.mobile-browser .browser-bar{background:#e7e7e1;border-bottom:1px solid #c7cbc5;padding:10px 12px;font-size:11px;display:flex;gap:14px;align-items:center;color:#465653}.browser-bar span{letter-spacing:2px;color:#787e78}.mobile-browser iframe{display:block;width:100%;height:760px;border:0;background:#fffdf9}.mobile-open{display:block;width:fit-content;font-size:12px;padding:12px 0;margin:8px auto}.mobile-flow{margin-top:40px}.mobile-flow summary{padding:8px 0}.mobile-decisions{margin-top:45px;border-top:1px solid var(--line);padding-top:35px}.mobile-decisions>h3{font-size:clamp(28px,3vw,42px);margin:18px 0 30px;font-weight:500}.mobile-tradeoffs{display:grid;grid-template-columns:1fr 1fr;gap:50px}.mobile-tradeoffs h3{font-size:25px;line-height:1.25;font-weight:500}.mobile-tradeoffs p{font-size:14px}.mobile-layouts a:focus-visible,.mobile-layouts summary:focus-visible{outline:3px solid #a65025;outline-offset:4px}@media(max-width:750px){.mobile-grid,.mobile-tradeoffs{grid-template-columns:1fr;gap:35px}.mobile-explain{min-height:0}.mobile-browser iframe{height:680px}.mobile-grid{margin-top:30px}.mobile-browser .browser-bar{font-size:10px;gap:8px}}