/* Commonplace salon edition: original decorative art, local system fonts. */
:root{--paper:#f9f0dc;--white:#fff9eb;--ink:#612c38;--muted:#785c59;--line:#d7bca8;--green:#733143;--accent:#b43e37;--sage:#dce2ba;--rose:#f4c7bc;--lavender:#d7e2eb;--peach:#f7dfa0;--serif:'Baskerville','Palatino Linotype','Book Antiqua',Georgia,serif}
body{background:var(--paper)}h1,h2,h3{font-family:var(--serif)}h1{font-size:clamp(38px,4vw,60px);letter-spacing:-1.9px}.sidebar{background:#642d3c;color:#fff0d4;border-right:0;padding-top:29px}.brand{font-weight:400;font-size:27px}.brand-mark{width:67px;height:79px;text-align:center;font-size:53px;line-height:1.2;color:#f6dfa0;border:1px solid #d9b88a;border-radius:50% 50% 4px 4px;margin:0 0 17px;padding-top:3px;box-shadow:inset 0 0 0 5px #642d3c,inset 0 0 0 6px #d9b88a}.brand-sub,.nav-label{color:#ecd3bd}.brand-sub{font-size:8px;letter-spacing:2.5px}.nav-label{margin-top:34px}.sidebar nav a{font-size:13px;border:1px solid transparent;border-radius:3px}.sidebar nav a.active{background:#f6e6bf;color:#642d3c;border-color:#f6e6bf;box-shadow:3px 3px 0 #381a27}.sidebar nav a:hover{background:#8c4c57;color:#fff5dc}.sidebar nav a.active:hover{background:#ffecc2;color:#642d3c}.sidebar-note{border-top:1px solid #9f6672;padding-top:21px;margin-bottom:24px}.little-star{color:#f3c968;font-size:41px}.sidebar-note p{font-size:23px}.sidebar-note>span:last-child{color:#edd2c0}.settings-link{border-color:#9f6672}.local-indicator{color:#ecd3bd}.local-indicator i{background:#dbe1a8}.topbar{background:#f8e9ca;border-bottom:1px solid #c9a58e;height:63px;color:#713948}.topbar span:first-child:before{content:'✦';display:inline-block;margin-right:13px;color:#a84738;font-size:16px}.topbar span:first-child{letter-spacing:2px}.topbar span:last-child{font-style:italic;font-family:var(--serif);font-size:14px}.page-heading{margin-bottom:27px}.page-heading .eyebrow{color:#a14237;letter-spacing:2.2px}.subhead{font-size:14px}.button{background:#6c2d3c;border-color:#6c2d3c;border-radius:2px;box-shadow:3px 3px 0 #ccb39a;font-size:12px;padding:12px 19px}.button:hover{background:#8c354c;transform:translateY(-1px)}.button.quiet{color:#6c2d3c;border-color:#936052;background:#fff7e4;box-shadow:3px 3px 0 #d8baa1}.button.quiet:hover{background:#f4ddaf}.button.cream{background:#f9e5af;color:#642d3c;border-color:#733143;box-shadow:4px 4px 0 #a75e59}.button.cream:hover{background:#fff3d0}.hero{background:#f1c4b5;color:#642d3c;border-radius:4px;border:1px solid #733143;grid-template-columns:1.12fr 1fr;min-height:390px;box-shadow:6px 6px 0 #e4d1aa;position:relative;isolation:isolate}.hero-copy{padding:34px 38px 31px;position:relative}.hero-copy:before{content:'';position:absolute;inset:11px;border:1px solid #b57270;pointer-events:none}.hero .eyebrow{color:#7b3940;font-size:9px;letter-spacing:2.6px}.hero h2{font-size:clamp(43px,4.6vw,68px);line-height:.97;letter-spacing:-2.2px;margin:25px 0 22px}.hero h2 em{font-weight:400;color:#9c3f3d}.hero p:not(.eyebrow){color:#693b40;font-size:13px;line-height:1.8;max-width:350px}.hero-foot{color:#723e43;font-size:10px;letter-spacing:.5px;margin-top:18px}.hero-art{background:#bbcbcf;border-left:1px solid #733143}.hero-art img{width:100%;height:100%;object-fit:cover}.art-note{background:#fff2cf;border:1px solid #7d414a;color:#76343d;font-size:8px;padding:7px 13px;border-radius:50%;right:13px;bottom:auto;top:14px;transform:rotate(8deg);width:87px;line-height:1.5;text-align:center;letter-spacing:1px}.salon-ribbon{margin:28px 0 0;display:flex;align-items:center;justify-content:center;gap:25px;border-block:1px solid #c7a68d;padding:10px 0;font-family:var(--serif);font-style:italic;font-size:20px;color:#743643}.salon-ribbon span{color:#a24135;font-family:Georgia;font-style:normal;font-size:17px}.stats-strip{padding:20px 0;border-bottom:1px solid #c7a68d}.stats-strip strong{color:#2c5279;font-size:31px}.stats-strip span{font-size:11px;max-width:100px}.stats-strip>a{color:#733143;font-size:12px}.section-title h2{font-size:34px}.section-title .eyebrow{color:#a04337}.lesson-card{border:1px solid #bd9383;border-radius:3px;padding:25px;background:#fff8e6;box-shadow:4px 4px 0 #e6d5b7;position:relative;overflow:hidden}.lesson-card:before{content:'';height:8px;background:repeating-linear-gradient(90deg,#e1b7a6 0 13px,#fff1d5 13px 26px);position:absolute;inset:0 0 auto}.lesson-card:nth-child(3n+2){background:#e7edf0;border-color:#8ca3b5}.lesson-card:nth-child(3n+2):before{background:repeating-linear-gradient(90deg,#a4b9c9 0 13px,#e7edf0 13px 26px)}.lesson-card:nth-child(3n+3){background:#e8e8c9;border-color:#a4a678}.lesson-card:nth-child(3n+3):before{background:repeating-linear-gradient(90deg,#bdc290 0 13px,#ecebd0 13px 26px)}.lesson-card:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:5px 8px 0 #decbaf}.lesson-card h3{font-size:27px;letter-spacing:-.6px}.lesson-card>p:not(.eyebrow){font-size:13px;color:#6d5651}.lesson-card .eyebrow{font-size:9px;color:#7b4542}.card-top{padding-top:5px;margin-bottom:21px}.tile-icon{height:54px;width:54px;border:1px solid #9b6d60;border-radius:50% 50% 3px 3px;color:#773545;font-size:33px;box-shadow:3px 3px 0 #c5ad8a}.bookmark{color:#835c54}.bookmark.bookmarked{color:#b83c37}.card-bottom{border-color:#cdb7a5;font-size:11px;color:#765a54}.card-bottom>a{color:#733143}.panel{border-color:#c6a58f;border-radius:3px;background:#fff9eb;box-shadow:3px 3px 0 #e7d8bd}.quote-panel{background:#d9e1e5;border:1px solid #7d9aaa;border-radius:3px;color:#284a70;position:relative;overflow:hidden}.quote-panel:after{content:'✦';position:absolute;bottom:-19px;right:18px;font-size:100px;color:#bccdd5;z-index:0}.quote-panel>*{position:relative;z-index:1}.quote-panel>span{color:#a73d38}.quote-panel h2{font-size:34px}.quote-panel p{color:#4f6678}.quote-panel a{font-weight:600}.day-grid{margin-top:32px}.studio-intro{background:#dce5e9;border-color:#7f9aaa;border-radius:3px;box-shadow:5px 5px 0 #d8c6a8}.studio-intro h2{color:#2c5078;font-size:40px}.studio-intro p{color:#526675}.pill{border-color:#a88774;color:#694340;background:#fff2d6;border-radius:2px;font-size:11px}.filters{margin-top:27px}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{border-color:#bda38b;border-radius:2px;background:#fffdf3;color:#572b36;font-size:14px}input::placeholder,textarea::placeholder{color:#816c62}input[type=checkbox],input[type=radio]{accent-color:#763247}label{font-size:13px}.task-list li{border-color:#e0cbb5}.task.done>span{color:#826d62}.empty-inline{color:#7a6258}.pillar-card{border-radius:3px;border-color:#bd9982;box-shadow:4px 4px 0 #e3d0b2}.pillar-card:nth-child(4n+1){background:#efe4c5}.pillar-card:nth-child(4n+2){background:#f5d7c7}.pillar-card:nth-child(4n+3){background:#dfe8e8}.pillar-card:nth-child(4n){background:#e3e5c7}.pillar-card:hover{background:#fff3ce;transform:translateY(-2px)}.pillar-card h2{font-size:32px}.pillar-number{color:#9c5147;font-style:italic}.pillar-card p{color:#745e52}.pillar-action{font-size:12px}.note{background:#f8e8bb;border-color:#c9ac70;border-radius:2px;box-shadow:4px 4px 0 #e2cb9f;transform:rotate(-.5deg)}.note:nth-child(even){background:#f0d6ca;transform:rotate(.5deg)}.note p{font-size:22px;color:#6e343e}.reflection{border-radius:2px;border-color:#c7a38f}.growth-stats .panel:nth-child(1){background:#e0e7e9}.growth-stats .panel:nth-child(2){background:#f2cfbf}.growth-stats .panel:nth-child(3){background:#e3e5c8}.growth-stats strong{color:#703241}.progress-label{font-size:13px}progress,progress::-webkit-progress-bar{background:#eadac1}progress::-webkit-progress-value{background:#8b4053}progress::-moz-progress-bar{background:#8b4053}.review-banner{background:#e6e5bf;color:#5d5435;border:1px solid #b1ad74;border-radius:2px}.review-row{border-color:#bfa28e;border-radius:2px}.empty-state{background:#f1e6c9;color:#775746;border-color:#bd9c7a}.lesson-top>a{font-size:13px}.lesson-body{background:#fffaf0}.lesson-body h2{font-size:37px}.lesson-text{color:#614c48}.lesson-aside .panel:first-child{background:#e4e8d0}.lesson-aside .panel:nth-child(2){background:#e4eaee}.rabbit-link{border-color:#b6b795;font-size:13px;color:#614434}.sources-panel .source-link{color:#305575}.steps button{background:#f8eaca;border-color:#bda082;border-radius:2px;font-size:13px}.steps button[aria-current]{background:#733143;color:#fff4dc;border-color:#733143}.steps button>span{font-style:italic;font-size:21px}.context{background:#f1e6cc;border-radius:2px}.context summary{font-size:13px}.challenges label{background:#f5ead3;border-color:#cdb499;border-radius:2px;font-size:13px}.breadcrumbs{background:#e3e7d2;border:1px solid #b4b990;border-radius:2px}.save-line{font-size:10px}.source-link{font-size:13px}.source-item{border-color:#c8ab90}.about-grid p,.plain-list,.backup-panel p{color:#6c5850;font-size:14px}.source-item p{font-size:13px;color:#725a51}.local-indicator{font-size:10px}footer{border-top:3px double #b89a80;color:#7b4f49;background:repeating-linear-gradient(90deg,#f8ebcf 0 24px,#f2e0bd 24px 48px)}footer a{font-size:11px;background:#f8edda;padding:2px 6px}.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#2f6088}#toast{background:#703142;color:#fff2d5;border:1px solid #a97665;border-radius:3px}
@media(min-width:1450px){.hero{min-height:435px}.hero-copy{padding:40px 45px}.hero h2{font-size:72px}.hero p:not(.eyebrow){font-size:15px}}
@media(max-width:1200px){.hero-copy{padding:31px 28px}.hero h2{font-size:50px}.hero{min-height:380px}.lesson-card h3{font-size:25px}.sidebar .brand{font-size:24px}.stats-strip span{font-size:10px;max-width:85px}}
@media(max-width:980px){.hero-copy{padding:28px 24px}.hero h2{font-size:44px}.hero .eyebrow{font-size:8px}.hero p:not(.eyebrow){font-size:12px}.hero{min-height:360px}.hero-art img{object-position:54% center}.brand-mark{width:58px;height:70px;font-size:47px}.sidebar .brand{font-size:22px}.sidebar nav a{font-size:12px}.salon-ribbon{font-size:18px;gap:17px}.stats-strip span{max-width:74px}.quote-panel h2{font-size:29px}}
@media(max-width:700px){.sidebar{padding:15px 18px 11px}.sidebar .brand{font-size:26px}.brand-mark{width:auto;height:auto;border:none;border-radius:0;box-shadow:none;font-size:31px;line-height:1;margin:0;padding:0}.brand-sub{color:#f0d9bd;font-size:7px;letter-spacing:1.5px}.sidebar nav a{font-size:10px}.sidebar nav a.active{box-shadow:2px 2px 0 #391b28}.topbar{height:47px}.topbar span:first-child{font-size:7px;letter-spacing:1px}.topbar span:first-child:before{margin-right:7px;font-size:11px}.topbar span:last-child{font-size:11px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:32px 29px 30px}.hero h2{font-size:55px;margin:23px 0}.hero .eyebrow{font-size:9px}.hero p:not(.eyebrow){font-size:13px}.hero-art{height:310px;border-left:0;border-top:1px solid #733143}.hero-art img{object-position:50% 64%}.art-note{top:12px;width:86px}.salon-ribbon{font-size:17px;gap:14px;margin-top:23px;white-space:normal;text-align:center}.salon-ribbon span{font-size:14px}.stats-strip{gap:15px}.stats-strip span{font-size:10px;max-width:66px}.stats-strip strong{font-size:29px}.section-title h2{font-size:31px}.lesson-card h3{font-size:29px}.lesson-card{padding:25px}.page-heading h1{font-size:42px}.studio-intro h2{font-size:35px}.lesson-body h2{font-size:32px}.steps button{font-size:11px}.steps button>span{font-size:16px}.save-line{font-size:9px;flex-wrap:wrap;gap:3px}.form-row{flex-wrap:wrap}.form-row>div{min-width:100%}.form-row .button{margin-bottom:0}.sidebar .sidebar-note{display:none}.button{font-size:12px}.lesson-controls .button{font-size:12px}.lesson-card:hover{transform:translateY(-2px)}.growth-stats .panel{padding:15px 12px}.growth-stats p{font-size:11px}.growth-stats strong{font-size:34px}}