/* 11-comment refinement. Original Nudge files, typography and YOU stay intact. */

/* A contact sheet with a clear lead image, smaller moments and working notes. */
.ws-photo-strip.ws-photo-desk{display:flex;flex-direction:column;gap:90px;padding:28px 16px 30px}
.ws-album-spread{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px 0;align-items:center;padding:48px 12px 20px;isolation:isolate}
.ws-album-spread:before{content:"";position:absolute;inset:15px 3% 0;background:#b1d9ca38;transform:rotate(.6deg);z-index:-1;border:1px solid #11121217}
.ws-album-1:before{background:#e9d99a40;transform:rotate(-.7deg)}
.ws-album-2:before{background:#b9e1ef38}
.ws-album-label{position:absolute;top:-13px;left:5%;z-index:2;display:flex;gap:28px;align-items:center}
.ws-album-label>.mono{background:var(--ink);color:#fff;font-size:10px;padding:7px 12px;transform:rotate(-3deg)}
.ws-album-label>.hand{font-size:25px;background:#fff;padding:5px 12px;transform:rotate(3deg)}
.ws-photo-desk figure.ws-album-photo{position:relative;margin:0;width:auto;max-width:none;min-width:0;grid-column:9/span 4;grid-row:1;background:#fff;border:1px solid #1112124d;padding:13px 13px 20px;box-shadow:5px 6px 0 #11121212;transform:rotate(3deg);transition:transform .28s var(--ease),box-shadow .28s}
.ws-photo-desk figure.ws-album-photo>.mono{font-size:9px;margin:0 0 12px}
.ws-photo-desk figure.ws-album-photo:nth-of-type(3){grid-column:8/span 5;grid-row:2;transform:rotate(-2deg)}
.ws-photo-desk figure.ws-album-lead{grid-column:1/span 7;grid-row:1/span 2;transform:rotate(-2deg);padding:20px 20px 26px;z-index:1}
.ws-photo-desk figure.ws-album-photo img{width:100%;height:auto;aspect-ratio:auto;max-height:420px;object-fit:contain;background:#f7f7f4}
.ws-photo-desk figure.ws-album-photo figcaption{font-size:19px;line-height:1.6;margin:14px 0 0}
.ws-photo-desk figure.ws-album-lead figcaption{font-size:29px;margin:22px 0 0;max-width:90%}
.ws-album-corner{position:absolute;right:-15px;bottom:18px;display:grid;place-items:center;width:55px;height:55px;background:var(--yellow);border:1px solid var(--ink);font-size:35px;transform:rotate(9deg)}
.ws-album-1 figure.ws-album-lead{grid-column:6/span 7;transform:rotate(2deg)}
.ws-album-1 figure.ws-album-photo:not(.ws-album-lead){grid-column:1/span 4;transform:rotate(-3deg)}
.ws-album-1 figure.ws-album-photo:nth-of-type(3){grid-column:1/span 5;transform:rotate(2deg)}
.ws-album-1 .ws-album-label{left:auto;right:5%}.ws-album-1 .ws-album-corner{background:var(--mint);right:auto;left:-15px;transform:rotate(-9deg)}
@media(hover:hover) and (pointer:fine){.ws-photo-desk figure.ws-album-photo:hover{transform:rotate(0deg) translateY(-5px);box-shadow:8px 10px 0 #11121215;z-index:3}}

/* Workshop photography becomes a Nudge working file, without obscuring people. */
.ws-reader-cover.ws-cover-desk{--cover-tone:var(--teal);position:relative;isolation:isolate;background:transparent;color:var(--ink);padding:32px 10px 82px 18px;margin:10px 0 15px;min-width:0}
.ws-cover-desk.ws-tone-1{--cover-tone:#191c18}.ws-cover-desk.ws-tone-2{--cover-tone:var(--yellow)}.ws-cover-desk.ws-tone-3{--cover-tone:var(--magenta)}
.ws-cover-desk:before{content:"";position:absolute;inset:42px 3px 12px 6px;background:var(--cover-tone);transform:rotate(2.5deg);z-index:-1;border:1px solid var(--ink)}
.ws-cover-file-tab{position:absolute;top:0;left:4px;right:30px;display:flex;justify-content:space-between;gap:15px;padding:10px 20px;background:var(--cover-tone);color:var(--ink);font-size:10px;border:1px solid var(--ink);transform:rotate(-2deg)}
.ws-cover-desk:is(.ws-tone-1,.ws-tone-3) .ws-cover-file-tab{color:#fff}
.ws-reader-cover .ws-cover-file{position:relative;padding:25px 22px 26px;background:white;border:1px solid var(--ink);box-shadow:5px 6px 0 #1112121a;transform:rotate(-2deg);margin:0}
.ws-cover-file-label{font-size:9px;display:block;margin:0 0 20px;letter-spacing:.08em}
.ws-cover-photo{border:1px solid var(--ink);background:#fff}
.ws-cover-photo>img{display:block;width:100%;height:auto;max-height:365px;object-fit:contain}
.ws-cover-photo>i{width:10px;height:10px;border-width:1px}.ws-cover-photo>i:nth-last-child(4){top:-5px;left:-5px}.ws-cover-photo>i:nth-last-child(3){top:-5px;right:-5px}.ws-cover-photo>i:nth-last-child(2){bottom:-5px;left:-5px}.ws-cover-photo>i:last-child{bottom:-5px;right:-5px}
.ws-reader-cover .ws-cover-file figcaption{font-size:24px;line-height:1.5;max-width:48%;margin-top:20px;color:var(--ink)}
.ws-cover-note{position:absolute;bottom:5px;right:-5px;width:56%;padding:18px 20px 22px;background:var(--mustard);color:var(--ink);border:1px solid var(--ink);box-shadow:4px 4px 0 #11121220;transform:rotate(5deg)}
.ws-cover-note>.mono{font-size:9px}.ws-cover-note ul{list-style:none;padding:0;margin:12px 18px 0 0;font-size:13px;line-height:1.8}.ws-cover-note li+li{margin-top:5px}.ws-cover-note-arrow{position:absolute;right:10px;bottom:10px;font-size:28px;line-height:1}

/* Shared correctness fixes: equal outer cards and readable theme surfaces. */
.ws-course-options{align-items:stretch}
.ws-course-option{display:flex;flex-direction:column;height:100%}
.ws-course-option>.text-action{margin-top:auto;padding-top:25px}
.ws-course-option>.ws-course-learning{margin-bottom:0}
.ws-real-practice:is(.ws-tone-1,.ws-tone-3){color:#fff}
.ws-real-practice :is(h3,p,.mono){color:inherit;opacity:1}

/* About: the same working-paper language, with deliberate negative space. */
.about-page-shell .practice-studio{position:relative;display:flex;gap:60px;padding:65px 38px 50px;background:#ffffffb8;border-color:var(--ink)}
.practice-file-label{position:absolute;top:-15px;left:22px;background:var(--magenta);color:#fff;padding:4px 12px;font-size:10px;transform:rotate(-2deg)}
.practice-studio .practice-step{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:28px;position:relative}
.practice-studio .practice-paper{position:relative;padding:30px;background:var(--light-blue);border:1px solid #11121245;box-shadow:5px 6px 0 #1112120d;transform:rotate(-1.4deg)}
.practice-paper>.mono{font-size:10px;display:block;margin-bottom:20px}.practice-studio .practice-paper h3{font-size:27px;line-height:1.5;margin-bottom:17px;text-wrap:pretty}.practice-studio .practice-paper p{font-size:17px;line-height:1.9;text-wrap:pretty}
.practice-studio .practice-step:nth-of-type(2){grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}
.practice-studio .practice-step:nth-of-type(2) .practice-paper{grid-column:2;background:var(--mustard);transform:rotate(1.6deg)}
.practice-studio .practice-step:nth-of-type(2) .practice-annotation{grid-column:1;grid-row:1;flex-direction:row-reverse;transform:rotate(4deg)}
.practice-studio .practice-step:nth-of-type(3) .practice-paper{background:var(--mint);transform:rotate(-1deg)}
.practice-studio .practice-annotation{display:flex;align-items:center;gap:14px;transform:rotate(-6deg)}
.practice-annotation>img{width:42px;height:42px;flex:none;transform:rotate(15deg)}
.practice-studio .practice-annotation .hand{position:static;left:auto;right:auto;top:auto;width:auto;font-size:29px;line-height:1.15;transform:none}
.about-page-shell #alex .alex-working-portrait{position:relative;isolation:isolate;width:500px;max-width:85%;padding:26px 22px 25px;margin:75px auto 60px;background:#fff;border:1px solid var(--ink);box-shadow:7px 8px 0 #11121217;transform:rotate(-2deg)}
.alex-working-portrait:before{content:"";position:absolute;inset:12px -17px -17px 17px;background:var(--teal);border:1px solid var(--ink);transform:rotate(5deg);z-index:-1}
.portrait-file-tab{position:absolute;left:10px;top:-30px;font-size:10px;background:var(--mint);padding:7px 14px;border:1px solid var(--ink);transform:rotate(2deg)}
.portrait-photo{background:#efefef;border-width:1px}
.about-page-shell #alex .portrait-photo img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain}
.portrait-photo>i{width:11px;height:11px;border-width:1px}.portrait-photo>i:nth-last-child(4){top:-6px;left:-6px}.portrait-photo>i:nth-last-child(3){top:-6px;right:-6px}.portrait-photo>i:nth-last-child(2){bottom:-6px;left:-6px}.portrait-photo>i:last-child{bottom:-6px;right:-6px}
.alex-working-portrait figcaption{font-size:23px;line-height:1.6;margin-top:20px;position:relative;color:var(--ink)}
.portrait-side-note{position:absolute;right:-45px;top:28%;padding:13px 16px;font-size:27px;line-height:1.1;background:var(--mustard);border:1px solid var(--ink);transform:rotate(9deg);box-shadow:3px 3px 0 #11121217}

/* The left reading identity yields to the body after the actual cover. */
.article-identity h1,.article-identity .article-summary,.article-identity .byline,.article-identity .article-category{transition:font-size .4s var(--ease),line-height .4s var(--ease),padding .4s var(--ease),margin .4s var(--ease),background-color .4s var(--ease)}
@media(min-width:901px){
 .article-condense-enabled .article-info{position:sticky;top:110px}
 .article-condense-enabled:not(.article-is-compact) .article-info.is-tall{position:static}
 .article-is-compact .article-info.is-tall{position:sticky}
 .article-is-compact .article-info h1{font-size:24px;line-height:1.5;margin-top:14px}
 .article-is-compact .article-category{font-size:12px;margin-top:12px}
 .article-is-compact .article-info .byline{font-size:12px;margin-block:12px}
 .article-is-compact .article-summary{font-size:13px;line-height:1.75;padding:12px 0 12px 15px;background:transparent;border-radius:0;border-left:2px solid var(--teal)}
 .article-is-compact .article-toc{font-size:12px;gap:7px;margin-top:18px}
}
@media(max-width:1050px){
 .ws-reader .ws-detail-hero{gap:38px}
 .ws-reader-cover.ws-cover-desk{padding-left:10px;padding-right:5px}
 .ws-reader-cover .ws-cover-file{padding:20px 17px 24px}.ws-reader-cover .ws-cover-file figcaption{font-size:21px}
 .ws-cover-note{width:60%;padding:14px 13px 18px;right:-5px}.ws-cover-note ul{font-size:12px}
 .about-page-shell .practice-studio{padding-inline:25px}.practice-studio .practice-step{gap:20px}.practice-studio .practice-paper{padding:25px}.practice-studio .practice-paper h3{font-size:25px}.practice-studio .practice-annotation .hand{font-size:26px}
 .ws-photo-desk figure.ws-album-lead figcaption{font-size:25px}.ws-photo-desk figure.ws-album-photo figcaption{font-size:18px}
}
@media(max-width:800px){
 .practice-studio .practice-step,.practice-studio .practice-step:nth-of-type(2){grid-template-columns:minmax(0,1fr);gap:15px}
 .practice-studio .practice-step:nth-of-type(2) .practice-paper{grid-column:auto}.practice-studio .practice-step:nth-of-type(2) .practice-annotation{grid-column:auto;grid-row:auto;flex-direction:row;justify-content:flex-end}
 .practice-studio .practice-annotation{justify-content:flex-end}.practice-annotation>img{width:30px;height:30px}
 .article-identity h1,.article-identity .article-summary,.article-identity .byline,.article-identity .article-category{transition:none}
}
@media(max-width:700px){
 .ws-photo-strip.ws-photo-desk{gap:55px;padding-inline:8px}
 .ws-album-spread{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;padding:55px 8px 18px}
 .ws-album-label,.ws-album-1 .ws-album-label{left:6px;right:auto;top:-5px;gap:10px;flex-wrap:wrap}
 .ws-album-label>.hand{font-size:21px}.ws-album-label>.mono{font-size:8px}
 .ws-photo-desk figure.ws-album-photo,.ws-album-1 figure.ws-album-photo:not(.ws-album-lead){grid-column:1;grid-row:2;transform:rotate(-1deg);padding:9px 9px 14px}
 .ws-photo-desk figure.ws-album-photo:nth-of-type(3),.ws-album-1 figure.ws-album-photo:nth-of-type(3){grid-column:2;grid-row:2;transform:rotate(1deg)}
 .ws-photo-desk figure.ws-album-lead,.ws-album-1 figure.ws-album-lead{grid-column:1/-1;grid-row:1;transform:rotate(-1deg);padding:15px 15px 22px;width:94%;justify-self:center}
 .ws-photo-desk figure.ws-album-photo img{max-height:none}.ws-photo-desk figure.ws-album-photo figcaption{font-size:15px;margin-top:12px}.ws-photo-desk figure.ws-album-lead figcaption{font-size:24px}
 .ws-album-corner{width:40px;height:40px;font-size:27px;right:-10px}.ws-album-1 .ws-album-corner{left:-10px}
}
@media(max-width:600px){
 .ws-reader-cover.ws-cover-desk{margin:15px 10px 20px 5px;padding:32px 10px 30px 12px}
 .ws-reader-cover .ws-cover-file figcaption{font-size:21px;max-width:none}
 .ws-cover-note{position:relative;width:75%;max-width:260px;right:auto;bottom:auto;margin:-5px -4px 0 auto}
 .ws-cover-note ul{font-size:12px}.ws-cover-file-tab{right:25px;font-size:9px;padding-inline:14px}
 .about-page-shell .practice-studio{padding:50px 20px 30px;gap:28px}.practice-studio .practice-paper{padding:23px 20px}.practice-studio .practice-paper h3{font-size:23px}.practice-studio .practice-paper p{font-size:16px}.practice-file-label{font-size:8px;left:12px}
 .about-page-shell #alex .alex-working-portrait{max-width:88%;padding:17px 15px 20px;margin-block:60px}.portrait-side-note{right:-16px;padding:10px 11px;font-size:23px}.alex-working-portrait figcaption{font-size:21px}.portrait-file-tab{font-size:9px}
 .alex-working-portrait:before{inset:8px -8px -12px 8px;transform:rotate(3.5deg)}
}
@media(prefers-reduced-motion:reduce){.article-identity *,.ws-photo-desk figure.ws-album-photo{transition:none!important}}
html[data-motion=reduce] .article-identity *,html[data-motion=reduce] .ws-photo-desk figure.ws-album-photo{transition:none!important}