.magazine-page{max-width:1180px;margin:auto;padding:32px 24px 100px}.magazine-page .magazine-heading,.magazine-article>header{display:block;max-width:none;min-height:0;padding:0;margin:0 0 28px;background:transparent}.magazine-heading h1,.magazine-article h1{margin:0 0 12px;font-size:clamp(24px,4vw,36px);line-height:1.7}.magazine-heading p,.magazine-card p{color:var(--ui-muted,#71727a)}.magazine-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;align-items:end;gap:16px}.magazine-filters label{display:flex;flex-direction:column;gap:8px;min-width:0}.magazine-filters input,.magazine-filters select{width:100%;min-height:48px}.magazine-filters button{min-height:48px}.magazine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.magazine-card{display:flex;flex-direction:column;min-width:0;background:var(--ui-raised,#fff);border:1px solid var(--ui-line,#e8e9f1);border-radius:20px;overflow:hidden}.magazine-card-body{padding:24px;flex:1}.magazine-category{display:inline-block;color:var(--ui-primary,#006ffd);font-size:13px;font-weight:700}.magazine-card h2{font-size:20px;line-height:1.8;min-height:3.6em;margin:14px 0}.magazine-card h2 a{color:var(--ui-fg,#1f2024);text-decoration:none}.magazine-card p{line-height:2;margin:0}.magazine-card>footer{display:block;padding:0 24px 24px;margin:0;background:transparent;border:0}.magazine-card>footer a{display:flex;align-items:center;justify-content:space-between;min-height:46px;text-decoration:none}.magazine-article{max-width:780px;margin:24px auto;background:var(--ui-raised,#fff);border:1px solid var(--ui-line,#e8e9f1);border-radius:24px;padding:clamp(20px,5vw,48px)}.magazine-article p{font-size:17px;line-height:2.25;overflow-wrap:anywhere;margin:24px 0}.magazine-article>header p{font-weight:500;color:var(--ui-muted,#71727a)}.magazine-article>footer{display:flex;flex-wrap:wrap;gap:12px;padding:24px 0 0;margin:0;background:transparent;border-top:1px solid var(--ui-line,#e8e9f1)}.magazine-back{display:inline-block;min-height:44px;padding:10px 0}.magazine-empty{grid-column:1/-1;padding:28px;text-align:center}.magazine-page #magazine-count{margin:20px 0;font-size:14px}@media(max-width:1000px){.magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.magazine-page{padding:24px 16px 110px}.magazine-filters{grid-template-columns:minmax(0,1fr)}.magazine-grid{grid-template-columns:minmax(0,1fr)}.magazine-card h2{min-height:0}.magazine-article p{font-size:16px}.magazine-article>footer>*{flex:1;text-align:center}}

.home-magazine{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;margin:0 0 32px;border:1px solid var(--ui-line,#e8e9f1);border-radius:24px;background:var(--ui-raised,#fff)}.home-magazine h2{font-size:clamp(19px,2.5vw,25px);line-height:1.9;margin:8px 0 0}.home-magazine-actions{display:flex;gap:12px;flex-shrink:0}.home-magazine-actions a{min-height:46px;display:flex;align-items:center;justify-content:center;text-decoration:none}@media(max-width:700px){.home-magazine{flex-direction:column;align-items:stretch;padding:22px}.home-magazine-actions a{flex:1}}
:root[data-theme] body #app .magazine-card>footer a{height:48px;min-height:48px;padding:10px 16px;box-sizing:border-box;line-height:1.5;white-space:nowrap}

.magazine-cover,.magazine-hero{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.magazine-hero{border-radius:16px;margin:0 0 24px}.magazine-cover{flex-shrink:0}
:root[data-theme] body #app .magazine-filters input,:root[data-theme] body #app .magazine-filters select,:root[data-theme] body #app .magazine-filters button{box-sizing:border-box;height:48px;min-height:48px;margin-block:0;line-height:1.5;padding:10px 16px}
