/* Warm paper, ink and instruments keep the association's visual identity in the editor. */
:root{--ink:#332820;--green:#314c3b;--paper:#f4e8cd;--white:#fffaf0;--line:#d5be92;--muted:#675a46;--rust:#8a3c2b;--focus:#9e4229;--soft:#ece0c6}
html{background:var(--paper)}body{position:relative;isolation:isolate}.admin-header{background:#efac33;border-bottom:2px solid #92662f;padding-left:max(28px,calc((100vw - 1440px)/2 + 28px));padding-right:max(28px,calc((100vw - 1440px)/2 + 28px));min-height:100px}.brand{font-family:'Trebuchet MS',Arial,sans-serif}.header-actions .secondary{background:#f7c56a;border-color:#a77732}.header-actions .quiet{color:#493824}.admin-layout{max-width:1440px;margin:0 auto;position:relative}.sidebar{background:#eddfbd;border-right:1px solid #d2b98b;padding-top:26px;width:230px}.sidebar nav a{border-radius:0;font-size:.88rem}.sidebar nav a[aria-current=page]{background:#344e3b;box-shadow:3px 3px 0 #beaa7c}.sidebar nav a:hover{background:#e1cea5}.sidebar nav a[aria-current=page]:hover{background:#344e3b}.signed-in span{color:#706047}.admin-main{padding:34px 34px 24px;position:relative}.page-heading h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.03em;font-size:2rem}.page-heading .eyebrow{color:#825135;letter-spacing:.12em}.panel,.record-list,.media-grid figure{background:#fffaf0;border-color:#d4be94;border-radius:1px;box-shadow:3px 4px 0 #deccaa}.panel{padding:25px}.button{border-radius:1px}.primary{background:#334e3a;border-color:#334e3a}.secondary{background:#fffaf0;border-color:#baa783}.field input,.field textarea,.field select,.search-form input{background:#fffdf7;border-color:#ab9c82;border-radius:1px}.field label{color:#44382a}.overview-item{background:#f7edda;border:1px solid #d0b88a;border-top:3px solid #9a4d30;box-shadow:3px 3px 0 #deccaa;border-radius:1px}.overview-item>strong{color:#873f2e}.badge{border-radius:1px}.published{background:#e5ebd8;border-color:#b2bd9c}.draft{background:#f7e5b9;border-color:#d6bd83}.revision{border-radius:1px;background:#eddfbd;color:#6c593c}.sticky-actions{background:#fffaf0;border-color:#d5be92}.table-wrap{background:#fffaf0}.table-wrap th{background:#e9dfc6}.record-thumbnail{border-color:#c6ae82}.record-row:has(.record-thumbnail[src*="hero-"]) .record-thumbnail,.record-row:has(.record-thumbnail[src*="pispala-illustration"]) .record-thumbnail{width:130px;height:65px;object-fit:cover}.header-intro{border-top:3px solid #a76637}.header-intro p{font-size:.92rem}.header-intro .button{margin-top:5px}.studio-ornament{position:fixed;z-index:-1;right:10px;top:165px;width:170px;height:500px;background:url('images/studio-instruments.webp') top center/contain no-repeat;pointer-events:none;transform:rotate(2deg);transform-origin:50% 0}.demo-notice{padding:18px 20px;background:#efe1bd;border:1px solid #c7ac71;border-left:4px solid #947035;display:flex;align-items:center;gap:20px;margin-bottom:28px}.demo-notice>div{flex:1}.demo-notice strong{font-family:Georgia,serif;font-size:1.15rem}.demo-notice p{font-size:.83rem;line-height:1.55;margin:5px 0 0}.demo-notice .button{font-size:.8rem;white-space:nowrap}.login-main{max-width:480px;padding-top:110px;position:relative}.login-main:before{content:"";position:absolute;left:-235px;top:80px;width:230px;height:530px;background:url('images/studio-instruments.webp') center/contain no-repeat;pointer-events:none}.login-main:after{content:"";position:absolute;right:-210px;top:125px;width:180px;height:450px;background:url('images/studio-instruments.webp') center/contain no-repeat;transform:scaleX(-1) rotate(7deg);pointer-events:none}.login-panel{border-top:4px solid #91452e;background:#fffaf0;box-shadow:5px 6px 0 #d4b786}.login-panel h1{font-family:Georgia,serif;font-size:1.8rem}.admin-footer{border-color:#d2b98b;color:#75654d}.notice.success{background:#edf1df}.notice.error{background:#fff0e2}.mobile-nav summary{color:#3b4731}
@media(min-width:1440px){.admin-layout{padding-right:170px}.admin-main{max-width:1120px}.studio-ornament{right:max(12px,calc((100vw - 1440px)/2));width:205px}}
@media(min-width:1101px) and (max-width:1439px){.admin-layout{padding-right:115px}.studio-ornament{width:140px;right:-8px;top:180px}.admin-main{padding-right:25px}}
@media(max-width:1100px){.studio-ornament{display:none}.sidebar{width:205px}.admin-main{padding:28px 24px}.admin-header{padding:20px 26px}.record-thumbnail{width:65px}.login-main:after{right:-135px;width:140px}.login-main:before{left:-165px;width:165px}}
@media(max-width:760px){.admin-header{min-height:100px;padding:17px 18px}.admin-layout{padding:0}.sidebar{width:100%;padding:12px 18px 7px}.admin-main{padding:24px 18px}.page-heading h1{font-size:1.8rem}.panel{padding:20px}.demo-notice{display:block;padding:15px;margin-bottom:22px}.demo-notice form{margin-top:12px}.demo-notice .button{min-height:44px}.login-main{max-width:450px;padding-top:70px}.login-main:before,.login-main:after{display:none}.login-main>.brand{position:relative;padding-right:100px;min-height:72px;margin-bottom:20px}.login-main>.brand:after{content:"";position:absolute;right:0;top:-38px;width:100px;height:145px;background:url('images/studio-instruments.webp') center/contain no-repeat;pointer-events:none}.record-row:has(.record-thumbnail[src*="hero-"]) .record-thumbnail,.record-row:has(.record-thumbnail[src*="pispala-illustration"]) .record-thumbnail{width:105px;height:58px}.sidebar nav a{font-size:.86rem;line-height:1.3}.admin-header .brand{font-size:.88rem}.header-actions .button{max-width:150px}}
@media(max-width:390px){.admin-main{padding:22px 14px}.sidebar{padding-left:14px;padding-right:14px}.admin-header{padding:14px}.panel{padding:17px}.header-actions .button{max-width:124px;font-size:.72rem}.demo-notice{padding:13px}.login-main{padding-left:18px;padding-right:18px}}
@media print{.studio-ornament,.demo-notice{display:none}.admin-layout{padding:0}.panel{box-shadow:none}}
/* The studio frame follows the same dates as the public illustrations. */
.decor-season-spring .studio-ornament,.decor-season-spring .login-main:before,.decor-season-spring .login-main:after,.decor-season-spring .login-main>.brand:after{background-image:url('images/studio-instruments-spring.png');background-image:image-set(url('images/studio-instruments-spring.webp') type('image/webp'),url('images/studio-instruments-spring.png') type('image/png'))}
.decor-season-autumn .studio-ornament,.decor-season-autumn .login-main:before,.decor-season-autumn .login-main:after,.decor-season-autumn .login-main>.brand:after{background-image:url('images/studio-instruments-autumn.png');background-image:image-set(url('images/studio-instruments-autumn.webp') type('image/webp'),url('images/studio-instruments-autumn.png') type('image/png'))}
.decor-season-winter .studio-ornament,.decor-season-winter .login-main:before,.decor-season-winter .login-main:after,.decor-season-winter .login-main>.brand:after{background-image:url('images/studio-instruments-winter.png');background-image:image-set(url('images/studio-instruments-winter.webp') type('image/webp'),url('images/studio-instruments-winter.png') type('image/png'))}
