/* Stacked-book controls are the explicitly selected illustration style. */
body.srd-pinned{padding-top:0!important;--srd-header-gap:64px}
.srd-pinned #header{position:fixed!important;top:var(--srd-header-offset,0px)!important;left:0!important;right:0!important;width:100%!important;margin:0!important;z-index:100!important;overflow:visible!important}
.srd-pinned #fix_header{display:none!important}
.srd-pinned #header .l-header__bar,.srd-pinned #header .l-header__gnav,.srd-pinned #header .l-header__customBtn,.srd-pinned #header .l-header__menuBtn,.srd-pinned #header .l-header__searchBtn{display:none!important}
.srd-pinned #header .l-header__inner{box-sizing:border-box!important;position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:12px!important;max-width:1120px!important;margin:auto!important;padding:20px 24px!important;min-height:104px!important;overflow:visible!important}
.srd-pinned #header .l-header__logo{grid-column:2;grid-row:1;float:none!important;justify-self:center!important;margin:0!important;padding:0!important;width:auto!important}
.srd-pinned #header .c-headLogo{margin:0!important;padding:0!important;width:auto!important}
.srd-pinned #header .c-headLogo__img{width:200px!important;height:auto!important;max-width:none!important}
.srd-header-spacer{height:calc(var(--srd-header-height,104px) + var(--srd-header-gap,64px));pointer-events:none}
html.srd-pinned-page{scroll-padding-top:calc(var(--srd-header-offset,0px) + var(--srd-header-height,104px) + 64px)}
.srd-header-action{position:absolute;bottom:0;transform:translateY(50%);z-index:8;display:block;width:164px;height:104px;min-height:104px;padding:0!important;border:0!important;border-radius:6px;background:transparent!important;box-shadow:none!important;color:#69431f;font:700 15px/1.35 system-ui,-apple-system,sans-serif;text-align:center;cursor:pointer;isolation:isolate}
.srd-header-request{left:24px}.srd-header-damage{right:24px}
.srd-book-art{position:absolute;inset:0;display:block;pointer-events:none;filter:drop-shadow(0 4px 3px #3c230f35)}
.srd-header-action .srd-book-art svg{display:block;width:100%;height:100%;max-width:none}
.srd-book-label{position:absolute;left:12px;right:4px;top:39%;transform:translateY(-50%);z-index:1;text-align:center;line-height:1.35}
.srd-book-label span{display:block;white-space:nowrap}
#header .srd-hide-guides{position:absolute;top:4px;right:24px;z-index:9;min-height:24px;margin:0;padding:2px 0;border:0!important;border-radius:0;background:none!important;color:#63401f;box-shadow:none!important;font:400 12px/1.5 system-ui,-apple-system,sans-serif;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;cursor:pointer}
#header .srd-hide-guides:hover{text-decoration-thickness:2px}
.srd-guides-hidden #header .srd-header-action,.srd-guides-hidden #header .srd-hide-guides{display:none!important}
body.srd-pinned.srd-guides-hidden{--srd-header-gap:0px}
.srd-header-action:focus-visible,#header .srd-hide-guides:focus-visible{outline:2px solid #63401f;outline-offset:3px}
.srd-bottom-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:24px auto}
.srd-bottom-actions button{border:1px solid #cb7b26;background:#fff5e8;color:#71400d;min-height:44px;padding:10px 14px;border-radius:6px;font:700 16px system-ui;cursor:pointer}
.srd-dialog{box-sizing:border-box;border:0;border-radius:6px;width:min(560px,calc(100vw - 28px));max-width:none;padding:0;margin:auto;inset:0;max-height:calc(100dvh - 32px);color:#202426;background:#fff;box-shadow:0 14px 56px #0003;overflow:auto;font:16px/1.65 system-ui,-apple-system,sans-serif}
.srd-dialog::backdrop{background:#17232c88}.srd-dialog *{box-sizing:border-box}
.srd-dialog-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;background:white;border-bottom:1px solid #e6e9eb}
.srd-dialog .srd-dialog-title{font-size:21px!important;line-height:1.5!important;margin:0!important;border:0!important;padding:0!important;background:none!important;color:#202426!important}
.srd-dialog .srd-close{background:#eef0f2;color:#202426;border:0;border-radius:5px;width:44px;height:44px;flex-shrink:0;padding:0;font:26px/1 system-ui;cursor:pointer}
.srd-dialog-body{padding:20px}.srd-facility-name{margin:0 0 18px;color:#596166;font-size:14px}
.srd-dialog .under-tab-content{width:100%;max-width:none;padding:0;margin:0;border:0;border-radius:0;box-shadow:none}
.srd-dialog .under-tab-content form{gap:14px}.srd-dialog br{display:none}
.srd-dialog label{display:block;font-size:16px;font-weight:650}.srd-dialog input,.srd-dialog textarea{font:400 16px/1.6 system-ui!important;margin-top:6px;color:#202426}
.srd-dialog textarea{min-height:110px}.srd-dialog .request-volume{display:none}
.srd-form-actions{position:sticky;bottom:-20px;z-index:2;display:flex;gap:12px;justify-content:flex-end;background:white;margin:8px 0 -20px;padding:12px 0 20px}
.srd-dialog .srd-form-actions button{font:700 16px/1.6 system-ui;border:0;padding:10px 18px;min-height:46px;border-radius:5px;cursor:pointer}
.srd-dialog .srd-form-actions button[type=submit]{background:#b85e11;color:white}.srd-dialog .srd-form-actions .srd-cancel{background:#e9ecee;color:#202426}
.undercomic-wrapper button[type=submit]:disabled,.srd-dialog .srd-form-actions button[type=submit]:disabled{background:#d8dcdf;color:#626b72;border-color:#d8dcdf;cursor:not-allowed;opacity:1}
.undercomic-wrapper .want-search{position:relative}.undercomic-wrapper .want-suggestion-box{max-height:240px;overflow:auto;border-radius:5px}
.undercomic-wrapper .want-suggestion-item{display:block;width:100%;text-align:left;padding:10px 12px;min-height:44px;font:400 16px/1.5 system-ui;background:white;color:#202426;border:0;border-bottom:1px solid #edf0f2;border-radius:0;cursor:pointer}
.undercomic-wrapper .want-suggestion-item:hover,.undercomic-wrapper .want-suggestion-item.is-active{background:#fff1de;color:#202426}
.undercomic-wrapper .comic-request-existing{color:#71400d}
.undercomic-wrapper [data-srd-state=error]{color:#a33b22}.undercomic-wrapper [data-srd-state=success]{color:#22653d}
.srd-dialog button:focus-visible,.undercomic-wrapper .want-suggestion-item:focus-visible{outline:2px solid #126a96;outline-offset:2px}
.srd-dialog input:focus-visible,.srd-dialog textarea:focus-visible{outline:2px solid #126a96;outline-offset:1px}
@media(max-width:600px){body.srd-pinned{--srd-header-gap:56px}.srd-pinned #header .l-header__inner{gap:6px!important;padding:16px 12px!important;min-height:90px!important}.srd-pinned #header .c-headLogo__img{width:clamp(104px,38vw,180px)!important}.srd-header-action{width:calc((100% - clamp(104px,38vw,180px) - 36px)/2);max-width:116px;height:88px;min-height:88px;font-size:13px}.srd-header-request{left:12px}.srd-header-damage{right:12px}.srd-book-label{left:8px;right:2px}#header .srd-hide-guides{top:2px;right:12px;font-size:11px}.srd-dialog-head{padding:14px 16px}.srd-dialog .srd-dialog-title{font-size:19px!important}.srd-dialog-body{padding:18px 16px}.srd-form-actions{bottom:-18px;padding-bottom:18px;margin-bottom:-18px}.srd-form-actions button{flex:1}}
@media(max-width:360px){.srd-pinned #header .c-headLogo__img{width:104px!important}.srd-header-action{width:calc((100% - 140px)/2);font-size:11.5px}}
@media print{.srd-pinned #header{position:relative!important;top:0!important}.srd-header-spacer,.srd-header-action,.srd-hide-guides,.srd-dialog{display:none!important}}
