.basics-page{width:min(var(--sc-content-width),100%);margin:0 auto;padding-bottom:40px}.eyebrow{color:#e0bb50;font-size:.73rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.page-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px;margin-top:8px}.hero-main,.hero-side{border:1px solid rgba(32,36,42,.14);border-radius:19px;box-shadow:0 11px 30px #00000017}.hero-main{padding:clamp(30px,5vw,50px);background:linear-gradient(135deg,rgba(231,200,116,.16),transparent 54%),#fffdf6eb}.hero-subtitle{color:#9f3e35}.hero-side{padding:28px;color:#ffffffd9;background:radial-gradient(circle at 84% 14%,rgba(183,67,55,.25),transparent 33%),#1b252b}.hero-side>span{display:inline-flex;padding:7px 10px;border-radius:999px;color:#1b252b;background:#e7c874;font-size:.72rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.hero-side h2{color:#fff}.hero-side p,.hero-side li{color:#ffffffd1}.hero-side strong{color:#fff}.content-section{margin-top:60px}.section-heading{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin-bottom:22px}.section-heading>span{font-size:2.45rem;font-weight:950;line-height:1}.section-heading h2{margin:5px 0 4px}.section-heading p{margin:0}.grid-2,.grid-3,.grid-4{display:grid;gap:15px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{padding:22px}.card h3{margin:0 0 7px}.card p{margin:0;color:#5f6e75;line-height:1.58}.card ul{margin-bottom:0}.icon{display:grid;width:45px;height:45px;place-items:center;margin-bottom:16px;border-radius:11px;color:#fff;background:#29383f;font-size:1.2rem}.closing{margin-top:32px;padding:clamp(25px,4vw,40px);border-radius:18px}.highlight{margin-top:32px;padding:clamp(25px,4vw,40px)}.closing{color:#ffffffd9;background:radial-gradient(circle at 86% 14%,rgba(231,200,116,.2),transparent 31%),#1b252b}.closing h2,.closing h3{color:#fff}.closing p{color:#ffffffb8}.flow{display:grid;gap:11px}.flow article{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:19px;border:1px solid rgba(32,36,42,.13);border-radius:12px;background:#fffc}.flow article>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#fff;background:#3d6740;font-weight:950}.flow h3{margin:1px 0 5px}.flow p{margin:0;color:#627178;line-height:1.58}.good{border-top:4px solid #4e8b55}.bad{border-top:4px solid #b74337}.save{border-top:4px solid #c79836}.stars{color:#bd8b20;font-weight:900;letter-spacing:.08em}.rank-list{display:grid;gap:10px}.rank-row{display:grid;grid-template-columns:1fr auto;gap:10px 18px;align-items:center;padding:18px}.rank-row p{grid-column:1/-1;margin:0;color:#617077}.rank-row small,.rank-row strong{display:block}.closing{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.closing a{display:inline-flex;min-height:44px;align-items:center;padding:11px 15px;border-radius:8px;color:#1b252b;background:#e7c874;font-weight:900;text-decoration:none}@media(max-width:900px){.page-hero,.grid-4,.grid-3{grid-template-columns:1fr 1fr}.closing{grid-template-columns:1fr}}@media(max-width:650px){.page-hero,.grid-2,.grid-3,.grid-4,.rank-row{grid-template-columns:1fr}.rank-row p{grid-column:auto}}.grid-4 .card:nth-child(4n+1),.grid-3 .card:nth-child(4n+1),.grid-2 .card:nth-child(4n+1){border-top:5px solid #b74337}.grid-4 .card:nth-child(4n+2),.grid-3 .card:nth-child(4n+2),.grid-2 .card:nth-child(4n+2){border-top:5px solid #d4a647}.grid-4 .card:nth-child(4n+3),.grid-3 .card:nth-child(4n+3),.grid-2 .card:nth-child(4n+3){border-top:5px solid #5487b2}.icon{background:#26363d;color:#fff;border-radius:12px}.grid-4 .card:nth-child(4n+1) .icon{background:#b74337}.grid-4 .card:nth-child(4n+2) .icon{background:#d4a647;color:#17242c}.grid-4 .card:nth-child(4n+3) .icon{background:#5487b2}.grid-4 .card:nth-child(4n) .icon{background:#64856e}.hero-side{background:radial-gradient(circle at 84% 14%,rgba(183,67,55,.28),transparent 33%),#1b252b!important;color:#ffffffdb!important}.hero-side>span{color:#1b252b!important;background:#e7c874!important}.hero-side h2{color:#fff!important}.hero-side p,.hero-side li,.hero-side strong{color:#ffffffdb!important}.closing{background:#17283c!important;background-image:none!important}.closing{border:1px solid rgba(157,184,211,.22)!important}