.technology-page{background:#f7f4ed;color:#302d29}.technology-wrap{width:min(1280px,calc(100% - 80px));margin:auto}.technology-hero{padding:100px 0 56px;display:grid;grid-template-columns:1.3fr 1fr;gap:32px 64px;border-bottom:1px solid #dbd2c5}.technology-hero>.eyebrow{grid-column:1/-1;color:#97522c}.technology-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,6vw,88px);line-height:1.06;font-weight:400;letter-spacing:-.035em;margin:0}.technology-hero h1 em{color:#a65e32;font-weight:400}.technology-hero-copy{align-self:center;max-width:440px;font-size:19px;line-height:1.7}.technology-hero-copy a{display:inline-block;color:#82502f;font-size:15px;margin:8px 20px 0 0;text-underline-offset:6px}.technology-jump{font-weight:700}.technology-hero-note{grid-column:1/-1;display:flex;gap:28px;align-items:center;background:#f0e4d4;padding:24px 28px;border-radius:12px;margin-top:20px}.technology-hero-note strong{font-size:28px;white-space:nowrap;font-family:Georgia,serif;font-weight:400}.technology-hero-note span{max-width:730px;line-height:1.6;font-size:15px}.technology-map,.technology-compare,.technology-choice,.technology-glossary{padding:64px 0;border-bottom:1px solid #dbd2c5}.technology-wrap h2{font-family:Georgia,serif;font-weight:400;line-height:1.15;font-size:clamp(30px,3.4vw,48px);letter-spacing:-.02em;margin:0 0 28px}.technology-map>.eyebrow,.technology-compare>.eyebrow{color:#97522c}#technology-families{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.technology-family{display:flex;flex-direction:column;gap:14px;min-height:164px;padding:22px 18px;border:1px solid #dfd6ca;border-radius:10px;color:inherit;text-decoration:none;background:#fffcf7;transition:border-color .2s,background .2s}.technology-family:hover,.technology-family:focus-visible{border-color:#a65e32;background:#f7ead9}.technology-family>span{color:#a65e32;font-size:13px;letter-spacing:.12em}.technology-family strong{font-size:16px;line-height:1.5}.technology-family small{color:#72675b;margin-top:auto}.technology-editor-note{font-size:14px;line-height:1.7;color:#756a60;max-width:900px;margin:24px 0 0}.technology-editor-note a{color:inherit}.technology-filters{display:grid;grid-template-columns:2fr 1.4fr 1fr 1fr auto;gap:12px;align-items:end;padding:32px 0 16px}.technology-filters label{display:grid;gap:8px;font-size:13px;min-width:0}.technology-filters select,.technology-filters input,.technology-filters button{min-width:0;width:100%;font:inherit;font-size:15px;min-height:46px;border:1px solid #cec1b2;border-radius:7px;background:#fffdf9;color:#302d29;padding:10px 12px}.technology-filters button{cursor:pointer;background:#f0e4d4}.technology-count{font-size:14px;color:#74675c;margin:24px 0}.technology-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.technology-card{display:flex;flex-direction:column;padding:28px;background:#fffcf7;border:1px solid #dfd6ca;border-radius:14px;min-width:0;scroll-margin-top:110px}.technology-card-top{display:flex;gap:12px;justify-content:space-between;align-items:baseline;margin-bottom:26px;color:#85502e}.technology-card-top>span{font-size:14px;letter-spacing:.12em;font-weight:700}.technology-card-top small{font-size:11px;line-height:1.5;text-align:right;max-width:150px;color:#76695d}.technology-card h2{font-size:28px;line-height:1.16;margin:0 0 18px;letter-spacing:-.01em;overflow-wrap:anywhere}.technology-card h2 a{color:inherit;text-decoration:none}.technology-card h2 a span{font-family:Arial,sans-serif;font-size:18px;color:#a65e32}.technology-card h2 a:hover{text-decoration:underline;text-underline-offset:4px}.technology-card>p{font-size:15px;line-height:1.7;margin:0 0 20px}.technology-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto!important}.technology-tags span{font-size:11px;line-height:1.4;background:#f1e8db;padding:5px 9px;border-radius:20px}.technology-card .technology-card-aliases{font-size:12px;color:#786c60;margin:0;padding-top:14px;border-top:1px solid #e5dccf}.technology-empty{padding:32px;background:#f0e4d4;border-radius:10px}.technology-compare>p,.technology-choice li{font-size:17px;line-height:1.75;max-width:920px}.technology-compare details,.technology-glossary details{border-top:1px solid #ded3c5;padding:22px 0}.technology-wrap summary{cursor:pointer;font-size:17px;font-weight:600;line-height:1.6}.technology-table-wrap{overflow:auto;margin-top:20px;max-height:620px;border:1px solid #dfd6ca;border-radius:8px}.technology-table-wrap table{width:100%;min-width:1120px;border-collapse:collapse;background:#fffdf9;font-size:13px;line-height:1.6}.technology-table-wrap th,.technology-table-wrap td{padding:16px;vertical-align:top;border-bottom:1px solid #dfd6ca;text-align:left;min-width:145px}.technology-table-wrap thead th{background:#eee2d2;position:sticky;top:0;z-index:1}.technology-table-wrap a{color:#81502e}.technology-choice ol{padding-left:24px}.technology-choice li{padding:8px 0 8px 12px}.technology-crosslinks{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.technology-crosslinks a{padding:14px 18px;border:1px solid #cdbba6;border-radius:8px;text-decoration:none;color:#7f4e2c}.technology-glossary details p{font-size:16px;line-height:1.8;max-width:880px}.technology-footer{display:flex;justify-content:space-between;padding-top:28px;padding-bottom:40px}.technology-footer a{color:#7f4e2c}.technology-breadcrumb{display:flex;gap:12px 20px;flex-wrap:wrap;align-items:center;font-size:13px;line-height:1.6;padding:0 0 24px}.technology-breadcrumb a{color:#85502e}.technology-breadcrumb span{color:#796b5e}.technology-reference .cms-content-heading h1{max-width:1100px;overflow-wrap:anywhere}.technology-reference .cms-content-heading{padding-bottom:28px}.technology-reference .lesson-article h2{font-size:30px;line-height:1.25;letter-spacing:normal}.technology-reference .lesson-article table{table-layout:fixed;width:100%}.technology-reference .lesson-article th{width:32%}.technology-reference .lesson-article td,.technology-reference .lesson-article th{overflow-wrap:anywhere;vertical-align:top}.technology-aliases{background:#f1e5d4;padding:18px 22px;border-radius:8px;font-size:15px!important}.technology-reference [id],.technology-page [id]{scroll-margin-top:110px}.technology-card[hidden],.technology-empty[hidden],.technology-filters[hidden]{display:none!important}:where(.technology-page,.technology-reference) :focus-visible{outline:3px solid #9a552c;outline-offset:4px}
@media(max-width:1050px){.technology-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.technology-search{grid-column:1/-1}.technology-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#technology-families{grid-template-columns:repeat(2,minmax(0,1fr))}.technology-hero{gap:28px}}
@media(max-width:600px){.technology-wrap{width:calc(100% - 40px)}.technology-hero{padding-top:48px;grid-template-columns:1fr;gap:24px}.technology-hero h1{font-size:48px;letter-spacing:normal;line-height:1.12}.technology-hero-copy{font-size:17px}.technology-hero-note{flex-direction:column;align-items:start;gap:12px;padding:22px;margin-top:0}.technology-wrap h2{letter-spacing:normal;line-height:1.22}.technology-map,.technology-compare,.technology-choice,.technology-glossary{padding:40px 0}.technology-family{padding:16px;min-height:170px}.technology-family strong{font-size:14px}.technology-grid{grid-template-columns:1fr}.technology-card{padding:24px}.technology-card h2{font-size:30px;letter-spacing:normal}.technology-filters{gap:16px 12px}.technology-filters label:has([name=family]){grid-column:1/-1}.technology-filters button{grid-column:1/-1}.technology-reference .cms-content-heading h1{font-size:38px!important;letter-spacing:normal!important;line-height:1.2!important}.technology-reference .lesson-article h2{font-size:28px}.technology-footer{font-size:14px;gap:20px}.technology-reference .lesson-article th{width:38%}}
@media(prefers-reduced-motion:reduce){.technology-family{transition:none}}
.technology-family{min-width:0}.technology-family strong{overflow-wrap:anywhere}
