.if-page{max-width:1240px;margin:auto;padding:30px 38px 75px}.if-page *{box-sizing:border-box}.if-hero{position:relative;isolation:isolate;overflow:hidden;min-height:510px;border:1px solid #58634b;background:#14251c;padding:48px;display:flex;align-items:center}.if-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4;z-index:-2}.if-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#112217,rgba(17,34,23,.8) 50%,transparent);z-index:-1}.if-hero h1{font-size:clamp(40px,5vw,67px);line-height:1.13;margin:22px 0;color:#e7ddc0}.if-hero h1 em{font-weight:400;color:#d3b477}.if-hero p{max-width:630px;color:#bcccb1;font-size:15px;line-height:1.9}.if-hero .eyebrow{font-size:10px;color:#d3b477}.if-meta{display:flex;gap:28px;flex-wrap:wrap;color:#d1b67b;font-size:10px;margin-top:30px}.if-intro{max-width:920px;font-size:14px;line-height:1.95;color:#bbcbb0;margin:35px 0}.if-controls{border-top:1px solid #5d6848;border-bottom:1px solid #5d6848;padding:25px 0;margin:25px 0}.if-controls[hidden],.if-class[hidden],.if-mode[hidden]{display:none}.if-classes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.if-classes button,.if-modes button{font:12px system-ui;background:#182a1e;border:1px solid #44583d;color:#c9d3bc;padding:12px 14px;cursor:pointer}.if-classes button{display:flex;gap:10px;align-items:center;text-align:left}.if-classes img{border-radius:4px;flex-shrink:0}.if-classes button[aria-pressed=true]{border-color:var(--class-color);color:var(--class-color);background:#283c28}.if-modes{display:flex;gap:9px;margin:22px 0 15px}.if-modes button{min-width:100px}.if-modes button[aria-pressed=true]{background:#c8ae70;color:#101c13;border-color:#c8ae70}.if-controls [role=status]{color:#bca979;font-size:11px;margin:0}.if-class h2,.if-basics h2,.if-all h2,.if-sources h2{font-size:36px;color:#e6d9b8;line-height:1.2;margin:35px 0 20px}.if-mode>h3{font:11px system-ui;letter-spacing:1px;text-transform:uppercase;color:#cab37b;margin:20px 0}.if-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}.if-card{background:radial-gradient(ellipse at top right,#354531,transparent),#17281d;border:1px solid #435b3d;padding:25px;display:flex;flex-direction:column;min-width:0}.if-card header{display:flex;gap:16px;align-items:flex-start}.if-card header>div{min-width:0}.if-card header span{font:10px system-ui;color:#bca676}.if-card h4{font:26px/1.2 Georgia,serif;margin:8px 0 0;overflow-wrap:anywhere}.if-card h4 a{color:#e5d7b6;text-decoration:none}.if-example{font-size:14px;line-height:1.9;color:#c2cfb5;margin:23px 0}.if-limit{font-size:11px;line-height:1.8;color:#9eb291;border-top:1px solid #40543a;padding-top:16px;margin-top:auto}.if-guide{font-size:11px;color:#d2b77e;margin-top:10px;text-decoration:none;line-height:1.8}.if-class-links{display:flex;gap:25px;flex-wrap:wrap;margin:25px 0 40px}.if-class-links a,.if-sources a{color:#cfb67b;font-size:12px;line-height:1.8}.if-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.if-check-grid h3{font-size:24px;color:#d9ccaa}.if-check-grid p,.if-all>p,.if-sources p{font-size:13px;line-height:1.9;color:#b7c7ab}.if-all{margin:40px 0}.if-table-scroll{overflow:auto;border:1px solid #41573c}.if-all table{border-collapse:collapse;width:100%;min-width:670px;text-align:left;font-size:12px;line-height:1.8}.if-all th,.if-all td{padding:16px;border-bottom:1px solid #3c5037;vertical-align:top}.if-all thead{background:#263c28;color:#decc98}.if-all tbody th{font-weight:400;min-width:180px}.if-all td{color:#b7c6a9}.if-all td:nth-child(2){min-width:180px}.if-all a{color:#dcc58b}.if-sources{border-top:1px solid #526344;padding-top:10px}.if-page button:focus-visible,.if-page a:focus-visible,.if-page [tabindex]:focus-visible{outline:2px solid #e7cc86;outline-offset:4px}
@media(max-width:1000px){.if-classes{grid-template-columns:repeat(3,minmax(0,1fr))}.if-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.if-page{padding:20px 20px 50px}.if-hero{padding:28px;min-height:500px}.if-hero h1{font-size:42px}.if-hero p{font-size:14px}.if-classes{grid-template-columns:repeat(2,minmax(0,1fr))}.if-classes button{padding:10px;font-size:11px;gap:7px}.if-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.if-modes button{min-width:0}.if-grid,.if-check-grid{grid-template-columns:1fr}.if-card{padding:22px}.if-class h2,.if-basics h2,.if-all h2,.if-sources h2{font-size:31px}.if-meta{gap:20px}}