:root{--navy:#102c42;--ink:#20394b;--muted:#75838c;--blue:#2168a0;--line:#e1e6e7;--paper:#f5f5f2;--sidebar:254px;font-family:Tahoma,Arial,sans-serif;color:var(--ink);color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--paper);overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.26;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,.stage:focus-visible{outline:3px solid #438ac3;outline-offset:4px}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.topbar{height:84px;padding:0 34px;display:flex;align-items:center;gap:28px;background:white;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;gap:20px;align-items:center}.brand-word{font:800 29px Arial,sans-serif;letter-spacing:-1.5px;color:var(--navy);position:relative}.brand-word>span:first-child{color:#3179ab}.brand-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c94c43;margin-left:4px}.brand-divider{height:30px;width:1px;background:var(--line)}.brand-caption{font-size:11px;line-height:1.9}.brand-caption small{display:block;font:10px Arial,sans-serif;letter-spacing:.5px;color:var(--muted);margin-top:2px}.edition{margin-inline-start:auto;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:9px}.edition b{font-size:13px;color:var(--navy);font-weight:400}.edition-dot{height:6px;width:6px;background:#2b8a7e;border-radius:50%}.download{display:flex;align-items:center;gap:10px;background:var(--navy);color:white;border:1px solid var(--navy);border-radius:9px;padding:12px 16px;font-size:11px;transition:background .18s}.download:hover{background:#244a64}.download small{font:9px Arial;color:#a9c2d2;border-inline-start:1px solid #446073;padding-inline-start:10px}.download svg{width:17px;height:17px}.workspace{display:grid;grid-template-columns:var(--sidebar) 1fr;height:calc(100dvh - 84px)}.sidebar{background:#fff;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;padding:32px 20px 24px;min-height:0;overflow:auto}.sidebar-heading{padding:0 14px 28px;position:relative}.eyebrow{font-size:9px;letter-spacing:.4px;color:var(--muted)}.sidebar h1{font-size:21px;font-weight:400;margin:12px 0 9px;letter-spacing:-.6px}.sidebar-heading p{font-size:10px;color:var(--muted);margin:0}#sections{display:grid;gap:5px}.section-link{border:0;background:transparent;width:100%;display:flex;align-items:center;text-align:right;padding:13px 13px;min-height:46px;color:#687984;gap:13px;border-radius:8px;transition:background .18s,color .18s}.section-number{font:11px Arial,sans-serif;color:#9da9b1;min-width:18px}.section-name{font-size:11px;flex:1}.section-link .section-mark{width:5px;height:5px;border-radius:50%;background:transparent}.section-link:hover{background:#f2f6f8;color:var(--ink)}.section-link[aria-current=true]{color:#145883;background:#ecf3f7}.section-link[aria-current=true] .section-number{color:#5189ad}.section-link[aria-current=true] .section-mark{background:var(--blue)}.all-pages{display:flex;align-items:center;gap:12px;margin:24px 10px 0;border:0;border-top:1px solid var(--line);padding:22px 3px 0;background:none;color:var(--ink);font-size:11px;text-align:right}.all-pages svg{width:17px}.all-pages span{margin-inline-start:auto;font-size:10px;color:var(--muted)}.sidebar-bottom{margin-top:auto;padding:36px 14px 0;font-size:10px}.small-rule{display:block;width:24px;height:2px;background:#377ba9}.sidebar-bottom p{color:var(--muted);font-size:9px;margin:12px 0}.sidebar-bottom a{font:11px Arial;color:#45657d;display:inline-flex;gap:35px}.reader{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;background:radial-gradient(ellipse at 50% 45%,#fff 0%,#f2f3ef 73%)}.reader-heading{display:flex;justify-content:space-between;align-items:center;padding:27px 42px 10px;flex-shrink:0}.reader-label{font-size:9px;color:#8b969b}.reader-heading h2{font-size:13px;font-weight:400;margin:7px 0}.reader-count{direction:ltr;font:12px Arial;letter-spacing:2px;color:#87949c}.stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:14px 74px 18px;outline:none}.page-viewport{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:auto;scrollbar-width:thin;scrollbar-color:#c3cdd1 transparent}.book{display:flex;flex-direction:row;direction:rtl;position:relative;height:100%;max-height:100%;max-width:100%;width:max-content;align-items:center;justify-content:center;filter:drop-shadow(0 16px 22px #1a334225);transform-origin:center center;transition:opacity .14s;flex-shrink:0}.book img{display:block;height:100%;width:auto;min-width:0;max-width:100%;object-fit:contain;background:white}.book.spread img{max-width:50%;object-fit:fill}.book.spread::after{content:"";position:absolute;inset-block:0;left:50%;width:20px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#12283b1a,transparent);pointer-events:none}.book.changing{opacity:.45}.page-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:48px;background:#ffffffb0;border:1px solid #dce2e5;border-radius:12px;color:#486376;transition:background .2s,box-shadow .2s;z-index:2}.page-arrow:hover:enabled{background:white;box-shadow:0 4px 12px #19364d10}.previous{right:20px}.previous svg{transform:rotate(180deg)}.next{left:20px}.reader-footer{flex-shrink:0;padding:10px 42px 21px;display:flex;flex-direction:column;align-items:center;gap:17px}.toolbar{display:flex;align-items:center;gap:4px;padding:7px 10px;background:white;border:1px solid #e0e6e8;border-radius:14px;box-shadow:0 4px 18px #152f4206;direction:rtl;min-height:54px}.icon-button{display:inline-flex;align-items:center;justify-content:center;height:38px;width:38px;border:0;border-radius:8px;background:none;color:#526b7c;flex-shrink:0;transition:background .18s}.icon-button:hover{background:#edf3f6;color:var(--navy)}.tool-divider{height:20px;width:1px;background:#e6eaec;margin:0 7px}.zoom-label{border:0;background:none;color:#4c6474;font-size:11px;min-width:45px;height:38px;border-radius:6px}.zoom-label:hover{background:#edf3f6}#page-form{display:flex;align-items:center;gap:7px;color:#84929b;font-size:10px;padding-inline:5px}#page-input{width:33px;height:29px;border:1px solid #e0e6e8;border-radius:5px;text-align:center;color:var(--ink);font-size:11px;background:#f8fafb}.reading-progress{display:flex;align-items:center;width:100%;gap:12px;font-size:9px;color:#8c989f}.progress-track{height:2px;background:#dfe5e6;flex:1;border-radius:2px;overflow:hidden}.progress-track>span{display:block;height:100%;background:#467d9f;transition:width .25s}.keyboard-hint{font-size:9px;white-space:nowrap}.mobile-menu,.close-sidebar{display:none}.scrim{position:fixed;inset:0;z-index:20;background:#0e263e60;backdrop-filter:blur(4px)}.thumb-panel{position:fixed;z-index:22;inset:7vh max(24px,18vw);background:#fafbf9;border:1px solid #fff;border-radius:18px;box-shadow:0 30px 100px #12283c40;display:flex;flex-direction:column;padding:25px}.thumb-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 20px}.thumb-header h2{font-size:20px;font-weight:400;margin:8px 0 0}.thumb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;overflow:auto;padding:5px;scrollbar-width:thin}.thumb-card{background:none;border:2px solid transparent;padding:7px;border-radius:8px;color:#7b8b97;font-size:11px}.thumb-card img{width:100%;aspect-ratio:1400/1422;object-fit:contain;background:white;box-shadow:0 3px 8px #152d4215;display:block;margin-bottom:10px}.thumb-card:hover{background:#eaf1f5}.thumb-card[aria-current=true]{border-color:#377ba9;background:#edf4f7;color:#185b87}.load-message{position:absolute;bottom:24px;background:white;border:1px solid var(--line);padding:12px;border-radius:8px;font-size:11px;z-index:3}.load-message a{color:var(--blue);text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.no-script{position:fixed;inset:30%;z-index:50;background:white;padding:30px;border:1px solid #ddd}.reader:fullscreen{background:var(--paper);height:100dvh}.reader:fullscreen .reader-heading{padding-top:24px}
@media(min-width:1500px){:root{--sidebar:280px}.sidebar{padding-top:40px}.reader-heading{padding-top:35px}.stage{padding-block:22px}.reader-footer{padding-bottom:28px;gap:24px}}
@media(max-width:1100px){:root{--sidebar:220px}.topbar{padding-inline:24px;gap:20px}.brand-caption{display:none}.brand-divider{display:none}.section-name{font-size:10px}.reader-heading{padding-inline:28px}.stage{padding-inline:58px}.next{left:10px}.previous{right:10px}.reader-footer{padding-inline:28px}.keyboard-hint{display:none}}
@media(max-width:760px){.topbar{height:68px;padding-inline:20px;gap:16px}.brand-word{font-size:26px}.edition{font-size:10px;gap:6px}.edition-dot{display:none}.edition b{font-size:12px}.download{padding:10px;background:none;color:var(--navy);border:1px solid var(--line)}.download span,.download small{display:none}.download svg{width:19px;height:19px}.mobile-menu{display:flex;margin-inline-start:-6px}.workspace{display:block;height:calc(100dvh - 68px)}.sidebar{position:fixed;right:0;top:0;bottom:0;width:min(320px,86vw);z-index:23;transform:translateX(102%);transition:transform .22s;box-shadow:-12px 0 40px #152f4217;padding-top:35px}.sidebar.open{transform:translateX(0)}.sidebar-heading{padding-bottom:24px}.sidebar h1{font-size:24px}.section-name{font-size:12px}.section-link{padding-block:16px;min-height:52px}.close-sidebar{display:flex;position:absolute;top:0;left:0}.reader{height:100%}.reader-heading{padding:20px 23px 3px}.reader-label{font-size:9px}.reader-heading h2{font-size:12px}.reader-count{font-size:10px}.stage{padding:12px 21px 16px}.page-arrow{top:auto;bottom:-56px;transform:none;z-index:7;width:36px;height:42px;border:0;background:none}.previous{right:13px}.next{left:13px}.page-arrow svg{width:20px}.reader-footer{padding:7px 18px max(17px,env(safe-area-inset-bottom));gap:21px}.toolbar{padding:5px 7px;gap:0;border-radius:12px;min-height:48px}.toolbar .icon-button{width:33px;height:36px}.toolbar svg{width:18px;height:18px}.tool-divider{margin-inline:3px;height:17px}.zoom-label{font-size:10px;min-width:38px}#page-form{gap:5px;font-size:9px}#page-form label{display:none}#page-input{width:28px;font-size:10px}.full-divider,#fullscreen{display:none}.reading-progress{font-size:8px}.thumb-panel{inset:16px;padding:20px}.thumb-grid{grid-template-columns:repeat(3,1fr);gap:10px}.thumb-header h2{font-size:18px}.book{filter:drop-shadow(0 10px 15px #1a334220)}}
@media(max-width:370px){.edition{display:none}.download{margin-inline-start:auto}.reader-footer{padding-inline:10px}.toolbar .icon-button{width:29px}.tool-divider{margin:0 2px}.previous{right:4px}.next{left:4px}.stage{padding-inline:15px}}
@media(max-height:550px) and (orientation:landscape){.topbar{height:54px}.workspace{height:calc(100dvh - 54px)}.reader-heading{padding-block:9px 0}.reader-heading h2{margin:3px 0}.reader-label{display:none}.reader-footer{padding-block:3px 8px;gap:6px}.toolbar{min-height:38px;padding-block:0}.reading-progress{display:none}.stage{padding-block:7px}.sidebar-heading{padding-bottom:12px}.sidebar{padding-top:18px}.sidebar-bottom{display:none}.section-link{padding-block:8px;min-height:36px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.page-viewport.zoomed{align-items:flex-start;justify-content:flex-start;direction:ltr}.page-viewport.zoomed .book{margin:auto}.book img{width:100%;height:100%;object-fit:fill}.book.spread img{width:50%}.thumb-card img{height:auto}.reader:fullscreen~.scrim,.reader:fullscreen~.thumb-panel{display:none}

/* Reading-first layout: navigation only appears on request. */
.topbar{height:54px;padding-inline:22px;gap:18px;background:#fafbf9}
.brand-word{font-size:23px}.brand-caption,.brand-divider{display:none}
.edition{font-size:10px}.edition b{font-size:11px}
.download{padding:8px 12px;font-size:10px;background:transparent;border-color:var(--line);color:var(--ink)}
.download:hover{background:#eaf0f3}.download small{display:none}.download svg{width:17px;height:17px}
.mobile-menu{display:inline-flex;margin:0;width:36px;height:36px}
.workspace{display:block;height:calc(100dvh - 54px)}
.reader{height:100%}.reader-heading{display:none}
.stage{padding:14px 54px 6px}
.reader-footer{padding:6px 24px 10px;gap:0}
.reading-progress{display:none}.toolbar{min-height:46px;padding:3px 8px;border-radius:11px;box-shadow:none}
.toolbar .icon-button{height:36px}.zoom-label{height:36px}
.sidebar{position:fixed;right:0;top:0;bottom:0;width:min(310px,86vw);z-index:23;transform:translateX(102%);visibility:hidden;pointer-events:none;transition:transform .22s,visibility .22s;background:#fff;box-shadow:-12px 0 40px #152f4217;padding:30px 20px 24px}
.sidebar.open{transform:translateX(0);visibility:visible;pointer-events:auto}
.sidebar-heading{padding-bottom:24px}.sidebar-heading h1{font-size:20px}.sidebar-heading p,.sidebar-bottom{display:none}
.close-sidebar{display:flex;position:absolute;top:0;left:0}
.section-name{font-size:12px}.section-link{min-height:48px;padding-block:14px}
.page-arrow{width:34px;height:44px;border-color:transparent;background:transparent}.previous{right:10px}.next{left:10px}
@media(min-width:1500px){.stage{padding:16px 60px 8px}.reader-footer{padding-bottom:12px}}
@media(max-width:760px){
 .topbar{height:50px;padding-inline:14px;gap:12px}.brand-word{font-size:22px}
 .workspace{height:calc(100dvh - 50px)}.download{padding:7px}.edition{font-size:9px}
 .stage{padding:8px 10px 4px}.reader-footer{padding:5px 40px max(10px,env(safe-area-inset-bottom))}
 .page-arrow{bottom:-47px;top:auto;width:32px;height:38px;transform:none}.previous{right:6px}.next{left:6px}
 .toolbar{min-height:44px;padding:3px 5px}.toolbar .icon-button{height:34px;width:31px}.zoom-label{height:34px;min-width:36px}
 .tool-divider{margin-inline:2px}
}
@media(max-width:370px){.topbar{gap:10px}.reader-footer{padding-inline:32px}.toolbar .icon-button{width:27px}.previous{right:0}.next{left:0}}
@media(max-height:550px) and (orientation:landscape){.topbar{height:42px}.workspace{height:calc(100dvh - 42px)}.stage{padding-block:5px 2px}.reader-footer{padding-block:2px 5px}.toolbar{min-height:38px;padding-block:0}}

@font-face{font-family:IRANSans;src:url('fonts/IRANSansX-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:IRANSans;src:url('fonts/IRANSansX-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:IRANSans;src:url('fonts/IRANSansX-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{font-family:IRANSans,Tahoma,Arial,sans-serif}
.section-number,.reader-count{font-family:IRANSans,Tahoma,sans-serif}

.brand-logo{display:block;width:auto;height:40px;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:760px){.brand-logo{height:36px}}
@media(max-height:550px) and (orientation:landscape){.brand-logo{height:30px}}

/* A quiet refinery photograph behind the catalogue pages. */
.reader{isolation:isolate;background:#edf1ef}
.reader::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(247,249,247,.78),rgba(240,245,244,.68)),url('dejpa-refinery.jpg') center 58%/cover no-repeat;filter:blur(2px) saturate(.65)}
.page-arrow{background:rgba(255,255,255,.75);border-color:rgba(207,218,223,.8)}
@media(max-width:760px){.reader::before{background-position:center;background-image:linear-gradient(180deg,rgba(247,249,247,.82),rgba(240,245,244,.74)),url('dejpa-refinery.jpg')}}

/* Credentials sit only in the unused area around the page. */
.catalog-credentials-top,.catalog-credentials-bottom{display:none;position:absolute;pointer-events:none;z-index:1;height:var(--credential-space);align-items:center;justify-content:center}
.show-credentials .catalog-credentials-top,.show-credentials .catalog-credentials-bottom{display:flex}
.catalog-credentials-top{top:14px;left:50%;transform:translateX(-50%);width:min(580px,calc(100% - 100px));direction:ltr;gap:35px}
.catalog-credentials-top img{object-fit:contain;mix-blend-mode:multiply;display:block;min-width:0}
.credential-a,.credential-knowledge{height:74%;width:25%}
.credential-brand{height:100%;width:42%}
.catalog-credentials-bottom{bottom:6px;left:50%;transform:translateX(-50%)}
.catalog-credentials-bottom img{display:block;height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:760px){.catalog-credentials-top{top:8px;width:calc(100% - 40px);gap:20px}.catalog-credentials-bottom{bottom:4px}}
.catalog-credentials-top,.catalog-credentials-bottom{mix-blend-mode:multiply}

/* Transparent national standard award, centered as one horizontal unit. */
.catalog-credentials-bottom{direction:rtl;gap:clamp(12px,2.4vw,30px);width:max-content;max-width:calc(100% - 48px);mix-blend-mode:normal}
.catalog-credentials-bottom .standard-trophy{height:100%;width:auto;max-width:30%;object-fit:contain;mix-blend-mode:normal;flex-shrink:0}
.standard-award-copy{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#242e63;font-weight:700;font-size:clamp(13px,calc(var(--credential-space)*.19),28px);line-height:1.8;white-space:nowrap;text-align:center}
@media(max-width:480px){.catalog-credentials-bottom{gap:12px;max-width:calc(100% - 24px)}.standard-award-copy{font-size:clamp(12px,3.4vw,17px)}}

/* The stacked, centered credential layout is exclusive to narrow mobile screens. */
@media(max-width:760px){
 .catalog-credentials-top{top:var(--credential-top-center);transform:translate(-50%,-50%);height:var(--credential-top-area);display:none;grid-template-columns:1fr 1fr;grid-template-rows:62% 38%;column-gap:40px;row-gap:0;align-items:center;justify-items:center;width:calc(100% - 44px);max-width:580px}
 .show-credentials .catalog-credentials-top{display:grid}
 .catalog-credentials-top .credential-brand{grid-column:1 / -1;grid-row:1;width:100%;height:100%;max-width:270px}
 .catalog-credentials-top .credential-a{grid-column:1;grid-row:2;width:100%;height:90%}
 .catalog-credentials-top .credential-knowledge{grid-column:2;grid-row:2;width:100%;height:90%}
 .catalog-credentials-bottom{top:var(--credential-bottom-center);bottom:auto;transform:translate(-50%,-50%);height:var(--award-space);width:calc(100% - 36px);max-width:520px;gap:16px}
 .catalog-credentials-bottom .standard-trophy{max-width:36%;width:36%;height:100%}
 .standard-award-copy{font-size:clamp(13px,3.6vw,22px);flex:1;min-width:0}
}

@media(max-width:760px){
 .catalog-credentials-top{width:calc(100% - 20px);column-gap:56px}
 .catalog-credentials-top .credential-a{height:100%;transform:translateX(-8px) scale(1.08);transform-origin:center}
 .catalog-credentials-top .credential-knowledge{height:100%;transform:translateX(8px) scale(1.08);transform-origin:center}
}

/* Give the top credentials more of the available space at medium and wide widths. */
@media(min-width:761px){
 .catalog-credentials-top{width:min(860px,calc(100% - 64px));height:var(--credential-desktop-space);gap:28px}
 .catalog-credentials-top .credential-a,.catalog-credentials-top .credential-knowledge{height:100%;width:28%}
 .catalog-credentials-top .credential-brand{height:100%;width:44%}
}
@media(max-width:760px){
 .catalog-credentials-top .credential-brand{max-width:310px}
}

@media(min-width:761px){
 .catalog-credentials-top{width:min(1100px,calc(100% - 32px));gap:18px;top:8px}
 .catalog-credentials-top .credential-a,.catalog-credentials-top .credential-knowledge{width:30%;height:100%}
 .catalog-credentials-top .credential-brand{width:46%;height:100%}
}
@media(max-width:760px){
 .catalog-credentials-top .credential-brand{max-width:350px}
}

/* On spacious wide displays, flank the page with the two credentials. */
.catalog-side-badge{display:none;position:absolute;width:var(--side-badge-size);height:var(--side-badge-size);top:var(--side-badge-center);transform:translate(-50%,-50%);object-fit:contain;mix-blend-mode:multiply;pointer-events:none;z-index:1}
.catalog-side-a{left:var(--side-badge-left)}
.catalog-side-knowledge{left:var(--side-badge-right)}
.show-side-credentials .catalog-side-badge{display:block}
.show-side-credentials .catalog-credentials-top .credential-a,.show-side-credentials .catalog-credentials-top .credential-knowledge{visibility:hidden}

.catalog-side-award,.catalog-side-award-copy{display:none;position:absolute;top:var(--side-award-center);transform:translate(-50%,-50%);pointer-events:none;z-index:1}
.catalog-side-award{left:var(--side-badge-right);width:var(--side-badge-size);height:var(--side-badge-size);object-fit:contain}
.catalog-side-award-copy{left:var(--side-badge-left);width:var(--side-badge-size);flex-direction:column;align-items:center;gap:6px;text-align:center;color:#242e63;font-weight:700;font-size:clamp(13px,1.1vw,21px);line-height:1.9;direction:rtl}
.show-side-credentials .catalog-side-award{display:block}
.show-side-credentials .catalog-side-award-copy{display:flex}
.show-side-credentials .catalog-credentials-bottom{display:none}

/* Move wide-screen credentials away from the central page-turn controls. */
.show-side-credentials .catalog-side-badge{
 top:clamp(calc(var(--side-badge-size)/2 + 12px),calc(var(--side-badge-center) - 5cm),calc(100% - var(--side-badge-size)/2 - 12px));
}
.show-side-credentials .catalog-side-award,.show-side-credentials .catalog-side-award-copy{
 top:clamp(calc(var(--side-badge-size)/2 + 12px),calc(var(--side-badge-center) + 5cm),calc(100% - var(--side-badge-size)/2 - 12px));
}

#music-toggle[aria-pressed="true"]{color:#242e63;background:#e9eef2}
@media(max-width:760px){#music-toggle{width:32px;height:34px}.topbar{gap:9px}}

@media(max-width:760px){
 .catalog-credentials-bottom{display:none;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:8px;justify-items:center}
 .show-credentials .catalog-credentials-bottom{display:grid}
 .catalog-credentials-bottom .standard-trophy{grid-row:1;width:auto;max-width:100%;height:100%}
 .catalog-credentials-bottom .standard-award-copy{grid-row:2;width:100%;flex:none;text-align:center;align-items:center;justify-self:center;line-height:1.65}
}

@media(max-width:760px){
 .catalog-credentials-top{grid-template-rows:minmax(0,1fr) 3cm;row-gap:10px;column-gap:28px;width:calc(100% - 20px)}
 .catalog-credentials-top .credential-brand{width:100%;height:100%;max-width:380px;object-fit:contain;transform:scale(1.12);transform-origin:center}
 .catalog-credentials-top .credential-a,.catalog-credentials-top .credential-knowledge{width:3cm;height:3cm;max-width:100%;object-fit:contain;transform:none}
 .catalog-credentials-top .credential-a{justify-self:start}
 .catalog-credentials-top .credential-knowledge{justify-self:end}
}

@media(max-width:760px){
 .catalog-credentials-top{top:var(--mobile-credential-top);height:var(--mobile-credential-area);transform:translateX(-50%);row-gap:12px}
 .catalog-credentials-top .credential-brand{max-width:420px;transform:none;width:100%;height:100%}
}

@media(max-width:760px){
 .catalog-credentials-top{grid-template-rows:minmax(0,1fr) 2cm}
 .catalog-credentials-top .credential-a,.catalog-credentials-top .credential-knowledge{width:2cm;height:2cm}
 .catalog-credentials-top .credential-brand{max-width:460px;width:100%;height:100%}
}

@media(max-width:760px){
 .catalog-credentials-top{top:0;height:var(--mobile-book-top);transform:translateX(-50%);width:calc(100% - 20px)}
 .show-credentials .catalog-credentials-top{display:block}
 .catalog-credentials-top .credential-brand{position:absolute;left:50%;bottom:1.8cm;transform:translateX(-50%);width:min(50vw,230px);height:clamp(90px,calc(var(--mobile-book-top) - 1.8cm - 10px),230px);max-width:none}
 .catalog-credentials-top .credential-a,.catalog-credentials-top .credential-knowledge{position:absolute;bottom:.8cm;width:2cm;height:2cm;transform:none}
 .catalog-credentials-top .credential-a{left:0}
 .catalog-credentials-top .credential-knowledge{right:0}
 .show-credentials .catalog-credentials-bottom{display:flex;justify-content:center}
 .catalog-credentials-bottom .standard-trophy{position:absolute;right:0;top:50%;transform:translateY(-50%);height:100%;width:auto;max-width:25%}
 .catalog-credentials-bottom .standard-award-copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70%;font-size:clamp(11px,3.1vw,19px);text-align:center;align-items:center}
}


.workspace{height:calc(var(--catalog-viewport-height,100dvh) - var(--catalog-header-height,54px))}
html:fullscreen{width:100%;height:100%;background:var(--paper)}
html:fullscreen body{width:100%;height:100%;overflow:hidden}
.book.uses-pageflip{display:block;direction:ltr;filter:drop-shadow(0 12px 20px #102c4222)}
.catalog-flip-host{position:relative;direction:ltr;transform:scaleX(-1);min-width:0!important;min-height:0!important;touch-action:none}
.catalog-flip-host .stf__wrapper,.catalog-flip-host .stf__block{height:100%!important;width:100%!important;padding-bottom:0!important}
.catalog-flip-page{background:#fff;overflow:hidden}
.catalog-flip-page img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:fill;transform:scaleX(-1);pointer-events:none;user-select:none;-webkit-user-drag:none}
.stage.is-turning .book{filter:none}
.page-viewport:not(.zoomed){touch-action:none}
.stage[aria-busy="true"]{cursor:progress}
.book .catalog-flip-host{transform:scaleX(-1)!important}

.book .catalog-flip-host.portrait-back-turn{transform:none!important}
.catalog-flip-host.portrait-back-turn .catalog-flip-page img{transform:none!important}