/* Painted paper, cloth binding and shallow workshop keys. Live HTML throughout. */
:root{--primary:#73516f;--muted:#6b5f75;--line:#cbbfd0}
main:not(.workbench):not([data-page=notebook]){background:repeating-linear-gradient(0deg,#89779804 0 1px,transparent 1px 4px),#fcf6e7;border-radius:3px 9px 7px 3px;border-color:#c7b9cb;box-shadow:-6px 0 #9781ad,0 4px #ded3c6,0 7px #b6a6bd,10px 14px 0 #6b78a52b}
.primary,.secondary,.choice{position:relative;border-radius:3px 5px 4px 3px;transition:translate .12s,box-shadow .12s;background-image:repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 3px)}
.primary,.current-lesson>.primary{background-color:#775270;border:1px solid #59415f;border-top:2px solid #ac819e;border-left:2px solid #97728f;box-shadow:inset -2px -2px #553d6138,0 4px #4f3c59,3px 6px 0 #6b73932b;color:#fff9ef;border-radius:3px 5px 4px 3px}
.primary:hover:not(:disabled){background-color:#674663}
.secondary,.choice{background-color:#eee5d4;border:1px solid #b6a5ba;border-top:2px solid #fffbee;border-left:2px solid #fff8ea;box-shadow:inset -2px -2px #c4b1c440,0 3px #a393ad,3px 5px 0 #6b739326;color:#493951}
.choice[aria-pressed=true]{background-color:#bfa8cc;background-image:repeating-linear-gradient(0deg,#ffffff0a 0 1px,transparent 1px 3px);color:#3f2e49;border-color:#8d739d;box-shadow:inset 0 2px 3px #6f527741,0 1px #9a85a4}
.primary:active,.secondary:active,.choice:active,.primary.is-pressed,.secondary.is-pressed{translate:0 2px;box-shadow:inset 0 1px 3px #4f36582b,0 1px #8b7298}
.current-lesson{border-top-width:10px;border-right-width:5px;border-bottom-width:9px;border-left-width:14px;border-radius:3px 9px 8px 3px;box-shadow:inset 3px 0 9px #6e526a13,0 2px #f5e9d6,0 4px #c6b6c5,0 6px #efe2ce,0 9px #9780ab,8px 15px 0 #6b78a52b;padding:23px 22px 18px;gap:12px!important}
.current-lesson:before{left:-10px;top:-7px;bottom:-8px;width:3px;background:repeating-linear-gradient(0deg,#dfcce580 0 2px,#92769f70 2px 4px);border-left:1px solid #756087}
.current-lesson:after{top:-15px}
.current-lesson h2{font-size:1.7rem}.current-lesson>.eyebrow{padding-bottom:7px}
.study-shortcuts .destination{border-radius:2px 5px 3px 2px;box-shadow:inset 0 1px #fffdf2,0 2px #d6c6cf,0 4px #fff4dd,5px 8px 0 #6b78a529}
.study-shortcuts .destination:nth-child(2){background:repeating-linear-gradient(90deg,#fff8eb08 0 1px,transparent 1px 4px),#b7a2c7;border:1px solid #9982ab;border-top:4px solid #79658c;box-shadow:inset 0 1px #d5c1df,0 3px #9580a6,5px 8px 0 #6b78a52b}
.study-card,.feedback,.today{border-radius:3px 8px 5px 3px;background-image:repeating-linear-gradient(0deg,#88739a05 0 1px,transparent 1px 4px)}
nav{background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 4px),#5a4869;border:2px solid #44364f;border-top:3px solid #9986ab;box-shadow:inset 0 1px #b7a0c5,0 4px #352b43,5px 8px 0 #6b73932a;gap:6px;border-radius:5px 8px 3px 3px}
nav a{color:#efe6ee;background:#71607f;border:1px solid #4c3c5a;border-top-color:#9a85aa;box-shadow:0 2px #3e314c;border-radius:3px 4px 2px 2px}
nav a[aria-current]{color:#503b59;background:#eee3ce;border:1px solid #d8c8b6;border-top:2px solid #fffaea;box-shadow:0 2px #ad99b6;}
nav a[aria-current]:after{background:#b36a98;box-shadow:0 0 3px #c787ae60}
nav svg{filter:none}
@media(max-width:650px){
 main.workbench{padding-top:17px;gap:16px}
 .learning-home-header{min-height:42px}.learning-home-header h1{font-size:1.3rem}.learning-home-header .eyebrow{font-size:.72rem}.learning-home-header>a{padding:7px 10px;font-size:.73rem}
 .desk-composition{gap:11px}
 .current-lesson{padding:16px 15px 13px;gap:9px!important;border-left-width:11px;border-top-width:9px;border-right-width:4px;border-bottom-width:8px}
 .current-lesson h2{font-size:1.5rem}.current-lesson>.eyebrow{font-size:.73rem;padding-bottom:5px}
 .current-lesson .lesson-goal{font-size:.875rem;line-height:1.65}
 .current-lesson .lesson-path{padding:2px 0 8px;font-size:.75rem}
 .current-lesson>.primary{min-height:46px;padding:9px 12px;font-size:.9rem}
 .current-lesson:before{left:-8px;top:-7px;bottom:-7px;width:2px}.current-lesson:after{top:-14px;height:31px}
 .notebook-entry{padding-top:4px;min-height:44px;gap:10px}.notebook-entry strong{font-size:.84rem}.notebook-entry small{font-size:.73rem}.mini-notebook{width:27px;height:36px}
 .study-shortcuts{gap:11px}.study-shortcuts .destination{min-height:73px;padding:9px 10px}.study-shortcuts .destination strong{font-size:.85rem}.study-shortcuts .destination small{font-size:.73rem}
 .workbench>.destination{min-height:58px;padding-block:6px}
 nav{gap:5px;padding:5px 7px calc(7px + env(safe-area-inset-bottom));border-radius:6px 8px 0 0;box-shadow:0 -3px 10px #65507724,inset 0 1px #af9bbb}
 nav a{min-height:50px;font-size:.7rem}nav svg{width:20px;height:20px}
 main:not(.workbench):not([data-page=notebook]){padding:20px 18px 25px;gap:17px}
}
@media(max-width:360px){.current-lesson{padding:14px 12px 12px}.current-lesson h2{font-size:1.35rem}.learning-home-header h1{font-size:1.2rem}}

@media(max-width:650px){body{background-image:url("../assets/workshop/desk-portrait.png");background-size:100% auto;background-position:center top;background-repeat:no-repeat;background-attachment:fixed;background-color:#e8e6e7}}