.home-head,.home-main{font-family:var(--font)}.home-head{background:var(--navy);color:#fff;padding:32px 24px 28px}.home-head>*{max-width:1100px;margin-left:auto;margin-right:auto}.home-head h1{margin-top:0;margin-bottom:4px;font-size:32px}.home-head .subtitle{color:#ffc372;margin-top:0;margin-bottom:4px;font-size:22px;font-weight:700}.home-head .author{margin-top:0;margin-bottom:12px;font-size:16px}.home-head .intro{margin-bottom:0;font-size:18px;line-height:1.5}.home-main{max-width:1100px;margin:0 auto;padding:8px 24px 48px}.chapter h2{color:var(--navy);border-bottom:2px solid var(--line);margin:28px 0 12px;padding-bottom:6px;font-size:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.card{box-sizing:border-box;background:var(--surface);border:2px solid var(--line);height:100%;color:var(--navy);border-radius:10px;flex-direction:column;gap:8px;padding:14px;font-size:16px;text-decoration:none;display:flex}.card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.badge{color:var(--navy);background:var(--navy-soft);border-radius:999px;padding:2px 10px;font-size:16px;font-weight:700}.tag{color:#5a6b80;font-size:16px;font-weight:600}.card-title{margin:0;font-size:18px;line-height:1.3}.glyph{display:block}.card.hazir{border-color:var(--navy);box-shadow:0 2px 0 var(--navy)}.card.hazir:hover{background:#eef3f8}.card.hazir:focus-visible,.card-ders:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.card.yakinda{color:#5a6b80;background:0 0;border-style:dashed}.card.yakinda .badge{color:#5a6b80;border:1px solid var(--line);background:0 0}.card.yakinda .glyph{opacity:.45}.card-wrap{flex-direction:column;gap:6px;display:flex}.card-wrap .card{flex:1;height:auto}.card-ders{color:var(--navy);align-self:flex-start;align-items:center;min-height:44px;padding:0 4px;font-size:16px;font-weight:600;display:inline-flex}