.magazine-intro { padding: 40px; background: #fff; border-radius: 10px; color: #2b2c2e; font-family: 'TT Norms', sans-serif;
}
.magazine-intro h1, .magazine-intro h2, .magazine-intro p { margin: 0;
}
.magazine-intro h1 { color: #132e6b; font-size: 32px; line-height: 48px; text-transform: uppercase;
}
.magazine-intro__subtitle { color: #2583ce; font-size: 20px; line-height: 24px; font-weight: 700; text-transform: uppercase;
}
.magazine-intro__description { display: grid; gap: 4px; margin-top: 12px; font-size: 16px; line-height: 24px;
}
.magazine-intro__advantages-title { margin-top: 20px !important; color: #132e6b; font-size: 18px; line-height: 20px; font-weight: 700;
}
.magazine-advantages { display: grid; gap: 12px; margin: 12px 0 0; padding: 0; list-style: none;
}
.magazine-advantages li { position: relative; padding-left: 20px; font-size: 16px; line-height: 24px;
}
.magazine-advantages li::before { content: ''; position: absolute; top: 9px; left: 0; width: 8px; height: 8px; border-radius: 50%; background: #1a8dcc;
}
.magazine-advantages strong { color: #132e6b; font-weight: 700;
}
.magazine-advantages__description { margin-top: 2px;
}
.magazine-rich-text p + p { margin-top: 4px;
}
.magazine-rich-text ul, .magazine-rich-text ol { margin: 4px 0; padding-left: 24px;
}
.magazine-rich-text a { color: #2583ce; text-decoration: underline;
}
.magazine-note { display: flex; gap: 16px; align-items: center; padding: 12px 16px; background: #f7f7f9; border-radius: 8px; color: #132e6b; font-size: 16px; line-height: 20px; font-weight: 700;
}
.magazine-note img { flex: 0 0 auto;
}
.magazine-note p { color: #132e6b; font-weight: 700;
}
.magazine-intro .magazine-note { margin-top: 24px;
}
.magazine-note a { color: #1a8dcc; text-decoration: none;
}
@media (max-width: 600px) {
.magazine-intro { padding: 32px;
}
.magazine-intro h1 { font-size: 28px; line-height: 36px;
}
.magazine-intro__subtitle { font-size: 18px; line-height: 22px;
}
.magazine-intro__description, .magazine-advantages li { font-size: 16px; line-height: 22px;
}
.magazine-intro .magazine-note { align-items: flex-start; padding: 12px; font-size: 14px; line-height: 18px;
}
}


.magazine-editor.magazine-card { display: flex; gap: 40px; align-items: center; padding: 40px; background: #fff; border-radius: 20px; box-shadow: 3px 3px 10px rgba(90, 169, 213, .15); font-family: 'TT Norms', sans-serif;
}
.magazine-editor__portrait { flex: 0 0 281px; width: 281px; height: 400px; object-fit: cover; border-radius: 12px;
}
.magazine-editor__content { min-width: 0; flex: 1;
}
.magazine-editor h2 { margin: 0; color: #202634; font-family: 'TT Norms Bold', 'TTNorms', sans-serif; font-size: 20px; line-height: 24px; font-weight: 700; text-transform: uppercase;
}
.magazine-editor__position { margin: 4px 0 0 !important; color: #5c6884; font-family: 'TT Norms Bold', 'TTNorms', sans-serif; font-size: 14px; line-height: 18px; font-weight: 700; text-transform: uppercase;
}
.magazine-editor__name { margin: 16px 0 0 !important; color: #5aa9d4; font-size: 14px; line-height: 18px; font-weight: 700; text-transform: uppercase;
}
.magazine-editor blockquote { display: flex; gap: 16px; margin: 16px 0 0; padding: 24px 16px; color: #202634; font-size: 16px; line-height: 21px;
}
.magazine-editor blockquote > img { flex: 0 0 27px;
}
.magazine-editor__quote { display: grid; gap: 12px; min-width: 0;
}
.magazine-editor__quote p { margin: 0;
}
.magazine-editor__quote ul, .magazine-editor__quote ol { margin: 0; padding-left: 22px;
}
.magazine-editor__quote a { color: #2583ce; text-decoration: underline;
}
@media (max-width: 900px) {
.magazine-editor.magazine-card { align-items: flex-start;
}
.magazine-editor__portrait { flex-basis: 220px; width: 220px; height: 314px;
}
}
@media (max-width: 600px) {
.magazine-editor.magazine-card { display: block; padding: 20px;
}
.magazine-editor__portrait { display: block; width: 100%; height: auto; aspect-ratio: 281 / 400; margin-bottom: 20px;
}
.magazine-editor h2 { font-size: 18px; line-height: 22px;
}
.magazine-editor__position { font-size: 12px; line-height: 15px;
}
.magazine-editor blockquote { padding: 16px 0 0; font-size: 14px; line-height: 18px;
}
}


