.architecture-shell{--architecture-green: #0b4b3f;--architecture-ink: #173d34;--architecture-gold: #a86112;--architecture-line: #d8e0dc;--architecture-paper: #fffdf8;color:var(--architecture-ink)}.architecture-breadcrumb{display:flex;width:min(1180px,calc(100% - 48px));min-height:44px;align-items:center;gap:9px;margin:0 auto;color:#64706a;font-size:12px}.architecture-breadcrumb a{color:var(--architecture-green);font-weight:800;text-decoration:none}.architecture-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.55fr);gap:64px;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:76px 0 72px;align-items:end;border-top:1px solid #e4e9e5}.architecture-shell .eyebrow{margin:0;color:var(--architecture-gold);font-size:12px;font-weight:850;text-transform:uppercase}.architecture-hero h1{max-width:850px;margin:12px 0 22px;color:var(--architecture-green);font-family:Georgia,Times New Roman,serif;font-size:58px;line-height:1.02;letter-spacing:0}.architecture-hero>div>p:not(.eyebrow){max-width:780px;margin:0;color:#53635d;font-size:17px;line-height:1.72}.architecture-hero nav{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:26px}.architecture-hero nav a{color:var(--architecture-green);font-size:13px;font-weight:850;text-underline-offset:4px}.architecture-hero dl{display:grid;margin:0;border-top:1px solid #cfd9d4}.architecture-hero dl div{display:flex;min-height:74px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #cfd9d4}.architecture-hero dt{color:#5a6963;font-size:12px;font-weight:800;text-transform:uppercase}.architecture-hero dd{margin:0;color:var(--architecture-green);font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:700}.architecture-orientation,.architecture-discovery,.architecture-method{width:min(1180px,calc(100% - 48px));margin-inline:auto}.architecture-orientation{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:36px 64px;padding:64px 0;border-top:1px solid var(--architecture-line)}.architecture-orientation h2,.architecture-section-heading h2,.architecture-method h2{margin:8px 0 0;color:var(--architecture-green);font-family:Georgia,Times New Roman,serif;font-size:38px;line-height:1.12;letter-spacing:0}.architecture-orientation>p{margin:0;color:#56655f;line-height:1.72}.architecture-type-grid{display:grid;grid-column:1 / -1;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--architecture-line);border-left:1px solid var(--architecture-line)}.architecture-type-grid button{display:grid;min-width:0;min-height:96px;padding:17px;align-content:center;gap:6px;border:0;border-right:1px solid var(--architecture-line);border-bottom:1px solid var(--architecture-line);background:#fff;color:var(--architecture-ink);text-align:left;cursor:pointer}.architecture-type-grid button:hover{background:#f2f6f3}.architecture-type-grid strong{font-size:13px;line-height:1.35}.architecture-type-grid span{color:#68766f;font-size:11px}.architecture-discovery{padding:58px 52px 64px;scroll-margin-top:104px;border:1px solid var(--architecture-line);background:#f3f6f4}.architecture-section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 32px;align-items:end}.architecture-section-heading .eyebrow,.architecture-section-heading h2{grid-column:1}.architecture-section-heading>p:last-child{grid-column:2;grid-row:1 / span 2;max-width:260px;margin:0;color:#617069;font-size:12px;line-height:1.6}.architecture-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(145px,.72fr)) auto;gap:12px;margin:34px 0 14px;align-items:end}.architecture-filters label{display:grid;gap:7px;color:#315149;font-size:11px;font-weight:850;text-transform:uppercase}.architecture-filters input,.architecture-filters select,.architecture-filters button,.architecture-empty button{width:100%;min-height:46px;border:1px solid #b9c9c2;border-radius:4px;background:#fff;color:var(--architecture-ink);font:inherit;font-size:14px;text-transform:none}.architecture-filters input,.architecture-filters select{padding:10px 12px}.architecture-filters button,.architecture-empty button{padding:10px 18px;cursor:pointer;font-weight:850}.architecture-type-grid button:focus-visible,.architecture-filters :focus-visible,.architecture-card a:focus-visible,.architecture-empty button:focus-visible{outline:3px solid #d89a3d;outline-offset:3px}.architecture-status{min-height:24px;margin:0 0 15px;color:#52645d;font-size:13px}.architecture-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.architecture-card{display:flex;min-width:0;min-height:330px;flex-direction:column;padding:22px;border:1px solid #d4ded9;background:#fff;scroll-margin-top:112px}.architecture-card[hidden]{display:none}.architecture-card-meta{display:flex;min-height:44px;gap:7px;flex-wrap:wrap;align-content:start;margin-bottom:12px}.architecture-card-meta span{align-self:start;padding:5px 8px;background:#eef4f1;color:#395a51;font-size:10px;font-weight:850;line-height:1.3;text-transform:uppercase}.architecture-card h3{margin:0 0 10px;color:var(--architecture-green);font-family:Georgia,Times New Roman,serif;font-size:23px;line-height:1.2;letter-spacing:0}.architecture-card p{margin:0 0 16px;color:#5a6963;font-size:13px;line-height:1.62}.architecture-context{display:block;margin-top:auto;color:#8b5a1d;font-size:11px;line-height:1.45}.architecture-card-actions{display:flex;min-height:48px;gap:9px 14px;margin-top:18px;flex-wrap:wrap;align-content:start}.architecture-card-actions a{color:#006150;font-size:12px;font-weight:850;text-decoration:none}.architecture-card-actions .architecture-guide{text-decoration:underline;text-underline-offset:4px}.architecture-empty{padding:28px;border:1px dashed #aebfb7;background:#fff;color:#40564e}.architecture-empty h3,.architecture-empty p{margin-top:0}.architecture-empty button{width:auto}.architecture-method{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:48px 64px;padding:72px 0 82px}.architecture-method>div:last-child{display:grid;gap:18px}.architecture-method>div:last-child p{margin:0;color:#56655f;line-height:1.72}@media (max-width: 980px){.architecture-hero{grid-template-columns:1fr;gap:40px;padding-block:60px}.architecture-hero h1{font-size:50px}.architecture-hero dl{grid-template-columns:repeat(3,minmax(0,1fr))}.architecture-hero dl div{min-height:88px;padding-inline:16px;flex-direction:column;justify-content:center;align-items:flex-start;border-right:1px solid #cfd9d4}.architecture-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-discovery{padding:44px 36px 52px}.architecture-filters,.architecture-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.architecture-breadcrumb,.architecture-hero,.architecture-orientation,.architecture-discovery,.architecture-method{width:calc(100% - 32px)}.architecture-hero{padding-block:44px 50px}.architecture-hero h1{font-size:40px}.architecture-hero>div>p:not(.eyebrow){font-size:15px}.architecture-hero dl{grid-template-columns:1fr}.architecture-hero dl div{min-height:64px;padding-inline:0;flex-direction:row;align-items:center;border-right:0}.architecture-orientation,.architecture-method{grid-template-columns:1fr;gap:20px;padding-block:48px}.architecture-orientation h2,.architecture-section-heading h2,.architecture-method h2{font-size:32px}.architecture-type-grid{grid-template-columns:1fr;margin-top:8px}.architecture-type-grid button{min-height:72px}.architecture-discovery{padding:38px 18px 44px}.architecture-section-heading{grid-template-columns:1fr}.architecture-section-heading>p:last-child{grid-column:1;grid-row:auto;max-width:none;margin-top:8px}.architecture-filters,.architecture-card-grid{grid-template-columns:1fr}.architecture-card{min-height:0}}
