@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--navy:#112c3d;--navy-deep:#0b2231;--yellow:#f4cb4d;--ink:#173244;--muted:#64727b;--paper:#f6f7f4;--line:#dce1df;--white:#fff;--radius:5px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif;font-size:15px;line-height:1.75}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #237ba8;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.45}button[hidden],[hidden]{display:none!important}.container{width:min(1184px,calc(100% - 96px));margin-inline:auto}.topbar{background:var(--navy-deep);color:#c9d4d8;font-size:11px;letter-spacing:.3px}.topbar .container{height:35px;display:flex;align-items:center;justify-content:space-between}.topbar a{color:#fff}.topbar a span:first-child{margin-left:12px}.topbar a span:last-child{color:var(--yellow);margin-left:14px}.header{position:sticky;top:0;background:rgba(255,255,255,.98);z-index:20;border-bottom:1px solid #e9ece9}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;height:87px}.brand{display:inline-flex;gap:12px;align-items:center;flex-shrink:0}.brand-mark{font-size:43px;color:var(--navy);line-height:1}.brand strong{font-family:'Segoe UI',Arial,sans-serif;font-size:22px;letter-spacing:1px;font-weight:800;display:block;line-height:1.2}.brand-oa{font-weight:400}.brand small{display:block;font-size:11px;letter-spacing:1px;margin-top:4px;color:var(--muted)}nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:500}nav>a{transition:color .2s}nav>a:hover{color:#94700c}.nav-cta{background:var(--navy);color:#fff;padding:12px 18px;border-radius:3px;margin-left:5px}.nav-cta:hover{background:#234b61;color:#fff}.nav-cta span{margin-left:15px;color:var(--yellow)}.menu-toggle{display:none}.hero{background:var(--navy);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr 1fr;min-height:586px;gap:40px;align-items:center}.hero-copy{padding:53px 0 39px}.eyebrow{font-family:'Segoe UI',Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.6;margin-bottom:17px;color:#65808a}.eyebrow.light{color:#cbd8dd}.hero .eyebrow{display:flex;align-items:center;gap:10px}.hero .eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--yellow)}h1{font-size:clamp(38px,4.2vw,57px);line-height:1.4;letter-spacing:-1.7px;font-weight:600}.yellow{color:var(--yellow)}.hero-subtitle{margin-top:22px;font-size:19px;line-height:1.8;color:#f0f4f6;font-weight:400}.hero-description{font-size:13px;margin-top:13px;color:#aebfc8;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:14px 23px;min-height:50px;font-size:13px;font-weight:600;border-radius:3px;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-yellow{background:var(--yellow);color:var(--navy-deep)}.button-yellow:hover{background:#ffdb6c}.button-navy{background:var(--navy);color:white}.button-navy:hover{background:#234b61}.button-outline{background:transparent;border-color:#aab7bc;color:var(--ink)}.button-outline:hover{background:#e7ecea}.text-link{display:inline-flex;align-items:center;gap:20px;font-weight:600;font-size:13px}.text-link span{font-size:20px;line-height:1;color:#7c9198}.text-link:hover{color:#88670b}.text-link.light{color:#f3f6f7}.text-link.light span{color:var(--yellow)}.hero-footnote{display:flex;align-items:center;gap:9px;margin-top:38px;color:#afc1ca;font-size:11px}.pin-icon{font-size:20px;color:var(--yellow)}.hero-visual{height:474px;position:relative;margin:20px 0 44px;border-radius:4px}.hero-visual>img{width:100%;height:100%;object-fit:cover;border-radius:4px}.hero-image-label{position:absolute;top:18px;left:21px;right:21px;display:flex;justify-content:space-between;color:#273424;font-family:'Segoe UI',sans-serif;font-size:9px;letter-spacing:1.5px;font-weight:700}.hero-image-label>span:last-child{font-size:27px;line-height:1}.hero-contact{position:absolute;bottom:-24px;right:22px;background:#fff;color:var(--ink);display:flex;align-items:center;gap:16px;padding:18px 23px;box-shadow:0 12px 32px #051c2b22;min-width:300px;border-radius:3px}.hero-contact small{font-size:10px;display:block;color:var(--muted);margin-bottom:2px}.hero-contact strong{font-size:13px;font-weight:600}.contact-icon{display:grid;place-items:center;background:var(--yellow);width:40px;height:40px;font-size:26px;border-radius:50%}.service-index{background:#f7f7f1;border-bottom:1px solid var(--line)}.service-index .container{display:grid;grid-template-columns:repeat(4,1fr)}.service-index a{padding:24px 21px;display:flex;align-items:center;gap:13px;font-size:12px;font-weight:600;border-right:1px solid var(--line)}.service-index a:first-child{padding-left:0}.service-index a:last-child{border:0;padding-right:0}.service-index a>span:first-child{color:#859294;font-family:Arial,sans-serif;font-size:10px;letter-spacing:1px}.service-index a>span:last-child{margin-left:auto;font-size:18px;font-weight:400}.service-index a:hover{color:#96710d}.section{padding:92px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:42px}h2{font-size:34px;letter-spacing:-.8px;font-weight:600;line-height:1.5}.heading-aside{font-size:13px;color:var(--muted);line-height:1.9;min-width:240px}.heading-aside .text-link{margin-top:14px;color:var(--ink)}.solutions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.solution-number{font-family:'Segoe UI',Arial,sans-serif;display:block;font-size:9px;letter-spacing:1.5px;font-weight:600;color:#758991;border-top:1px solid var(--line);padding-top:14px;margin-bottom:17px}.solution-image{height:183px;border-radius:3px;overflow:hidden;background:#e3e8e5}.solution-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.solution:hover img{transform:scale(1.035)}.solution h3{font-size:18px;font-weight:600;margin:20px 0 10px;letter-spacing:-.3px}.solution p{font-size:12px;color:var(--muted);line-height:1.9}.solution-link{display:flex;align-items:center;justify-content:space-between;margin-top:22px;font-size:11px;font-weight:600;padding-top:14px;border-top:1px solid var(--line)}.solution-link span{font-size:22px;line-height:1}.projects{background:var(--paper)}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:28px}.filter{border:1px solid #cfd8d6;background:transparent;color:#566e79;padding:9px 18px;border-radius:30px;font-size:12px;min-height:43px}.filter.active{background:var(--navy);color:#fff;border-color:var(--navy)}.filter:hover:not(.active){background:#e5eae6}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px}.project-card{text-align:left;border:0;background:transparent;padding:0;color:var(--ink)}.project-photo{position:relative;aspect-ratio:1.48;overflow:hidden;background:#dde3df;border-radius:4px}.project-photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.project-card:hover img{transform:scale(1.045)}.photo-count{position:absolute;top:13px;left:13px;background:#ffffffed;font-size:10px;padding:2px 9px;border-radius:20px}.project-arrow{position:absolute;bottom:13px;right:13px;display:grid;place-items:center;width:33px;height:33px;background:#fff;border-radius:50%;font-size:21px}.project-label{display:block;margin-top:16px;margin-bottom:6px;color:#69828b;font-size:10px;font-weight:500;letter-spacing:.25px}.project-card h3{font-size:16px;font-weight:600}.more-wrap{display:flex;justify-content:center;margin-top:42px}.catalog-section{background:var(--navy);color:#fff;padding:64px 0;position:relative;overflow:hidden}.catalog-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:center}.catalog-art{position:relative;margin:5px auto 25px;width:235px;height:285px;transform:rotate(-7deg);box-shadow:15px 19px 0 #183a4c;border-radius:2px;background:var(--yellow);color:var(--navy)}.catalog-spine{position:absolute;left:0;top:0;bottom:0;width:27px;border-right:1px solid #132e3c22;writing-mode:vertical-rl;transform:rotate(180deg);font-family:Arial,sans-serif;font-size:8px;letter-spacing:2px;padding:18px 9px}.catalog-cover{padding:21px 26px 22px 47px;display:flex;flex-direction:column;height:100%;font-family:'Segoe UI','Noto Sans Thai',sans-serif}.catalog-cover>span{font-size:10px;letter-spacing:2px;font-weight:700}.catalog-cross{font-size:65px;line-height:1.3;flex:1;display:flex;align-items:center}.catalog-cover strong{font-size:25px;line-height:1.5}.catalog-cover small{font-size:8px;letter-spacing:2px;border-top:1px solid #17324455;padding-top:10px;margin-top:17px}.catalog-caption{position:absolute;bottom:-40px;left:15px;color:#a4bac6;font-size:10px;transform:rotate(7deg)}.catalog-copy h2{font-size:37px}.catalog-copy>p:not(.eyebrow){margin-top:19px;font-size:13px;line-height:1.9;color:#bdcbd2}.catalog-actions{display:flex;align-items:center;gap:28px;margin-top:25px}.catalog-note{display:block;font-size:10px;color:#afc0c9;margin-top:17px}.contact-layout{display:grid;grid-template-columns:1fr .85fr;gap:100px;align-items:start}.contact-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:19px;line-height:1.95}.contact-phone{display:flex;align-items:center;gap:25px;font-family:'Segoe UI',Arial,sans-serif;font-size:36px;font-weight:600;letter-spacing:-1px;margin:24px 0 20px}.contact-phone>span:last-child{font-size:24px;color:#68818a}.contact-detail{display:flex;gap:30px;margin-bottom:10px;font-size:13px}.contact-detail>span{min-width:130px;color:var(--muted)}.contact-detail a{font-weight:600}.contact-copy>.button{margin-top:23px}.location-card{border:1px solid #dce2dd;border-radius:4px;overflow:hidden}.location-image{height:258px;position:relative;overflow:hidden;background:#d4dfd7}.location-image img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.location-badge{position:absolute;bottom:15px;left:20px;background:#fff;padding:6px 10px;border-radius:3px;font-family:'Segoe UI',sans-serif;letter-spacing:1px;font-size:9px;font-weight:600}.location-info{padding:25px 27px}.location-info h3{font-size:18px;font-weight:600}.location-info p{font-size:12px;color:var(--muted);margin:8px 0 16px}.location-info .text-link{font-size:12px}footer{background:var(--navy-deep);color:#d5e0e5;padding:38px 0 18px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:32px}.footer-brand .brand-mark{color:var(--yellow);font-size:36px}.footer-brand strong{font-size:18px}.footer-brand small{color:#a4b6c0;font-size:9px}.footer-main p{font-size:11px;color:#a4b6c0}.back-top{font-size:11px}.footer-bottom{border-top:1px solid #ffffff1c;padding-top:17px;display:flex;justify-content:space-between;font-size:9px;color:#9cb0bc}.mobile-contact{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-70px;left:15px;padding:10px 20px;background:var(--yellow);z-index:100}.skip-link:focus{top:12px}dialog{width:min(940px,calc(100% - 36px));max-height:94vh;padding:0;border:0;border-radius:8px;background:#fff;color:var(--ink);box-shadow:0 20px 90px #0004}dialog::backdrop{background:#061923dd;backdrop-filter:blur(5px)}.gallery-head{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:18px 25px}.gallery-head h2{font-size:20px;letter-spacing:0}.gallery-head small{font-size:11px;color:var(--muted)}.gallery-close{flex-shrink:0;background:#f0f3f1;border:0;width:40px;height:40px;border-radius:50%}.gallery-stage{position:relative;background:#e9eeeb;height:min(62vh,580px)}.gallery-stage img{width:100%;height:100%;object-fit:contain}.gallery-prev,.gallery-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffec;border:0;border-radius:50%;width:44px;height:44px;font-size:22px}.gallery-prev{left:14px}.gallery-next{right:14px}.gallery-bottom{display:flex;justify-content:space-between;gap:25px;padding:16px 25px;font-size:12px;color:var(--muted)}#gallery-position{white-space:nowrap}
@media(min-width:1500px){.hero-grid{min-height:640px}.hero-visual{height:505px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}nav{gap:17px;font-size:12px}.nav-cta{padding:11px 13px}.brand strong{font-size:19px}.hero-grid{gap:28px;min-height:560px}.hero-visual{height:440px}.hero-contact{right:10px;min-width:270px;padding:15px}.hero-actions{gap:19px}.button{padding:13px 19px}.service-index a{font-size:11px;padding-inline:14px;gap:10px}.solutions-grid{gap:19px}.solution-image{height:160px}.solution h3{font-size:16px}.catalog-layout{gap:50px}.catalog-actions{gap:19px}.contact-layout{gap:65px}}
@media(max-width:900px){.nav-wrap{height:75px}.menu-toggle{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:4px;background:#fff}.menu-toggle span{height:2px;width:20px;background:var(--navy)}nav{display:none;position:absolute;top:75px;left:0;right:0;background:#fff;padding:20px 32px;box-shadow:0 15px 20px #112c3d10;align-items:stretch;gap:0}nav.open{display:flex;flex-direction:column}nav a{padding:13px 0;font-size:14px}.nav-cta{padding:13px 18px;margin:10px 0 0;text-align:center}.hero-grid{grid-template-columns:1fr 1fr;gap:27px;min-height:530px}h1{font-size:40px}.hero-subtitle{font-size:16px}.hero-description{font-size:12px}.hero-actions{flex-wrap:wrap;gap:17px}.hero-footnote{margin-top:24px}.hero-visual{height:397px}.hero-contact{right:10px;left:10px;min-width:0;gap:12px;padding:13px}.hero-contact strong{font-size:11px}.hero-contact small{font-size:9px}.contact-icon{width:32px;height:32px;flex-shrink:0}.service-index a{gap:7px;font-size:10px;padding:20px 10px}.service-index a>span:last-child{font-size:15px}.section{padding:70px 0}h2{font-size:30px}.solutions-grid{grid-template-columns:repeat(2,1fr);gap:36px 24px}.solution-image{height:220px}.solution h3{font-size:19px}.solution p{font-size:13px}.project-grid{gap:28px 20px}.project-card h3{font-size:14px}.project-photo{aspect-ratio:1.2}.catalog-layout{gap:40px;grid-template-columns:.8fr 1fr}.catalog-art{width:210px;height:270px}.catalog-copy h2{font-size:30px}.catalog-actions{flex-wrap:wrap;gap:20px}.contact-layout{gap:40px;grid-template-columns:1fr 1fr}.contact-phone{font-size:30px;gap:15px}.contact-detail{font-size:12px;gap:15px}.contact-detail>span{min-width:120px}.location-image{height:250px}.footer-main p{max-width:200px}.footer-main{gap:20px}}
@media(max-width:650px){.container{width:calc(100% - 40px)}.topbar .container{height:30px;justify-content:center}.topbar .container>span{font-size:9px}.topbar a{display:none}.nav-wrap{height:71px}.brand-mark{font-size:36px}.brand strong{font-size:19px}.brand small{font-size:9px}.brand{gap:9px}nav{top:71px;padding:16px 20px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:36px 0 25px}.hero .eyebrow{font-size:9px;margin-bottom:16px}h1{font-size:42px;line-height:1.4;letter-spacing:-1.5px}.hero-subtitle{font-size:17px;margin-top:18px}.hero-description{font-size:12px;margin-top:12px}.hero-actions{margin-top:23px;gap:23px;flex-wrap:nowrap}.hero-actions .button{font-size:12px;padding:12px 16px;gap:15px}.hero-actions .text-link{font-size:12px;gap:12px}.hero-footnote{margin-top:20px}.hero-visual{height:auto;aspect-ratio:1.15;margin:0 0 45px}.hero-visual>img{width:100%;height:100%;object-fit:cover}.hero-image-label{font-size:8px;top:16px;left:17px;right:17px}.hero-contact{left:auto;right:14px;min-width:255px;padding:12px 16px;bottom:-22px}.hero-contact strong{font-size:12px}.service-index .container{grid-template-columns:1fr 1fr;width:100%}.service-index a,.service-index a:first-child,.service-index a:last-child{padding:16px 20px;font-size:11px;border-bottom:1px solid var(--line)}.service-index a:nth-child(2){border-right:0}.service-index a:nth-child(n+3){border-bottom:0}.service-index a>span:last-child{font-size:17px}.section{padding:55px 0}.section-heading{display:block;margin-bottom:29px}.eyebrow{font-size:9px;margin-bottom:12px}h2{font-size:28px;line-height:1.5;letter-spacing:-.6px}.heading-aside{font-size:12px;margin-top:18px;min-width:0}.heading-aside .text-link{margin-top:10px;font-size:12px}.solutions-grid{gap:28px 17px}.solution-image{height:auto;aspect-ratio:1.05}.solution-number{font-size:8px;letter-spacing:.8px;margin-bottom:12px;padding-top:11px}.solution h3{font-size:16px;line-height:1.5;margin:14px 0 8px}.solution p{font-size:11px;line-height:1.9}.solution p br{display:none}.solution-link{margin-top:14px;font-size:10px;padding-top:10px;gap:4px}.solution-link span{font-size:18px}.filter-bar{gap:7px;padding-bottom:24px}.filter{font-size:11px;min-height:39px;padding:8px 13px}.project-grid{grid-template-columns:repeat(2,1fr);gap:24px 15px}.project-photo{aspect-ratio:1.05}.photo-count{top:8px;left:8px;font-size:9px;padding:1px 7px}.project-arrow{width:28px;height:28px;font-size:18px;bottom:8px;right:8px}.project-label{margin-top:11px;font-size:9px;margin-bottom:5px}.project-card h3{font-size:13px;line-height:1.6}.more-wrap{margin-top:30px}.catalog-section{padding:48px 0}.catalog-layout{display:flex;flex-direction:column-reverse;gap:40px;align-items:stretch}.catalog-copy h2{font-size:30px}.catalog-copy>p:not(.eyebrow){font-size:12px}.catalog-actions{gap:20px}.catalog-actions>.button{font-size:12px;padding:12px 17px;gap:15px}.catalog-actions .text-link{font-size:12px;gap:10px}.catalog-art{height:245px;width:200px;margin:3px auto 25px}.catalog-cover{padding:20px 20px 20px 43px}.catalog-cover strong{font-size:23px}.catalog-cross{font-size:52px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-copy>p:not(.eyebrow){font-size:12px}.contact-phone{font-size:35px;margin:20px 0}.contact-detail{font-size:13px}.contact-detail>span{min-width:140px}.contact-copy>.button{margin-top:20px}.location-image{height:235px}.location-info{padding:21px}.footer-main{align-items:flex-start;flex-wrap:wrap;padding-bottom:26px}.footer-main p{order:3;max-width:none;width:100%;font-size:10px}.back-top{font-size:10px;margin-top:8px}.footer-bottom{font-size:8px;gap:12px}.footer-brand strong{font-size:17px}footer{padding-top:30px;padding-bottom:85px}.mobile-contact{position:fixed;bottom:0;left:0;right:0;z-index:25;display:grid;grid-template-columns:1fr 1fr;padding:9px 12px calc(9px + env(safe-area-inset-bottom));gap:8px;background:#fff;border-top:1px solid #dce2df;box-shadow:0 -5px 25px #102d3f12}.mobile-contact a{padding:11px;text-align:center;border:1px solid var(--navy);border-radius:3px;font-size:12px;font-weight:600;background:white}.mobile-contact a:last-child{background:var(--navy);color:#fff}.gallery-head{padding:14px 16px;gap:15px}.gallery-head h2{font-size:15px}.gallery-stage{height:55vh}.gallery-bottom{padding:14px 16px;font-size:11px;gap:15px}.gallery-prev,.gallery-next{width:36px;height:36px}.gallery-prev{left:8px}.gallery-next{right:8px}html{scroll-padding-top:88px}}
@media(max-width:360px){h1{font-size:37px}.hero-actions{gap:15px}.hero-actions .button{padding-inline:12px;gap:10px}.hero-actions .text-link{font-size:11px}.hero-subtitle{font-size:15px}.service-index a,.service-index a:first-child,.service-index a:last-child{padding-inline:14px}.solution h3{font-size:14px}.contact-phone{font-size:31px}.catalog-actions{gap:17px}.catalog-actions .text-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.catalog-home{background:#f0f4f3;padding:32px 0 25px}.catalog-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px}.catalog-intro .eyebrow{margin-bottom:8px}.catalog-intro h1{font-size:34px;line-height:1.4;letter-spacing:-.6px}.catalog-intro h1 br{display:none}.catalog-intro h1 span{color:#67818a}.catalog-intro p:last-child{font-size:13px;color:#64727b;margin-top:8px}.inline-catalog{border:1px solid #d7dfdc;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 12px 35px #1732440b;scroll-margin-top:100px}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;gap:15px;background:#112c3d;color:white}.reader-toolbar strong{font-size:15px}.reader-toolbar span{font-size:11px;color:#bed0d8;margin-left:16px}.reader-toolbar a{font-size:12px;background:#f4cb4d;color:#112c3d;padding:8px 13px;border-radius:6px;white-space:nowrap}.inline-catalog iframe{display:block;width:100%;height:720px;border:0;background:#e9edef}.reader-help{display:flex;justify-content:space-between;gap:12px;padding:12px 20px;font-size:11px;color:#64727b}.reader-help a{text-decoration:underline}.catalog-shortcuts{display:flex;justify-content:center;gap:36px;font-size:12px;margin-top:20px}.catalog-shortcuts a:hover{color:#94700c}@media(max-width:650px){.catalog-home{padding:22px 0}.catalog-intro{display:block;margin-bottom:20px}.catalog-intro h1{font-size:27px}.catalog-intro h1 br{display:block}.catalog-intro p:last-child{font-size:11px}.catalog-intro>.button{display:none}.reader-toolbar{padding:12px;gap:10px}.reader-toolbar strong{font-size:12px}.reader-toolbar span{display:block;margin:2px 0 0;font-size:10px}.reader-toolbar a{font-size:10px;padding:8px}.inline-catalog iframe{height:570px}.reader-help{display:block;font-size:10px;padding:10px 12px}.reader-help a{display:block;margin-top:5px}.catalog-shortcuts{gap:18px;flex-wrap:wrap;font-size:11px}.inline-catalog{border-radius:8px}}