:root { --ink:#19375d; --navy:#15345b; --cream:#f9f5ec; --paper:#fffdf8; --coral:#f4755d; --muted:#61738d; }
.eduter-content-page { padding:56px 0 96px; } .eduter-content-page__body { color:var(--ink); font-size:16px; line-height:1.75; margin:0 auto; max-width:820px; } .eduter-content-page__body h1,.eduter-content-page__body h2 { color:var(--navy); font-weight:400; letter-spacing:-.03em; } .eduter-content-page__body h1 { font-size:clamp(36px,5vw,54px); line-height:1.08; margin:0 0 18px; } .eduter-content-page__body h2 { border-top:1px solid #e8e5db; font-size:clamp(26px,3vw,34px); line-height:1.2; margin:56px 0 16px; padding-top:32px; } .eduter-content-page__body h3 { color:var(--navy); font-size:19px; font-weight:800; margin:32px 0 10px; } .eduter-content-page__body p,.eduter-content-page__body li { color:#33475f; } .eduter-content-page__body ul,.eduter-content-page__body ol { padding-left:24px; } .eduter-content-page__body li { margin-bottom:6px; } .eduter-content-page__body a { color:#c4513b; font-weight:700; } .eduter-content-page__body img { background:#fff; border:1px solid #e8e5db; border-radius:10px; box-shadow:0 13px 30px rgba(32,65,91,.09); display:block; height:auto; margin:24px 0 8px; max-width:100%; } .eduter-content-page__body code { background:var(--cream); border-radius:4px; color:var(--navy); font-size:.9em; padding:2px 6px; } .eduter-content-page__body pre { background:var(--navy); border-radius:8px; color:#f9f5ec; overflow-x:auto; padding:16px 18px; } .eduter-content-page__body pre code { background:none; color:inherit; padding:0; } .eduter-content-page__body blockquote { background:var(--cream); border-left:4px solid var(--coral); border-radius:0 6px 6px 0; margin:24px 0; padding:14px 18px; } .eduter-content-page__body blockquote p { margin:0; } .eduter-content-page__body table { border-collapse:collapse; display:block; margin:20px 0; overflow-x:auto; width:100%; } .eduter-content-page__body th,.eduter-content-page__body td { border-bottom:1px solid #e8e5db; padding:10px 12px; text-align:left; vertical-align:top; } .eduter-content-page__body th { background:var(--cream); color:var(--navy); font-size:13px; font-weight:800; }
.eduter-howto-lead { color:var(--muted); font-size:18px; } .eduter-howto-cards { display:grid; gap:18px; grid-template-columns:repeat(2,1fr); margin:32px 0; } .eduter-howto-card { background:#fff; border:1px solid #e1e6e8; border-radius:10px; color:var(--ink)!important; display:flex; flex-direction:column; gap:8px; padding:26px; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease; } .eduter-howto-card:hover { box-shadow:0 13px 30px rgba(32,65,91,.12); transform:translateY(-3px); } .eduter-howto-card__icon { font-size:38px; line-height:1; } .eduter-howto-card strong { color:var(--navy); font-size:26px; font-weight:400; } .eduter-howto-card span:last-child { color:var(--muted); font-size:14px; font-weight:400; line-height:1.6; } .eduter-howto-card em { color:var(--coral); font-size:13px; font-style:normal; font-weight:800; }
@media (max-width:640px) { .eduter-content-page { padding:32px 0 64px; } .eduter-content-page .container { padding-left:16px; padding-right:16px; } .eduter-howto-cards { grid-template-columns:1fr; } .eduter-howto-card { padding:20px; } }