/* /uses pages (site/publish.php): the landing's look (landing.css, algocademy.css) plus the blocks
   only these pages have: feature cards, the "right for you" list, the comparison table, the index. */
.uses-page .hero h1{font-size:60px;letter-spacing:-2.6px;line-height:1.08;max-width:960px;margin-inline:auto}
.uses-page .hero-description{max-width:760px;margin-inline:auto}
.uses-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.uses-cards article{padding:26px 24px;background:#fcfdf8;border:1px solid #d9e1d2;border-radius:12px}
.uses-cards span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--lime);color:#3f5520;font-weight:700;margin-bottom:16px}
.uses-cards h3{font-size:17px;letter-spacing:-.4px;line-height:1.3;margin-bottom:9px}
.uses-cards p{font-size:14px;color:var(--muted);margin:0}
.uses-cards.plain article{padding:20px 22px}
.uses-cards.plain p{color:var(--ink);font-size:15px}
.uses-fit{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.uses-fit h2{font-size:38px;letter-spacing:-1.4px;line-height:1.12;margin-bottom:18px}
.uses-fit .learning-copy>p:not(.kicker){color:var(--muted);font-size:15px}
.uses-fit-card{padding:30px;background:#fffaf0;border:1px solid #e6dcc6;border-radius:14px}
.uses-fit-card h3{font-size:18px;letter-spacing:-.4px;margin-bottom:18px}
.uses-fit-card ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.uses-fit-card li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:14px;line-height:1.5}
.uses-fit-card li::before{content:"✓";color:#5c7a2c;font-weight:700}
.uses-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
.uses-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px}
.uses-table th,.uses-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:center}
.uses-table tr:last-child>*{border-bottom:0}
.uses-table thead th{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:650;background:var(--paper)}
.uses-table th[scope=row],.uses-table thead th:first-child{text-align:left;font-weight:600;color:var(--ink)}
.uses-table .us{background:#f1f7e3;font-weight:700}
.uses-table .yes{color:#3f7a2a;font-weight:700}
.uses-table .no{color:#a9b2ab}
.uses-index-list{columns:3 260px;column-gap:40px;list-style:none;padding:0;margin:0}
.uses-index-list li{break-inside:avoid;padding:7px 0;border-bottom:1px solid var(--line)}
.uses-index-list a{font-size:14px;text-decoration:none;color:var(--ink)}
.uses-index-list a:hover{color:var(--blue);text-decoration:underline}
@media (max-width:1000px){
  .uses-page .hero h1{font-size:46px;letter-spacing:-1.8px}
  .uses-cards{grid-template-columns:1fr 1fr}
  .uses-fit{grid-template-columns:1fr;gap:34px}
}
@media (max-width:640px){
  .uses-page .hero h1{font-size:34px;letter-spacing:-1.2px;line-height:1.15}
  .uses-cards{grid-template-columns:1fr}
  .uses-fit h2{font-size:28px}
  .uses-fit-card{padding:22px}
}