/* Responsive readability and navigation refresh. */
:root{--bg:#f5f7fa;--muted:#576477;--line:#dce3eb;--surface:#fff;--blue-soft:#edf4ff}html{scroll-padding-top:125px}body{font-size:16px;line-height:1.65;background:var(--bg)}[hidden]{display:none!important}main{max-width:1440px;padding:0 32px 48px;outline:none}header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);box-shadow:0 3px 18px #142d4a08;max-width:none;padding:16px max(24px,calc((100vw - 1376px)/2));gap:24px}header .brand{min-width:0;gap:16px;font-size:19px;letter-spacing:0}header .brand>span:last-child{max-width:none;line-height:1.35}header .brand small{font-size:10px;letter-spacing:.14em;margin-top:6px}header .san-header-logo{width:112px;max-height:66px}header nav{gap:8px}header nav a,header nav a:first-child,header nav a:last-child{min-height:48px;padding:10px 18px;border-radius:10px}header nav a[aria-current=page]{background:var(--blue-soft);box-shadow:inset 0 -3px #135ab7}header nav a:hover{background:var(--blue-soft)}.skip-link{position:fixed;left:16px;top:-100px;padding:12px 20px;background:white;z-index:100}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #135ab7;outline-offset:3px}
.hero{max-width:1180px;gap:48px;padding:64px 0 56px}.hero h1{letter-spacing:-.045em;line-height:1.25;margin:20px 0 24px}.hero .lead{font-size:18px;color:#4d5b6d;line-height:1.9}.hero .eyebrow{font-size:12px;letter-spacing:.09em}.home-cta{margin:28px 0 0;max-width:100%;width:auto;display:flex;flex-wrap:wrap;gap:12px}.home-cta .button{font-size:18px;min-height:56px;padding:14px 24px;gap:20px}.home-cta .hero-note{flex-basis:100%;text-align:left;font-size:14px;margin:0;color:var(--muted)}.business-card{border-radius:18px;background:white;border:1px solid #dce3eb;box-shadow:0 18px 50px #142d4a0b}.business-card:before{opacity:.3}.card-top{padding:24px 28px 12px;gap:18px;border-top:5px solid var(--red)}.card-company{font-size:26px;line-height:1.4;letter-spacing:-.025em}.san-card-logo{width:160px}.person{padding:10px 28px}.person h2{line-height:1.7;font-size:18px}.person>.eyebrow{font-size:12px}.card-contact{padding:12px 28px 24px}.card-contact a{font-size:16px;min-height:44px;white-space:normal;overflow-wrap:anywhere;line-height:1.6;align-items:center;gap:8px}.card-contact a:first-child{font-size:23px}.card-bottom{font-size:11px;background:#f1f4f8;padding:16px 28px}.home-bottom{max-width:1180px;padding:30px 0 40px;gap:32px}.home-bottom h2{font-size:26px}.home-bottom p{font-size:16px;max-width:420px}.text-link{font-size:16px;display:inline-block;padding:8px 0}.section-label{font-size:11px;letter-spacing:.1em}
.pagehead{padding:34px 0 24px;max-width:1100px}.pagehead .back{font-size:16px;margin:0 0 18px;min-height:36px;display:inline-flex;align-items:center}.pagehead h1{font-size:clamp(28px,3.1vw,42px);line-height:1.35;margin:12px 0 14px;letter-spacing:-.035em;overflow-wrap:anywhere}.pagehead p{font-size:16px;line-height:1.85;margin:0;color:var(--muted)}.category-notice{display:block;background:#edf4ff;border:1px solid #cfdef4;border-radius:12px;padding:18px 22px;line-height:1.85}.category-notice:empty{display:none}.notice{background:#fff8e8;border-color:#e6ad3b;border-radius:0 8px 8px 0;font-size:14px;padding:12px 16px;line-height:1.7}.catalog-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:24px;padding:20px 24px;border:1px solid var(--line);border-radius:14px;background:white}.catalog-tools>label{font-size:16px;font-weight:700;margin:0}.search-control{display:flex;gap:10px;flex:1;min-width:260px}.search-control input{margin:0;background:#f8fafc}.search-control .button{flex-shrink:0;font-size:14px}.catalog-tools>p{flex-basis:100%;margin:0;font-size:14px;color:var(--muted)}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:32px}.category{min-width:0;background:white;padding:24px;border-radius:16px;min-height:230px;box-shadow:0 4px 12px #18334904}.category:hover{border-color:#9aafca;transform:translateY(-3px);box-shadow:0 10px 25px #1833490b}.category-top{font-size:13px;font-weight:700}.category .icon{height:90px;color:#135ab7}.category .icon svg{width:56px;height:56px}.category h2{line-height:1.4;overflow-wrap:anywhere;margin:10px 0 8px;letter-spacing:-.015em}.category p{font-size:14px;letter-spacing:0;line-height:1.6}.category.contact-category{background:#19395d;color:white}.category.contact-category .icon,.category.contact-category p,.category.contact-category .category-top{color:#deebfa}
.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.product{border-radius:15px;border:1px solid #dce3eb;background:white;box-shadow:0 4px 14px #17345205}.product .photo{height:260px;background:#fff;padding:16px;border-bottom:1px solid #edf1f5;font-size:14px}.product .photo img{object-fit:contain}.product-info{padding:20px;min-height:260px}.product-info .stock{grid-template-columns:100px minmax(0,1fr);gap:12px;padding:10px 0;line-height:1.65;min-height:44px}.product-info .stock>span{color:#576477;font-weight:500;letter-spacing:0}.product-info .stock strong{font-weight:600;line-height:1.65;text-align:left;overflow-wrap:anywhere}.product-info .stock.name-row,.product-info .stock.specification-row{grid-template-columns:1fr;gap:6px}.product-info .stock.name-row{padding:0 0 14px}.product-info .stock.name-row>span{font-size:12px;font-weight:600;letter-spacing:.06em;color:#576477}.product-info .stock.name-row h2{text-align:left;font-size:20px;font-weight:800;line-height:1.5}.product-info .stock.specification-row strong{text-align:left;line-height:1.8;background:#f7f9fc;border-radius:8px;padding:12px;white-space:pre-wrap}.product-info .stock.specification-row>span{font-size:12px;letter-spacing:.04em}.product-info .button{min-height:48px;font-size:15px;margin-top:16px;padding:12px 16px;justify-content:center}.button{min-height:48px;border-radius:9px;font-size:16px;gap:16px}.secondary{background:#fff;border-color:#c7d3e2;color:#234568}.button:disabled{cursor:not-allowed;opacity:.5}.list-count{font-size:14px;gap:16px;line-height:1.7}.pagination{gap:18px;padding:8px 0 36px}.pagination>span{font-size:16px;font-weight:700}.pagination .button{min-width:100px;justify-content:center;font-size:16px}
.contact-layout{grid-template-columns:1fr 1fr;gap:36px;align-items:start}.contact-info{padding:28px;background:#edf3fa;border-radius:16px;border:1px solid #dce5f0}.contact-info h2{font-size:28px;margin:14px 0;line-height:1.45}.contact-info .contact-person,.contact-info p{font-size:16px;color:#4b5b70}.contact-line{font-size:18px;padding:13px 0;margin:0;border-bottom:1px solid #d6e1ee;overflow-wrap:anywhere;line-height:1.7}.contact-line small{font-size:13px;color:#576477}.contact-form{border-radius:16px;padding:28px}.contact-form label,label{font-size:15px;font-weight:600}input,textarea,select{font-size:16px;min-height:48px;padding:12px 14px;border-radius:8px;border-color:#bdcada;background:#fff;line-height:1.5;font-weight:400}textarea{min-height:130px}input[type=checkbox]{min-height:0;width:20px;height:20px;accent-color:#135ab7;flex-shrink:0}.checkbox{min-height:44px}.form-note{font-size:14px;line-height:1.7;color:var(--muted)}.form-actions{display:grid;grid-template-columns:1fr;gap:12px}.form-actions .button{font-size:16px;justify-content:center}.contact-form .button[type=submit]{min-height:50px}
body[data-view=admin] main,body[data-view=settings] main{max-width:1180px}.admin-tabs{gap:8px;margin:0 0 24px}.admin-tabs a,.admin-tabs a:first-child,.admin-tabs a:last-child{font-size:16px;min-height:48px;display:inline-flex;align-items:center;padding:10px 18px;border-radius:9px}.admin-toolbar{padding:20px 24px;margin-bottom:24px;border:1px solid var(--line);border-radius:12px;background:white}.admin-toolbar label{margin:0;flex:1;max-width:520px;min-width:0}.admin-layout{gap:28px;grid-template-columns:1fr 1fr;align-items:start}.admin-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-height:400px;overflow:auto;padding:4px}.slot{min-height:64px;background:white;border-color:#ccd7e4;border-radius:8px;padding:10px 7px}.slot b{font-size:17px}.slot span{font-size:12px;line-height:1.5}.slot.filled{background:#eef4fc}.slot.selected{background:#135ab7;border-color:#135ab7;color:white}.order-controls{padding:20px;border-radius:12px;background:white}.order-controls h2{font-size:20px}.admin-photo{border-radius:10px;background:#f5f7fb;height:220px}.quantity-fields{grid-template-columns:1fr 1fr}.admin-layout .contact-form h2{font-size:24px}.settings-switcher{display:flex;gap:6px;background:#e7edf5;padding:6px;border-radius:12px;margin:0 0 24px}.settings-switcher button{flex:1;background:transparent;color:#42546d;border:0;border-radius:8px;padding:14px 8px;min-height:48px;font-size:16px;font-weight:700;cursor:pointer}.settings-switcher button[aria-selected=true]{background:white;color:#135ab7;box-shadow:0 2px 6px #12345514}.settings-section{border-radius:16px;padding:28px}.settings-section h2{font-size:23px;line-height:1.5;margin:0 0 20px}.settings-fields{gap:0 24px}.settings-fields label{font-size:15px}.settings-section>p{font-size:15px}.settings-category{padding:0;background:#fff;border-radius:10px;margin:12px 0;overflow:hidden}.settings-category summary{display:flex;gap:12px;align-items:center;padding:16px;cursor:pointer;list-style:none;min-height:64px;font-size:16px;font-weight:700}.settings-category summary::-webkit-details-marker{display:none}.settings-category summary:after{content:'+';font-size:23px;font-weight:400;margin-left:auto;color:#135ab7}.settings-category[open] summary:after{content:'−'}.settings-category[open] summary{background:#f0f5fc;border-bottom:1px solid #dce3eb}.category-number{font-size:13px;color:#65758a;font-weight:500}.settings-cat-name{min-width:0;overflow-wrap:anywhere}.visibility-badge{font-size:11px;white-space:nowrap;border:1px solid #c8d5e5;background:#f8fafc;color:#4b607c;padding:2px 7px;border-radius:12px;font-weight:500}.settings-category-body{padding:20px}.settings-row-actions .button{min-height:44px;font-size:14px}.settings-category label{font-size:15px}.settings-save{position:sticky;bottom:12px;z-index:20;box-shadow:0 8px 30px #122f4d20;background:#fff;border:1px solid #c8d7e9;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:16px 20px;border-radius:12px;margin-top:24px}.settings-save .button{font-size:16px}.settings-save span{font-size:14px;margin:0;color:#4f627d}.settings-save p{flex-basis:100%;margin:0;font-size:14px}.settings-save p:empty{display:none}#settings-logo-preview{height:110px;width:190px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}#settings-sample{border-radius:12px;background:#f8fafc}.settings-section .form-note{font-size:14px}footer{max-width:1440px;font-size:13px;gap:20px;line-height:1.8;padding:24px 32px;flex-wrap:wrap}footer a{min-height:36px;display:flex;align-items:center}
@media(min-width:1100px){header .brand{font-size:23px}header .san-header-logo{width:140px}header .brand small{font-size:11px}}
@media(max-width:1099px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:28px}.grid{gap:16px}.category{padding:20px}.hero h1{font-size:44px}.contact-layout{gap:22px}}
@media(max-width:750px){header{padding:12px 20px;gap:12px;flex-wrap:wrap;justify-content:center}header .brand{width:100%;justify-content:center;font-size:17px}header .san-header-logo{width:84px;max-height:48px}header .brand small{font-size:9px}header nav{width:100%;justify-content:center;gap:4px}header nav a,header nav a:first-child,header nav a:last-child{flex:1;text-align:center;padding:8px 12px;min-height:44px}main{padding:0 20px 28px}.hero{grid-template-columns:1fr;max-width:560px;padding:36px 0;gap:28px}.hero .lead{font-size:17px}.hero .eyebrow{font-size:11px}.hero .home-cta{margin-left:0;max-width:100%}.home-cta .button{flex:1;white-space:nowrap;font-size:16px;padding:14px 16px;gap:10px}.home-bottom{display:block;padding:24px 0}.home-bottom p{font-size:16px;max-width:none}.business-card{margin:0}.card-company{font-size:24px}.pagehead{padding:24px 0 20px}.pagehead h1{font-size:30px}.pagehead p{font-size:16px}.pagehead .section-label{font-size:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category{padding:18px 16px;min-height:220px}.category .icon{height:70px}.category p{font-size:12px}.catalog-tools{padding:16px;gap:10px}.catalog-tools label{flex-basis:100%}.search-control{min-width:0;width:100%}.category-notice{padding:16px;line-height:1.9}.contact-layout,.admin-layout{grid-template-columns:1fr}.contact-info,.contact-form{padding:22px}.admin-toolbar{padding:16px;align-items:stretch;flex-direction:column;gap:8px}.admin-toolbar label{max-width:none}.admin-slots{grid-template-columns:repeat(5,minmax(0,1fr));max-height:300px}.settings-section{padding:20px}.settings-fields{grid-template-columns:1fr}.settings-section h2{font-size:22px}.settings-switcher button{font-size:14px;padding:12px 6px}.settings-category summary{padding:14px 12px;gap:8px;font-size:15px}.settings-category-body{padding:16px}.settings-save{bottom:8px;padding:14px;gap:8px}.settings-save .button{width:100%;justify-content:center}.settings-save span{font-size:12px}.admin-tabs a,.admin-tabs a:first-child,.admin-tabs a:last-child{font-size:14px;padding:10px 14px}.admin-tabs{gap:8px}.list-count{flex-wrap:wrap;font-size:14px}footer{padding:24px 20px;gap:12px}footer span,footer a{width:100%;font-size:13px}html{scroll-padding-top:150px}}
@media(max-width:650px){.products{grid-template-columns:minmax(0,1fr);gap:20px}.product .photo{height:260px}.product-info{padding:20px}.product-info .stock{grid-template-columns:110px minmax(0,1fr)}.product-info .stock.name-row,.product-info .stock.specification-row{grid-template-columns:1fr}.product-info .stock.specification-row strong{padding:14px}.contact-info h2{font-size:25px}.card-top,.person,.card-contact{padding-left:22px;padding-right:22px}.person h2,.person h2 span{font-size:17px}.card-contact a:first-child{font-size:22px}.card-contact a{font-size:15px}}
@media(max-width:420px){main{padding-left:16px;padding-right:16px}.grid{grid-template-columns:1fr}.category{display:grid;grid-template-columns:60px minmax(0,1fr);column-gap:18px;min-height:140px;padding:20px}.category-top{grid-column:1/-1;margin-bottom:8px}.category .icon{grid-row:2/4;height:auto;align-self:center}.category h2,.category p{text-align:left}.category h2{margin:0 0 4px}.category p{font-size:13px}.category .icon svg{width:48px;height:48px}.settings-switcher button{font-size:13px}.visibility-badge{font-size:10px;padding:2px 5px;flex-shrink:0}.settings-cat-name{font-size:15px}.card-company{font-size:22px}.home-cta{display:block}.home-cta .button{display:flex;width:100%;margin:0 0 12px}.home-cta .hero-note{text-align:center}.admin-slots{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-section{padding:16px}.settings-row-actions{gap:8px}.settings-row-actions .checkbox{flex-basis:100%}.card-bottom{font-size:10px;letter-spacing:.04em;gap:10px}header .brand>span:last-child{max-width:none}header .brand{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.category:hover{transform:none}}

.category h2{text-wrap:balance}.settings-category summary{scroll-margin-top:150px}.settings-cat-name{flex:1}.settings-category summary:after{flex-shrink:0}
.photo-open{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:white;cursor:zoom-in;border-radius:8px}.photo-open img{width:100%;height:100%;object-fit:contain}.photo-open-hint{position:absolute;bottom:0;right:0;padding:6px 10px;border-radius:7px;background:#edf4ff;color:#135ab7;border:1px solid #cbdcf2;font-size:12px;font-weight:700}.photo-open:hover .photo-open-hint{background:#135ab7;color:white}#photo-viewer{width:min(1100px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #cbd5e1;border-radius:16px;background:white;color:#20324b;box-shadow:0 24px 80px #0004;overflow:auto}#photo-viewer::backdrop{background:#102036d9}.photo-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #dce3eb}.photo-viewer-header h2{margin:0;font-size:20px;line-height:1.4;overflow-wrap:anywhere}.photo-viewer-header button,.photo-viewer-controls button{min-height:44px;border:1px solid #c5d3e4;border-radius:8px;background:#f4f7fc;color:#135ab7;padding:8px 14px;font-size:15px;font-weight:700;cursor:pointer}.photo-viewer-header button{flex-shrink:0}.photo-viewer-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:12px 16px}.photo-viewer-controls output{min-width:55px;text-align:center;font-weight:700}.photo-viewer-controls button:disabled{opacity:.45;cursor:default}#photo-viewport{height:min(65vh,640px);overflow:auto;background:#f0f3f7;overscroll-behavior:contain;cursor:grab}.photo-stage{width:max-content;min-width:100%;min-height:100%;display:grid;place-items:center;padding:16px;box-sizing:border-box}#photo-large{max-width:none;height:auto;display:block;user-select:none;background:white}#photo-large[hidden]{display:none}#photo-viewer-help,#photo-viewer-status{font-size:13px;line-height:1.6;margin:12px 20px;color:#52637a}#photo-viewer-status:empty{display:none}@media(max-width:650px){#photo-viewer{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.photo-viewer-header{padding:12px;gap:8px}.photo-viewer-header h2{font-size:16px}.photo-viewer-controls{gap:8px;padding:10px 8px}.photo-viewer-controls button{font-size:13px;padding:8px 10px}#photo-viewport{height:55dvh}#photo-viewer-help{font-size:12px;margin:10px 12px}}
.account-card{max-width:650px;margin:24px auto;padding:28px;background:white;border:1px solid #d8e0ea;border-radius:18px;box-shadow:0 8px 24px #16345108}.account-card p{line-height:1.7}.account-card fieldset{border:1px solid #d8e0ea;padding:20px;border-radius:12px;display:grid;gap:16px;min-width:0}.account-card legend{font-size:19px;font-weight:750;color:#175ba2;padding:0 8px}.account-card input{font-size:16px;min-height:48px}.account-card .checkbox{align-items:flex-start;line-height:1.6}.account-card input[type=checkbox]{min-height:22px;flex-shrink:0}.account-help{margin-top:24px;border-top:1px solid #d8e0ea;padding-top:18px}.account-help summary{cursor:pointer;font-weight:700;color:#175ba2;padding:8px 0}.admin-tabs{flex-wrap:wrap;gap:8px}.account-card #account-mode{margin-top:20px}@media(max-width:650px){.account-card{padding:18px;margin:16px 0}.account-card fieldset{padding:14px}.account-card .button{white-space:normal;line-height:1.5}}
.catalog-heading{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px;align-items:start;margin:36px 0 28px}.catalog-heading .pagehead{margin:0;padding-top:10px}.material-menu{background:#fff;border:1px solid #cbd9ec;border-radius:16px;padding:22px 24px;box-shadow:0 6px 20px #17365808}.material-menu h2{font-size:25px;color:#1558a0;margin:0 0 12px}.material-menu h3{font-size:17px;margin:12px 0 4px;color:#34445b}.material-menu a{display:flex;justify-content:space-between;gap:12px;padding:8px 0;min-height:42px;font-size:17px;font-weight:650;color:#175ba2;text-decoration:none;border-bottom:1px solid #edf1f6}.material-menu a:hover{text-decoration:underline}.material-submenu{padding-left:14px}.material-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}.material-tabs a{padding:12px 18px;border:1px solid #cbd9ec;border-radius:10px;color:#175ba2;font-weight:700;background:#fff}.material-tabs a[aria-current]{background:#175ba2;color:white}.material-section{min-width:0}.material-section>h2{font-size:25px;margin:12px 0 18px}.material-list{display:grid;gap:14px}.material-file{background:white;border:1px solid #dce3eb;border-radius:14px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;min-width:0}.material-file>div:first-child{min-width:0}.material-file h3{font-size:19px;line-height:1.5;margin:5px 0;overflow-wrap:anywhere}.material-file p{font-size:14px;color:#576477;margin:5px 0}.material-kind{font-size:13px;color:#175ba2;font-weight:750}.material-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.material-actions .button{min-height:44px;font-size:15px;padding:10px 16px;white-space:nowrap}.material-empty{padding:32px 24px;background:#fff;border:1px dashed #cbd9ec;border-radius:14px;color:#576477}.material-admin{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:30px;align-items:start}.material-admin .contact-form{position:sticky;top:125px}.material-admin .material-file{display:block}.material-admin .material-actions{margin-top:14px}.material-hidden{background:#f0f3f7}.material-admin input[type=file]{width:100%;min-width:0}.material-admin .button{white-space:normal}.material-admin .contact-form>h2{margin:0;font-size:24px}@media(max-width:800px){.catalog-heading{grid-template-columns:1fr;gap:20px;margin-top:24px}.material-menu{padding:18px 20px}.material-submenu{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.material-admin{grid-template-columns:1fr}.material-admin .contact-form{position:static}.material-file{align-items:flex-start;flex-direction:column}.material-actions{width:100%}.material-tabs a{flex:1 1 auto;text-align:center;padding:10px 12px}}@media(max-width:400px){.material-submenu{grid-template-columns:1fr}.material-menu a{font-size:16px}}
.document-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.document-heading h1{font-size:clamp(22px,3vw,34px);overflow-wrap:anywhere;line-height:1.4;min-width:0}.document-heading .button{flex-shrink:0}.document-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px;background:#fff;border:1px solid #dce3eb;border-radius:12px}.document-toolbar .button{padding:10px 14px;min-height:44px;font-size:15px}#doc-page{font-weight:700;min-width:100px;text-align:center}#document-stage{background:#e6ebf2;padding:16px;overflow:auto;max-height:78vh;min-height:180px;margin-top:16px;border-radius:12px;overscroll-behavior:contain}#document-canvas{display:block;background:#fff;margin:auto;max-width:none;box-shadow:0 2px 8px #0002}@media(max-width:650px){.document-heading{align-items:flex-start;flex-direction:column}.document-toolbar{gap:8px;padding:10px}.document-toolbar .button{font-size:14px;padding:8px 12px}#document-stage{max-height:70vh}}
details.material-menu{align-self:start}details.material-menu>summary{cursor:pointer;color:#135ab7;font-size:20px;font-weight:800;min-height:44px;align-content:center}details.material-menu .material-menu-content{padding-top:12px}details.material-menu a{font-size:14px;line-height:1.5;min-height:44px}details.material-menu h3{font-size:14px;margin:14px 0 6px}details.material-menu .material-submenu{gap:4px}
/* Compact pastel resource disclosure. */
details.material-menu{width:230px;max-width:100%;justify-self:end;padding:6px 16px;background:linear-gradient(120deg,#eaf3ff,#edf8f5);border:1px solid #d7e6ee;border-radius:14px;box-shadow:0 3px 10px #375c7910}
details.material-menu>summary{display:flex;align-items:center;gap:10px;min-height:44px;list-style:none;font-size:16px;font-weight:700;color:#365f83}
details.material-menu>summary::-webkit-details-marker{display:none}
details.material-menu>summary:before{content:'';width:17px;height:20px;border:1.5px solid #7d9cb4;border-radius:3px;background:linear-gradient(#a7bdce,#a7bdce) 4px 6px/8px 1px no-repeat,linear-gradient(#a7bdce,#a7bdce) 4px 11px/8px 1px no-repeat;flex-shrink:0}
details.material-menu>summary:after{content:'';width:7px;height:7px;border-right:1.5px solid #6b8ca8;border-bottom:1.5px solid #6b8ca8;transform:rotate(45deg);margin-left:auto;margin-right:2px;margin-top:-4px}
details.material-menu[open]>summary:after{transform:rotate(225deg);margin-top:4px}
details.material-menu:hover{border-color:#b7cfdf}
details.material-menu .material-menu-content{padding:4px 0 8px;border-top:1px solid #d6e5ed}
details.material-menu a{color:#3e6382;border-bottom-color:#dae7ef;font-size:13px}
details.material-menu h3{color:#516b7e;font-size:13px}
details.material-menu .material-submenu{padding-left:8px;display:block}
@media(max-width:800px){details.material-menu{justify-self:start}}
details.material-menu .material-menu-content{padding:3px 0 4px}details.material-menu a{min-height:28px;padding:4px 0;line-height:1.4;align-items:center}details.material-menu h3{margin:7px 0 2px;line-height:1.4}details.material-menu .material-submenu{gap:0}

.material-delete{color:#a53434;border-color:#e3c2c2}.document-heading{margin:10px 0;gap:10px}.document-heading h1{font-size:20px;margin:0}.document-toolbar{padding:6px 10px;gap:6px}.document-toolbar .button{min-height:36px;padding:6px 10px;font-size:13px}#doc-status{font-size:12px;margin:4px 0}#document-stage{padding:12px;max-height:none;min-height:160px;margin-top:6px;box-sizing:border-box}#document-canvas{margin:auto}.document-bottom{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 0}.document-bottom .button{min-height:40px;padding:8px 16px;font-size:14px}.document-bottom span{font-size:14px;font-weight:700}@media(max-width:650px){.document-heading{flex-direction:row;align-items:center}.document-heading h1{font-size:16px}.document-heading .button{font-size:12px;padding:6px;min-height:36px}.document-bottom{gap:8px}.document-bottom .button{padding:8px 10px}}
@media(min-width:1000px){.catalog-heading{grid-template-columns:minmax(0,1fr) minmax(430px,1fr);gap:24px}details.material-menu{position:relative;align-self:center;justify-self:start;width:190px;margin-left:12px}details.material-menu .material-menu-content{position:absolute;left:calc(100% + 12px);top:-1px;width:220px;max-width:none;padding:8px 14px;background:linear-gradient(120deg,#eaf3ff,#edf8f5);border:1px solid #d7e6ee;border-radius:12px;box-shadow:0 5px 15px #375c7914;z-index:4}details.material-menu>summary:after{transform:rotate(-45deg);margin-top:0}details.material-menu[open]>summary:after{transform:rotate(135deg)}}
@media(min-width:1000px){details.material-menu .material-menu-content{top:50%;transform:translateY(-50%)}}
details.material-menu,details.material-menu .material-menu-content{background:linear-gradient(120deg,#eee0d5,#f7eee7);border-color:#dbc6b7;box-shadow:0 3px 12px #78513a10}details.material-menu>summary,details.material-menu a,details.material-menu h3{color:#72513e}details.material-menu>summary:before{border-color:#aa8770;background:linear-gradient(#b69a86,#b69a86) 4px 6px/8px 1px no-repeat,linear-gradient(#b69a86,#b69a86) 4px 11px/8px 1px no-repeat}details.material-menu>summary:after{border-color:#96755e}details.material-menu a{border-bottom-color:#e4d4c8}details.material-menu:hover{border-color:#c4a68f}
.catalog-celebration{position:fixed;inset:0;z-index:200;pointer-events:none;overflow:hidden}.catalog-thanks{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%);padding:15px 28px;border-radius:40px;background:#fffef5f5;color:#854d20;border:1px solid #ffe2a0;box-shadow:0 8px 32px #d39b3b30;font-size:clamp(22px,4vw,30px);font-weight:800;white-space:nowrap;animation:catalog-thanks 1.8s ease both}.catalog-spark{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--spark-color);box-shadow:0 0 9px var(--spark-color);animation:catalog-burst 1s cubic-bezier(.16,.65,.35,1) both}@keyframes catalog-burst{0%{opacity:0;transform:translate(0,0) scale(.3)}12%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.25)}}@keyframes catalog-thanks{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}15%,75%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-55%) scale(1)}}@media(prefers-reduced-motion:reduce){.catalog-spark{display:none}.catalog-thanks{animation:none}}

.category-celebration .catalog-spark{width:13px;height:13px;border-radius:0;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);animation-name:category-starburst;filter:drop-shadow(0 0 5px var(--spark-color))}@keyframes category-starburst{0%{opacity:0;transform:translate(0,0) rotate(0) scale(.2)}12%{opacity:1}65%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(150deg) scale(.4)}}
.catalog-thanks{background:none;border:0;box-shadow:none;border-radius:0;padding:0;font-size:clamp(28px,5vw,40px);font-weight:900;animation:catalog-thanks-right 2.4s linear both;text-shadow:0 1px 1px #fff8}.catalog-spark{width:14px;height:14px;box-shadow:0 0 5px var(--spark-color),0 0 12px var(--spark-color);animation-duration:1.4s;animation-name:catalog-bold-burst}.category-celebration .catalog-spark{width:23px;height:23px;animation-name:category-bold-star;animation-duration:1.4s;filter:drop-shadow(0 0 3px var(--spark-color))}@keyframes catalog-bold-burst{0%{opacity:1;transform:translate(0,0) scale(.7)}20%,70%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.65)}}@keyframes category-bold-star{0%{opacity:1;transform:translate(0,0) rotate(0) scale(.6)}20%,75%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(150deg) scale(.75)}}@keyframes catalog-thanks-right{0%{opacity:1;transform:translate(-65%,-50%)}65%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + min(28vw,320px)),-50%)}}@media(prefers-reduced-motion:reduce){.catalog-thanks{animation:none;transform:translate(-50%,-50%)}.catalog-spark{display:none}}
/* Dark resource menu with clearly separated colored headings. */
details.material-menu,details.material-menu .material-menu-content{background:#343a42;border-color:#505965;box-shadow:0 4px 14px #17212d20;color:#fff}details.material-menu>summary,details.material-menu a{color:#fff}details.material-menu>summary:before{border-color:#e1e7ed;background:linear-gradient(#e1e7ed,#e1e7ed) 4px 6px/8px 1px no-repeat,linear-gradient(#e1e7ed,#e1e7ed) 4px 11px/8px 1px no-repeat}details.material-menu>summary:after{border-color:#fff}details.material-menu:hover{border-color:#8593a4}details.material-menu a{border-bottom-color:#505965}details.material-menu .material-menu-content>a,details.material-menu h3{color:#83beff;font-weight:800;white-space:nowrap}details.material-menu .material-submenu a:nth-child(1){color:#ffe082}details.material-menu .material-submenu a:nth-child(2){color:#7ee7bf}details.material-menu .material-submenu a:nth-child(3){color:#ffadd8}details.material-menu .material-submenu a:nth-child(4){color:#ffb783}details.material-menu{width:280px}@media(min-width:1000px){.catalog-heading{grid-template-columns:minmax(0,1fr) minmax(490px,1fr)}details.material-menu{width:190px}details.material-menu .material-menu-content{width:280px}}

.material-view-title{color:#175ba2;text-decoration:none;display:inline-flex;align-items:center;gap:14px;min-height:44px}.material-view-title:hover{text-decoration:underline}.material-view-title span{flex-shrink:0;font-size:22px}
@media(min-width:1000px){details.material-menu .material-menu-content:before{content:"";position:absolute;top:0;bottom:0;right:100%;width:14px;background:transparent}}

.header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-left:auto;min-width:0}.language-switch{display:flex;gap:5px;align-items:center;padding:5px 7px;background:#fff3a6;border:1px solid #efce54;border-radius:12px;box-shadow:0 3px 10px #e9bc3320}.language-switch>span{font-size:28px;line-height:1;padding:0 4px;flex-shrink:0}.language-switch button{font:inherit;font-size:14px;font-weight:800;line-height:1.2;border:1px solid transparent;border-radius:8px;padding:10px 13px;min-height:38px;background:transparent;color:#4c471f;cursor:pointer}.language-switch button[aria-pressed=true]{background:#0875cd;color:white;border-color:#0875cd;box-shadow:0 2px 5px #135ab730}.language-switch button:hover{border-color:#0875cd}.language-switch button:focus-visible{outline:3px solid #174c8e;outline-offset:2px}html[lang=en] header nav a{white-space:nowrap}html[lang=en] .hero h1{overflow-wrap:normal;word-break:normal}html[lang=en] .product-info .button{white-space:normal;text-align:center}html[lang=en] .category h2{font-size:clamp(20px,2.2vw,26px)}@media(max-width:800px){header{flex-wrap:wrap}.header-actions{width:100%;gap:8px}.header-actions nav{width:100%;justify-content:space-between}.language-switch{align-self:flex-end}.language-switch button{min-height:40px}header .brand{max-width:100%}html[lang=en] .intro h1{font-size:clamp(30px,7.5vw,48px)}}
.header-actions{flex-direction:row;align-items:center;gap:18px}.language-switch{flex-shrink:0}@media(max-width:1050px){header{flex-wrap:wrap}.header-actions{margin-left:auto}}@media(max-width:800px){.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.header-actions nav{width:100%;order:1}.language-switch{order:0}}

/* Desktop: title, compact product search, then resources. */
@media(min-width:1100px){
 .catalog-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,1.2fr) 190px;gap:28px;align-items:center;margin:32px 0 26px}
 .catalog-top .catalog-heading{display:contents}
 .catalog-top .pagehead{grid-column:1;grid-row:1;margin:0;padding:10px 0}
 .catalog-top .catalog-tools{grid-column:2;grid-row:1;margin:0;padding:16px;gap:10px;min-width:0}
 .catalog-top .catalog-tools>label{flex-basis:100%}
 .catalog-top .search-control{min-width:0;width:100%}
 .catalog-top .search-control input{min-width:0}
 .catalog-top .catalog-tools>p{font-size:13px;line-height:1.5}
 .catalog-top details.material-menu{grid-column:3;grid-row:1;margin:0;justify-self:end}
 .catalog-top details.material-menu .material-menu-content{left:auto;right:0;top:calc(100% + 10px)}
 .catalog-top details.material-menu .material-menu-content:before{top:-12px;bottom:auto;right:0;width:100%;height:12px}
 .catalog-top details.material-menu>summary:after{transform:rotate(45deg)}
 .catalog-top details.material-menu[open]>summary:after{transform:rotate(225deg)}
}

@media(min-width:1100px){.catalog-top .catalog-tools{width:100%;max-width:470px;justify-self:start;box-sizing:border-box}.catalog-top .catalog-tools>p{font-size:12px;letter-spacing:-.15px}.catalog-top .search-control .button{padding-left:16px;padding-right:16px}}

@media(min-width:1000px){details.material-menu{width:220px}}@media(min-width:1100px){.catalog-top{grid-template-columns:minmax(0,1.05fr) minmax(320px,1.2fr) 220px}}

/* Compact home card with a separate news destination above it. */
.home-company-panel{width:100%;max-width:470px;justify-self:end;min-width:0;display:grid;gap:12px}
.home-news-link{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 18px;min-height:50px;border:1px solid #bd493d;border-radius:12px;background:#c65346;color:#fff;text-decoration:none;box-sizing:border-box}
.home-news-caption{font-size:15px;font-weight:700}.home-news-link strong{font-size:19px;font-weight:850}.home-news-link>span:last-child{margin-left:auto;font-size:22px}.home-news-link:hover{background:#b94539;border-color:#aa3a30}.home-news-link:focus-visible{outline:3px solid #175ba2;outline-offset:3px}
.home-company-panel .business-card{margin:0;width:100%;min-height:0;box-sizing:border-box}
.home-company-panel .card-top{padding:16px 24px 6px;gap:8px}.home-company-panel .san-card-logo{width:138px;height:auto}.home-company-panel .card-company{font-size:23px;line-height:1.3}
.home-company-panel .person{padding:6px 24px}.home-company-panel .person h2{margin:6px 0;line-height:1.4}.home-company-panel .person>.eyebrow{font-size:11px}
.home-company-panel .card-contact{padding:4px 24px 12px}.home-company-panel .card-contact a{min-height:40px;line-height:1.4}.home-company-panel .card-contact a:first-child{font-size:22px}
.home-company-panel .card-bottom{padding:10px 24px}
@media(max-width:750px){.home-company-panel{justify-self:center;max-width:470px}.home-news-link{gap:8px;padding:12px 16px}.home-news-caption{font-size:14px}.home-news-link strong{font-size:18px}.home-company-panel .card-company{font-size:clamp(19px,5vw,23px)}.home-company-panel .card-top,.home-company-panel .person,.home-company-panel .card-contact{padding-left:20px;padding-right:20px}}
.product-catalog-link{margin:12px 0 8px;justify-content:center}.product-catalog-editor{border:1px solid #cbd9ec;border-radius:12px;padding:16px;margin:4px 0 16px;min-width:0}.product-catalog-editor legend{font-weight:750;color:#175ba2;padding:0 6px}.product-catalog-editor select{width:100%;min-width:0}.catalog-search-notice{padding:12px 16px;background:#edf4ff;color:#175ba2;border-radius:10px;font-size:14px;line-height:1.5}

/* A quiet inset edge keeps product images and specifications central. */
.product{border:1px solid #c9d8e8;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 5px 16px #213d6010,inset 0 0 18px #b5cbe32b;transition:border-color .18s ease,box-shadow .18s ease}
.product .product-info{background:radial-gradient(ellipse at 50% 40%,#fff 52%,#f0f5fb 100%);box-shadow:inset 0 0 14px #c3d4e51a}
.product .photo{border-bottom:1px solid #dce6f0}
@media(hover:hover){.product:hover{border-color:#9bb8d7;box-shadow:0 8px 24px #213d6018,inset 0 0 20px #b5cbe330}}
@media(prefers-reduced-motion:reduce){.product{transition:none}}
/* Soft blue framing for the category selection cards. */
.category{border:1px solid #b9cfe5;background:radial-gradient(ellipse at 50% 43%,#fff 42%,#f4f8fd 77%,#e8f1fb 100%);box-shadow:inset 0 0 22px #adc9e52b,0 5px 16px #244e7610;border-radius:18px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.category.contact-category{border-color:#89afd6;background:radial-gradient(ellipse at 50% 43%,#254d76 0%,#19395d 75%,#143250 100%);box-shadow:inset 0 0 22px #8db9e833,0 5px 16px #244e761a}
@media(hover:hover){.category:hover{border-color:#78a7d5;box-shadow:inset 0 0 24px #a9c9ec40,0 10px 24px #244e761b}.category.contact-category:hover{border-color:#b6d8fa;box-shadow:inset 0 0 26px #9acaff40,0 10px 24px #244e7624}}
@media(prefers-reduced-motion:reduce){.category{transition:none}.category:hover{transform:none}}

.san-visitor-counts{padding:14px 18px;border:2px solid #e3b09b;border-radius:14px;background:#fff5ed;color:#723528;margin-top:16px;max-width:440px;width:100%;box-sizing:border-box}.san-visitor-counts>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin:3px 0}.san-visitor-counts strong{font-size:22px;font-weight:800}.san-visitor-counts small{display:block;font-size:10px;margin-top:7px}.san-visitor-counts details{font-size:11px;line-height:1.6;margin-top:7px}.san-visitor-counts summary{cursor:pointer}.san-visitor-counts p{font-size:11px}

/* News and language learning below the main home actions. */
.home-resource-links{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px;margin-top:30px;max-width:440px}
.home-resource-links .home-news-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:12px 16px;min-height:68px}
.home-resource-links .home-news-caption{font-size:12px;grid-column:1}.home-resource-links .home-news-link strong{font-size:18px;grid-column:1}.home-resource-links .home-news-link>span:last-child{grid-column:2;grid-row:1/3;align-self:center;margin:0}
.home-education-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;min-height:68px;border:1px solid #2c73bf;border-radius:12px;background:#337fc9;color:#fff;box-sizing:border-box}.home-education-link strong{font-size:19px}.home-education-link>span{font-size:22px}.home-education-link:hover{background:#246bb2}.home-education-link:focus-visible{outline:3px solid #175ba2;outline-offset:3px}
@media(max-width:420px){.home-resource-links{gap:10px;margin-top:24px;max-width:none}.home-resource-links .home-news-link{padding:12px}.home-education-link{padding:12px}.home-education-link strong{font-size:17px}.home-resource-links .home-news-caption{font-size:11px}}

/* Match the home shortcuts to the product browsing button. */
.hero{--home-action-width:190px;--home-action-height:56px}
.home-cta .button.primary{width:var(--home-action-width);height:var(--home-action-height);min-height:var(--home-action-height);padding:12px 20px;gap:12px}
.home-resource-links{grid-template-columns:repeat(2,var(--home-action-width));max-width:none;gap:12px;margin-top:24px}
.home-resource-links .home-news-link,.home-resource-links .home-education-link{width:var(--home-action-width);height:var(--home-action-height);min-height:var(--home-action-height);border-radius:8px;padding:6px 14px}
.home-resource-links .home-news-link{background:#f4b9a7;border-color:#e5a28e;color:#713529;gap:0 8px}
.home-resource-links .home-news-link:hover{background:#edaa96;border-color:#d9917c}
.home-resource-links .home-news-caption{font-size:11px;line-height:15px}.home-resource-links .home-news-link strong{font-size:16px;line-height:21px}.home-resource-links .home-education-link strong{font-size:17px}
@media(max-width:420px){.home-resource-links{grid-template-columns:minmax(0,1fr);gap:10px}.home-cta .button.primary,.home-resource-links .home-news-link,.home-resource-links .home-education-link{width:100%}}

.home-resource-heading{grid-column:1/-1;margin:0 0 -4px;font-size:15px;font-weight:700;line-height:1.5;color:#52667d}

.home-resource-heading{max-width:392px;overflow-wrap:anywhere}

/* Compact phone home: keep both useful links in the opening view. */
@media(max-width:650px){
.hero{padding:20px 0 30px;gap:24px;align-items:start}
.hero .intro h1{font-size:32px;line-height:1.2;margin:12px 0 14px}
.hero .intro .eyebrow{font-size:9px;letter-spacing:.06em}
.hero .intro .lead{font-size:14px;line-height:1.65;margin:0}
.hero .home-cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
.hero .home-cta .button{width:100%;height:48px;min-height:48px;margin:0;padding:10px 12px;font-size:14px;gap:8px}
.hero .home-cta .hero-note{grid-column:1/-1;font-size:11px;line-height:1.5;text-align:left;margin:0}
.hero .home-resource-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;max-width:100%}
.hero .home-resource-heading{font-size:12px;line-height:1.5;margin:0;max-width:100%}
.hero .home-resource-links .home-news-link,.hero .home-resource-links .home-education-link{width:100%;height:48px;min-height:48px;padding:5px 10px}
.hero .home-resource-links .home-news-caption{font-size:10px;line-height:13px}.hero .home-resource-links .home-news-link strong{font-size:14px;line-height:18px}.hero .home-education-link strong{font-size:15px}
}

.hero-contact-details{display:none}
@media(max-width:650px){.hero .home-cta .hero-contact{padding:5px 7px;gap:5px;justify-content:space-between}.hero-contact-title{font-size:12px;line-height:1.3}.hero-contact-arrow{display:none}.hero-contact-details{display:flex;flex-direction:column;gap:0;font-size:10px;font-weight:500;line-height:12px;color:#52667d;flex-shrink:0;text-align:left}.hero .home-cta .hero-note{display:none}}

/* Make the introductory English tagline easier to read on every screen. */
.hero .intro .eyebrow{font-size:14px;line-height:1.5;letter-spacing:.07em;font-weight:750}
@media(max-width:650px){.hero .intro .eyebrow{font-size:11px;line-height:1.5;letter-spacing:.04em}}
@media(max-width:650px){.hero .home-resource-links .home-news-caption{grid-column:1/-1;white-space:nowrap;letter-spacing:-.03em}.hero .home-resource-links .home-news-link>span:last-child{grid-row:2;grid-column:2}}

/* News title left, bold two-line description right. */
.hero .home-resource-links .home-news-link{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:6px 10px}
.hero .home-resource-links .home-news-link strong{font-size:13px;line-height:1.2;white-space:nowrap;flex-shrink:0}
.hero .home-resource-links .home-news-caption{display:flex;flex-direction:column;gap:1px;font-size:10px;line-height:1.3;font-weight:800;color:#633025;letter-spacing:-.03em;white-space:nowrap}
.hero .home-resource-links .home-news-link>span:last-child{font-size:16px;margin:0;flex-shrink:0}
@media(max-width:650px){.hero .home-resource-links .home-news-link{padding:5px 7px;gap:4px}.hero .home-resource-links .home-news-link strong{font-size:11px}.hero .home-resource-links .home-news-caption{font-size:9px}.hero .home-resource-links .home-news-link>span:last-child{font-size:12px}}

/* Pastel category waves and border glow share one gentle 1.5 second cycle. */
.grid>.category{--card-tint:#edf5ff;--card-edge:#8bb3dc;--card-wave:#a8cef0;position:relative;isolation:isolate;overflow:hidden;border:4px solid var(--card-edge);background:var(--card-tint);animation:category-border-tide 1.5s ease-in-out infinite;box-shadow:0 4px 14px #244e7610}
.grid>.category:nth-child(7n+2){--card-tint:#edf9f4;--card-edge:#8bbfac;--card-wave:#adddc9}
.grid>.category:nth-child(7n+3){--card-tint:#fff5ec;--card-edge:#d7af89;--card-wave:#f1d0ab}
.grid>.category:nth-child(7n+4){--card-tint:#f3f0ff;--card-edge:#b2a2d8;--card-wave:#d1c3f1}
.grid>.category:nth-child(7n+5){--card-tint:#edf9fc;--card-edge:#89bdca;--card-wave:#afdfe8}
.grid>.category:nth-child(7n+6){--card-tint:#f3f8e9;--card-edge:#a9bd83;--card-wave:#d2e4ae}
.grid>.category:nth-child(7n+7){--card-tint:#fff0f3;--card-edge:#d3a1b0;--card-wave:#efc2d1}
.grid>.category.contact-category{--card-tint:#19395d;--card-edge:#8bb6df;--card-wave:#5c8eb9;background:var(--card-tint)}
.grid>.category::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:-25%;background:radial-gradient(ellipse at 18% 75%,var(--card-wave) 0%,transparent 56%),radial-gradient(ellipse at 82% 25%,#ffffffa6 0%,transparent 54%);opacity:.38;transform:translate(-3%,2%) rotate(-3deg);animation:category-inner-tide 1.5s ease-in-out infinite}
@keyframes category-border-tide{0%,100%{border-color:var(--card-edge);box-shadow:0 4px 14px #244e7610,inset 0 0 0 1px #ffffff24}50%{border-color:color-mix(in srgb,var(--card-edge) 74%,white);box-shadow:0 0 12px color-mix(in srgb,var(--card-edge) 32%,transparent),inset 0 0 9px #ffffff80}}
@keyframes category-inner-tide{0%,100%{transform:translate(-3%,2%) rotate(-3deg);opacity:.38}50%{transform:translate(3%,-2%) rotate(3deg);opacity:.65}}
@media(prefers-reduced-motion:reduce){.grid>.category,.grid>.category::before{animation:none}.grid>.category::before{transform:none;opacity:.4}}