/* Layout-only comparison: shared app.js, data.js and style.css remain unchanged. */
.horizontal .layout{display:grid;grid-template-columns:885px 350px;column-gap:30px;width:1265px;padding:64px 0 0}
.horizontal .rail{position:fixed;top:0;left:0;right:0;width:100%;height:64px;z-index:20;background:#fff;border-bottom:1px solid var(--line);display:flex;flex-direction:row;align-items:center;padding:0 max(24px,calc((100vw - 1265px)/2));gap:28px}
.horizontal .logo{height:64px;align-items:center;padding:0 12px 0 0;flex-shrink:0}
.horizontal .rail nav{display:flex;flex-direction:row;align-items:center;gap:6px;flex:1}
.horizontal .rail nav a{height:52px;gap:10px;padding:12px;font-size:20px;line-height:24px;width:auto}
.horizontal .rail nav svg{width:22px;height:22px}
.horizontal .rail nav a span{display:inline}
.horizontal .publish{width:104px;min-height:40px;height:40px;margin:0;font-size:17px;flex-shrink:0}
.horizontal .account{display:none}
.horizontal main{width:885px;min-width:0}
.horizontal .right{margin-left:0;width:350px}
.horizontal .tabs{top:64px}
.horizontal .composer{padding-inline:48px}
.horizontal .post{padding-inline:48px;gap:12px}
.horizontal .post-content p{max-width:680px}
.horizontal .post h2{max-width:680px}
.horizontal .full-work{padding-inline:48px}
.horizontal .full-work p{max-width:680px}
.horizontal .mechanism{padding-inline:24px}
@media(max-width:1264px){.horizontal .layout{width:calc(100% - 48px);grid-template-columns:minmax(0,1fr) 350px;gap:24px}.horizontal main{width:100%}.horizontal .rail{gap:16px}.horizontal .rail nav a{padding:10px;gap:8px}.horizontal .composer,.horizontal .post{padding-inline:24px}}
@media(max-width:1090px){.horizontal .layout{width:min(885px,100%);display:block}.horizontal .right{display:none}.horizontal .rail nav a{font-size:18px}.horizontal .rail nav svg{display:none}.horizontal .rail{gap:12px}.horizontal .full-work{padding-inline:24px}}
@media(max-width:690px){.horizontal .layout{width:100%;padding:54px 0 0}.horizontal .rail{top:0;bottom:auto;height:54px;border-top:0;padding:0 8px;gap:4px}.horizontal .logo{display:none}.horizontal .rail nav{width:auto;justify-content:space-between;gap:0}.horizontal .rail nav a{display:flex!important;height:44px;padding:8px 9px;font-size:14px;line-height:20px;max-width:none}.horizontal .rail nav a span{display:inline}.horizontal .rail>.publish{display:block;width:52px;min-height:32px;height:32px;font-size:14px}.horizontal .tabs{top:54px}.horizontal .composer{padding:12px;gap:8px}.horizontal .post{padding:12px 12px 4px;gap:8px}.horizontal .full-work{padding-inline:16px}}
/* The global top navigation already contains both destinations. */
.horizontal .tabs{display:none}