*{box-sizing:border-box}.skip-link{position:fixed;top:1rem;left:1rem;z-index:100;transform:translateY(-200%);padding:.65rem .85rem;background:#fff;border:2px solid #111;font-weight:900}.skip-link:focus{transform:translateY(0)}body{margin:0;background:#e8e8e8;color:#111;font-family:Arial,sans-serif}.board{max-width:1600px;margin:auto;padding:40px}.board>p{max-width:900px}.legend{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px}.p{background:#e4252b}.t{background:#d6a521}.d{background:#2457a6}.frames{display:grid;gap:36px}.frame{background:#fff;border:2px solid #111}.frame-head{display:flex;justify-content:space-between;padding:12px 16px;background:#111;color:#fff;font-weight:700}.browser{padding:18px}.mobile-pair{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.wf,.screen{border:1px solid #999;background:#fafafa}.phone{padding:8px;border:2px solid #111;border-radius:24px}.top{height:16px;background:#ddd}.nav{display:grid;grid-template-columns:1fr 3fr 1fr;gap:6px;padding:8px;border-bottom:1px solid #bbb}.wf-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;padding:12px}.block{border:1px solid #777;padding:12px;min-height:54px;background:#eee}.block.p{border-left:6px solid #e4252b}.block.t{border-left:6px solid #d6a521}.block.d{border-left:6px solid #2457a6}.wide{grid-column:1/-1}.eight{grid-column:span 8}.seven{grid-column:span 7}.five{grid-column:span 5}.four{grid-column:span 4}.three{grid-column:span 3}.hero-a{grid-column:span 7;min-height:150px}.hero-b{grid-column:span 5;min-height:150px}.tall{min-height:140px}.footer{padding:16px;background:#ddd}.phone .nav{grid-template-columns:2fr 1fr}.phone .wf-grid{display:grid;grid-template-columns:1fr}.phone .block{grid-column:1!important}.phone .footer{font-size:12px}@media(max-width:900px){.board{padding:16px}.mobile-pair{grid-template-columns:1fr}.phone{max-width:340px}.wf-grid{grid-template-columns:1fr}.wf-grid>.block{grid-column:1!important}}