.magazine-requirements-content { display: grid; gap: 24px; font-family: 'TT Norms', sans-serif;
}
.magazine-requirements-intro { display: grid; gap: 4px; font-size: 16px; line-height: 24px;
}
.magazine-requirements-intro p { margin: 0;
}
.magazine-requirements-intro strong { color: #132e6b; font-size: 18px; font-weight: 700;
}
.magazine-requirements-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none;
}
.magazine-requirements-list > li { padding: 16px 20px; border-radius: 12px; background: #f9f9fa; font-size: 16px; line-height: 24px;
}
.magazine-requirements-list h3 { margin: 0 0 8px; color: #132e6b; font-size: 18px; line-height: 24px; font-weight: 500; text-transform: uppercase;
}
.magazine-requirements-list__simple h3 { margin-bottom: 0;
}
.magazine-requirements-item-body p { margin: 0;
}
.magazine-requirements-item-body p + p { margin-top: 8px;
}
.magazine-requirements-item-body ul, .magazine-requirements-item-body ol { margin: 8px 0 0; padding-left: 20px;
}
.magazine-requirements-content a { color: #2583ce; text-decoration: underline;
}
@media (max-width: 600px) {
.magazine-requirements-intro, .magazine-requirements-list > li { font-size: 14px; line-height: 20px;
}
.magazine-requirements-intro strong, .magazine-requirements-list h3 { font-size: 16px; line-height: 22px;
}
.magazine-requirements-list > li { padding: 16px;
}
}


.magazine-examples-content { display: grid; gap: 24px; font-family: 'TT Norms', sans-serif;
}
.magazine-detail-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none;
}
.magazine-detail-list > li { padding: 16px 20px; border-radius: 12px; background: #f9f9fa; font-size: 16px; line-height: 24px;
}
.magazine-detail-list h3 { margin: 0 0 8px; color: #132e6b; font-size: 18px; line-height: 24px; font-weight: 500; text-transform: uppercase;
}
.magazine-example-body p { margin: 0;
}
.magazine-example-body p + p { margin-top: 8px;
}
.magazine-example-body ul, .magazine-example-body ol { margin: 8px 0 0; padding-left: 20px;
}
.magazine-example-body a { color: #2583ce; text-decoration: underline;
}
.magazine-sample { display: grid; gap: 16px; padding-top: 32px; border-top: 1px solid #efefef;
}
.magazine-sample h3 { margin: 0; color: #2583ce; font-size: 28px; line-height: 32px; font-weight: 700;
}
.magazine-sample__file { display: flex; align-items: center; gap: 24px; padding: 24px; border-radius: 12px; background: #fff; box-shadow: 3px 3px 10px rgba(90, 169, 213, .15);
}
.magazine-sample__file > div { display: grid; gap: 8px; font-size: 14px;
}
.magazine-sample__file strong { color: #132e6b; font-weight: 500; text-decoration: underline;
}
.magazine-sample__file span { color: #9faeb6; font-size: 12px; text-decoration: underline;
}
.magazine-sample__actions { display: flex !important; flex-direction: row; gap: 8px !important; margin-left: auto;
}
.magazine-sample__actions .magazine-button { display: inline-flex; justify-content: center; align-items: center; min-width: 160px; min-height: 40px; padding: 10px 24px; border: 0; border-radius: 12px; font-family: 'TT Norms', sans-serif; font-size: 16px; line-height: 20px; font-weight: 700; text-decoration: none; text-transform: uppercase; cursor: pointer;
}
.magazine-sample__actions .magazine-button:disabled { opacity: .6; cursor: not-allowed;
}
.magazine-sample__actions .magazine-button--blue { background: #5aa9d4; color: #fff;
}
.magazine-sample__actions .magazine-button--pale { background: #e5ecf0; color: #132e6b;
}
@media (max-width: 600px) {
.magazine-detail-list > li { padding: 16px; font-size: 14px; line-height: 20px;
}
.magazine-detail-list h3 { font-size: 16px; line-height: 22px;
}
.magazine-sample h3 { font-size: 24px; line-height: 28px;
}
.magazine-sample__file { flex-wrap: wrap; gap: 12px;
}
.magazine-sample__actions { width: 100%; margin-left: 0;
}
.magazine-sample__actions .magazine-button { min-width: 0; flex: 1;
}
}