:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#12333c;background:#eef4f2;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #177d81;outline-offset:3px}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.shell{max-width:1100px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:0 22px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cadbd9}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;position:relative;width:43px;height:43px;border-radius:12px;background:#0c2c36;color:#c6f3e5;font-size:27px;font-weight:800;letter-spacing:-.12em;padding-right:3px}.brand-dot{color:#79e3cf;position:absolute;top:-1px;right:6px;font-size:28px}.brand-words{font-size:14px;line-height:.98;font-weight:850;letter-spacing:.07em;color:#12333c}.top-actions{display:flex;align-items:center;gap:16px}.edition{font-size:11px;font-weight:750;letter-spacing:.15em;color:#4f7277}.icon-button,.close-button{border:1px solid #c0d3d2;background:white;color:#12333c;border-radius:12px;width:43px;height:43px;display:grid;place-items:center}.icon-button:hover,.close-button:hover{background:#d9eee8}
main{flex:1;padding:26px 0 48px}.eyebrow{font-size:12px;color:#426c71;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:3px 0 20px}.page-intro h1{font-size:clamp(26px,6vw,39px);line-height:1.12;letter-spacing:-.045em;margin:10px 0 6px;font-weight:760;color:#0c2c36}.page-intro p{line-height:1.5;margin:0;color:#557078;font-size:15px;max-width:640px}.count{display:inline-flex;flex-shrink:0;border:1px solid #c8d9d7;border-radius:100px;padding:7px 11px;font-size:12px;color:#42626a;background:#f8fbf9}
.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{aspect-ratio:1;min-width:0;border:1px solid #bed6d1;border-radius:19px;background:#fbfdfb;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:17px;box-shadow:0 3px 0 rgba(11,54,62,.035);transition:transform .16s,box-shadow .16s,border-color .16s;position:relative;overflow:hidden}.tile:hover{transform:translateY(-3px);box-shadow:0 12px 20px rgba(20,72,73,.12);border-color:#67b8aa}.tile:active{transform:translateY(0)}.tile::after{content:"";position:absolute;width:76px;height:76px;border:1px solid currentColor;opacity:.08;border-radius:50%;right:-34px;bottom:-36px;box-shadow:0 0 0 18px currentColor,0 0 0 36px currentColor}.tile-code{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 6px;border:1px solid currentColor;border-radius:12px;font-size:12px;font-weight:800;letter-spacing:.03em;opacity:.88}.tile-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;width:100%}.tile-title{font-size:clamp(17px,4.4vw,22px);line-height:1.1;font-weight:740;letter-spacing:-.025em;overflow-wrap:anywhere}.tile-chevron{font-size:23px;line-height:1;opacity:.58}.tile.tint-0{background:#d9f1eb;color:#0e595a;border-color:#b8dcd4}.tile.tint-1{background:#e5eff6;color:#184860;border-color:#c5dbe8}.tile.tint-2{background:#f7eacb;color:#684c1c;border-color:#ebdbb4}.tile.tint-3{background:#e5ebe1;color:#38583c;border-color:#ced9ca}.tile.tint-4{background:#ebebf5;color:#3e4876;border-color:#d6d9ec}.tile.tint-5{background:#f3e8e5;color:#755042;border-color:#e6d4ce}.tile.tint-6{background:#d8eeed;color:#1e6268;border-color:#bbdcda}.tile.tint-7{background:#eee5ef;color:#68466b;border-color:#ded0e0}
.tile-grid.compact .tile{min-height:134px;aspect-ratio:1.14}.tile-grid.compact .tile-title{font-size:clamp(16px,3.8vw,20px)}.tile-grid.compact .tile-code{height:32px;min-width:32px;border-radius:9px;font-size:10px}.home-summary{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#547178;font-size:13px}.home-summary a{font-weight:750;color:#155b65;text-decoration:underline;text-underline-offset:3px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:#5c797e;font-size:13px;margin:-5px 0 20px}.breadcrumbs a{color:#266875;font-weight:650}.breadcrumbs .sep{opacity:.55}.section-title{font-size:18px;color:#143640;margin:28px 0 12px;letter-spacing:-.025em}.description{font-size:16px;line-height:1.6;color:#425e64;max-width:720px}.type-label{display:inline-flex;padding:7px 10px;border-radius:100px;background:#dcefe9;color:#235b58;font-size:12px;font-weight:750;letter-spacing:.02em}.detail-head{background:#fbfdfb;border:1px solid #cfddda;border-radius:20px;padding:24px;margin-bottom:18px}.detail-head h1{font-size:clamp(28px,6vw,42px);letter-spacing:-.045em;line-height:1.1;margin:16px 0 12px}.detail-head .description{margin:0}.small-card-list{display:grid;grid-template-columns:1fr;gap:9px}.row-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #d3dfdb;background:#fcfefd;border-radius:13px;padding:13px 15px;min-height:61px;transition:border-color .15s,background .15s}.row-card:hover{background:#e6f5ef;border-color:#94cbbb}.row-card strong{font-size:15px;line-height:1.3}.row-card span{font-size:12px;color:#69828a}.row-card .arrow{font-size:23px;color:#61918d}.related{margin-top:25px;padding:17px;border-radius:14px;background:#e2eeeb}.related h2{font-size:16px;margin:0 0 12px}.related-links{display:flex;gap:8px;flex-wrap:wrap}.pill-link{border-radius:50px;padding:9px 12px;border:1px solid #b6d0cc;background:#f6fbf8;font-size:13px;font-weight:650;color:#245d62}.pill-link:hover{background:white;border-color:#7ab9b0}
.alpha{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 20px}.alpha a{background:#fff;border:1px solid #ceddd9;border-radius:8px;padding:7px 10px;font-size:13px;font-weight:700}.alpha a:hover{background:#dff2eb}.alpha-group{scroll-margin-top:20px}.alpha-group h2{border-bottom:1px solid #c9dcd7;padding-bottom:6px;margin:26px 0 10px;font-size:18px;color:#2b6970}.note{border-left:3px solid #68baa9;background:#e3f2ec;padding:12px 15px;border-radius:0 10px 10px 0;color:#46646a;font-size:13px;line-height:1.5;margin-top:20px}.empty{background:#fff;border:1px solid #dae5e2;border-radius:15px;padding:30px;color:#637a7d}
.footer{border-top:1px solid #cadbd9;padding:20px 0 27px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:#607c80}.footer a{color:#29626b;text-decoration:underline;text-underline-offset:3px}
.catalog-search{max-width:720px;margin:18px 0 10px}.catalog-results{margin:10px 0 22px;max-width:720px}.catalog-results .row-card{margin-top:7px}.search-group{display:block;font-size:13px;letter-spacing:.04em;color:#3a6e73;margin:10px 0 4px}.page-controls{display:flex;justify-content:space-between;gap:10px;margin:24px 0}.more-children{display:inline-flex;margin-top:13px}
.source-line{margin:28px 0 0;font-size:12px;color:#70858a}.source-line a{color:#436e75;text-decoration:underline;text-underline-offset:3px}
.home-view .footer,.home-view .edition{display:none}
.home-view main{padding:14px 0 18px;display:flex;align-items:center}
.home-view .tile-grid.home{width:100%}
.top-left{display:flex;align-items:center;gap:12px;min-width:0}.nav-back{min-height:43px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;border:1px solid #c0d3d2;background:#fff;color:#12333c;border-radius:12px;font-size:14px;font-weight:700}.nav-back:hover{background:#d9eee8}.nav-back[hidden]{display:none}
@media(max-width:599px){.home-view .tile-grid.home{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-view .tile-grid.home .tile{padding:10px;border-radius:13px}.home-view .tile-grid.home .tile-code{min-width:29px;height:29px;border-radius:8px;font-size:10px}.home-view .tile-grid.home .tile-title{font-size:clamp(12px,3.5vw,16px);line-height:1.12}.home-view .tile-grid.home .tile-chevron{font-size:16px}.top-left{gap:8px}.topbar .brand-words{font-size:12px}.edition{display:none}}
.tile-labels{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.he-name{display:block;max-width:100%;font-size:13px;line-height:1.24;font-weight:600;color:#497078;text-align:left;unicode-bidi:isolate;overflow-wrap:anywhere}.tile .he-name{color:inherit;opacity:.8;font-size:clamp(12px,3.2vw,14px)}.tile-thumb{position:absolute;right:12px;top:12px;width:43px;height:43px;object-fit:cover;border-radius:10px;border:1px solid rgba(22,80,87,.13)}.row-thumb{width:46px;height:46px;flex:none;object-fit:cover;border-radius:10px;border:1px solid #d4e2df}.row-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row-copy .he-name{font-size:13px}.row-copy .row-description{font-size:12px;color:#69828a;line-height:1.3}.detail-thumb{float:right;width:88px;height:88px;object-fit:cover;border-radius:16px;border:1px solid #d5e2df;margin:0 0 12px 16px}.detail-head>.he-name{font-size:17px;margin:-5px 0 12px}.detail-head .description{clear:both}.tile-grid.compact .tile{min-height:156px}@media(max-width:599px){.tile-grid.compact .tile{min-height:152px;aspect-ratio:auto}.tile-grid.compact .tile-title{font-size:clamp(15px,3.8vw,19px)}.tile-thumb{width:38px;height:38px}}@media(max-width:365px){.tile-thumb{width:34px;height:34px;right:9px;top:9px}.detail-thumb{width:72px;height:72px}}
.search-thumb{width:36px;height:36px;flex:none;object-fit:cover;border-radius:8px;border:1px solid #d4e2df}.search-result{align-items:center}.search-result>.row-copy{font-size:15px}.search-result>.row-copy .he-name{font-size:12px}
.search-layer[hidden]{display:none}.search-layer{position:fixed;inset:0;z-index:20;display:flex;justify-content:center;align-items:flex-start;padding:8vh 16px 16px}.search-backdrop{position:absolute;inset:0;background:rgba(4,33,43,.64)}.search-panel{position:relative;width:min(620px,100%);max-height:85vh;overflow:auto;background:#f8fcfa;border-radius:22px;padding:22px;box-shadow:0 26px 90px rgba(0,28,37,.32)}.search-heading{display:flex;align-items:center;justify-content:space-between;font-size:20px;margin-bottom:16px}.close-button{width:35px;height:35px}.search-field{display:flex;align-items:center;gap:10px;border:2px solid #9bc9bc;background:white;border-radius:12px;padding:10px 13px}.search-field input{width:100%;border:0;outline:none;font-size:16px;background:transparent}.search-hint{font-size:13px;color:#657d82;margin:12px 0 18px}.search-results{display:grid;gap:7px}.search-result{padding:12px;border-radius:10px;border:1px solid #dae8e2;background:white;display:flex;justify-content:space-between;gap:12px}.search-result:hover{background:#e4f3ed}.search-result strong{font-size:15px}.search-result span{font-size:12px;color:#657e82}
@media(min-width:600px){.shell{padding:0 38px}.tile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tile{padding:20px}.tile-grid.compact .tile{aspect-ratio:1.22}.small-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:900px){.tile-grid.home{grid-template-columns:repeat(4,minmax(0,1fr))}.tile-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.tile{max-height:240px}.page-intro{margin-top:12px}.small-card-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:365px){.shell{padding:0 16px}.tile{padding:13px;border-radius:15px}.tile-code{width:35px;height:35px}.tile-title{font-size:16px}.edition{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.he-description{margin-top:10px!important;font-size:16px;line-height:1.65;color:#425e64;text-align:right;unicode-bidi:isolate}
.card-image{background:#fff;object-fit:contain}.detail-figure{margin:18px 0 0;clear:both}.detail-figure img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;background:#fff;border:1px solid #d5e2df;border-radius:14px}.image-credit{margin-top:7px;font-size:11px;line-height:1.45;color:#70858a;overflow-wrap:anywhere}.image-credit a,.credit-text a{color:#436e75;text-decoration:underline;text-underline-offset:2px}
.credit-list{display:grid;gap:9px}.credit-row{display:flex;align-items:flex-start;gap:14px;border:1px solid #d3dfdb;background:#fcfefd;border-radius:13px;padding:12px 14px}.credit-row strong{font-size:14px;line-height:1.3;overflow-wrap:anywhere}.credit-text{font-size:12px;line-height:1.45;color:#69828a;overflow-wrap:anywhere}.footer-links{display:flex;gap:16px;flex-wrap:wrap}