.idx{width:960px;margin:0 auto}.idx__list{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px}.idx__list-item{display:inline-flex;align-items:flex-start;justify-content:flex-start;text-decoration:none;height:200px;border:1px solid var(--palette-pri);background-color:rgba(0,0,0,.1);background-repeat:no-repeat;background-position:center center;background-image:var(--hero-img)}.idx__list-item:hover .idx__list-item-title,.idx__list-item:focus .idx__list-item-title{box-shadow:0 3px 3px rgba(0,0,0,.2)}.idx__list-item-title{background:var(--palette-pri);color:var(--palette-on-pri);padding:5px 10px;font-family:var(--type-accent)}.idx__title{font-size:30px;font-weight:200}.basics{width:960px;margin:20px auto}.basics h2{font-size:30px;margin-bottom:10px;font-weight:200}.basics h3{font-size:20px;margin-bottom:10px;font-weight:200}.basics p{line-height:1.65;margin-bottom:10px}.basics p+h3,.basics p+h2{margin-top:30px}.basics strong{font-weight:600}.basics em,.basics i{font-style:italic}.basics ul,.basics ol{margin:0 0 10px 35px;line-height:1.85}.cards{padding:20px 0}.cards__title{font-size:40px;font-weight:100;color:var(--palette-pri)}.cards__container{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}.cards__item{height:160px;display:inline-flex;flex-direction:row;align-items:flex-start;background:var(--palette-pri) var(--card-bg) no-repeat center center;background-size:100%;border-radius:4px;color:var(--palette-on-pri);text-decoration:none;background-clip:border-box}.cards__item-title{background:var(--palette-pri);font:18px var(--type-accent);font-weight:200;padding:4px 16px;border-radius:4px}.basic{width:960px;margin:0 auto}.basic__title{font-size:30px;font-weight:200;margin-bottom:10px}