/* V7 : a quieter, spacious workshop. All decoration is native CSS. */
:root{--paper:#f5f6f8;--ink:#111e32;--blue:#1557d2;--yellow:#ffda36;--muted:#566276}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:Inter,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.015em;-webkit-font-smoothing:antialiased}h1,h2,h3{letter-spacing:-.045em;text-wrap:balance}h1{line-height:1.05}p{line-height:1.65;text-wrap:pretty}header{position:sticky;top:0;z-index:10;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid #14233d12}header nav{gap:22px}header nav a{font-size:13px}.button,button{font:inherit}button{cursor:pointer}.button{border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;transition:transform .2s,box-shadow .2s;background:var(--yellow);color:var(--ink);font-weight:750}.button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #09284a17}.button.secondary{background:white;color:var(--blue);border:1px solid #d6deeb}button:disabled{cursor:default;opacity:.7}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1474ff;outline-offset:4px}.section{padding-top:64px;padding-bottom:64px}.section h2{font-size:clamp(29px,3.7vw,46px)}.eyebrow{letter-spacing:.12em;font-size:11px}.tutorial,.news-card,.video-card{box-shadow:0 7px 24px #10244b06;border-color:#e4e8ef;transition:transform .3s,box-shadow .3s}.tutorial:hover,.news-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #10244b0c}.featured{padding-top:50px;padding-bottom:50px}.featured h2{font-size:clamp(35px,4.2vw,54px)}.news-heading,.library-heading{background:linear-gradient(115deg,#111e32,#143762)}
.community-heading{padding:65px 0 55px;background:radial-gradient(ellipse at 87% 20%,#2b64b631,transparent 47%),#edf2f9;overflow:hidden}.community-heading h1{font-size:clamp(42px,6.1vw,76px);max-width:950px;margin:14px 0 22px}.community-heading h1 span{color:var(--blue)}.community-heading p:not(.eyebrow){max-width:680px;color:var(--muted);font-size:18px}.community-heading .eyebrow{color:var(--blue)}.jump-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.jump-links a{padding:10px 18px;border:1px solid #cbd6e6;border-radius:999px;text-decoration:none;font-size:14px;background:#fff9}.jump-links a:hover{background:white}.community-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:26px;padding-top:42px;align-items:start}.work-panel{padding:36px;border:1px solid #e1e7ef;border-radius:25px;background:white;box-shadow:0 12px 38px #15284406}.work-panel h2{font-size:clamp(31px,3.7vw,46px);line-height:1.08;margin:10px 0 20px}.work-panel>p{color:var(--muted)}.quiz-panel{background:linear-gradient(145deg,#152742,#123f81);color:white;border:0;min-height:470px}.quiz-panel>p{color:#c6d9f2}.quiz-panel .eyebrow{color:var(--yellow)}.quiz-panel h2{font-size:49px}.quiz-panel h3{font-size:26px;line-height:1.2}.work-panel fieldset{border:0;padding:0;margin:24px 0}.vote-choice{display:flex;align-items:center;gap:13px;position:relative;padding:18px 15px;border:1px solid #dde4ee;border-radius:14px;margin-bottom:10px;cursor:pointer}.vote-choice:has(input:checked){border-color:var(--blue);background:#f0f5ff;box-shadow:0 0 0 1px var(--blue)}.vote-choice input{accent-color:var(--blue);width:19px;height:19px;flex-shrink:0}.vote-choice strong,.vote-choice small{display:block}.vote-choice small{font-size:13px;line-height:1.4;color:var(--muted);margin-top:4px}.choice-number{margin-left:auto;color:#a3afc2;font-weight:800;font-size:24px}.fine{font-size:13px!important;color:var(--muted);line-height:1.55!important}.quiet{border:0;background:none;padding:8px 0;text-decoration:underline;text-underline-offset:4px;color:var(--blue);font-size:14px}.quiz-panel .quiet{color:white}.result-row{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:12px;margin:17px 0}.result-row progress{grid-column:1/-1}progress{appearance:none;border:0;height:7px;width:100%;border-radius:9px;overflow:hidden;background:#e5ebf4}progress::-webkit-progress-bar{background:#e5ebf4}progress::-webkit-progress-value{background:var(--blue);border-radius:9px}progress::-moz-progress-bar{background:var(--blue)}.quiz-panel progress::-webkit-progress-value{background:var(--yellow)}.quiz-counter{font-size:11px;letter-spacing:.12em;color:#bcd4f6}.quiz-answers{display:grid;gap:10px}.quiz-answers button{padding:15px 18px;text-align:left;background:#ffffff0e;color:white;border:1px solid #91b9f04a;border-radius:12px;line-height:1.4}.quiz-answers button:hover:not(:disabled){background:#ffffff22}.quiz-answers button.correct{border-color:#87edaf;background:#154b3c;opacity:1}.quiz-answers button.incorrect{border-color:#ffbfa8;background:#603b3d;opacity:1}#quiz-feedback{font-size:15px;color:#e1ecfa}.score{font-size:85px!important;font-weight:800;line-height:1.1;margin:20px 0;color:var(--yellow)}.score span{font-size:30px;color:#a3b9d7}.quiz-recommend{display:flex;gap:15px;align-items:center;color:white;text-decoration:none;font-weight:650;margin:20px 0}.quiz-recommend img{width:110px;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.check-card{background:white;border:1px solid #e2e7ee;border-radius:20px;padding:25px}.check-card h3{font-size:24px;line-height:1.15;min-height:55px;margin:0}.check-count{font-size:12px;color:var(--muted);margin:14px 0 7px}.check-card label{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;padding:15px 0;border-bottom:1px solid #edf0f4;cursor:pointer}.check-card label input{margin:4px 0 0;accent-color:var(--blue);width:18px;height:18px;flex-shrink:0}.check-card label:has(:checked) span{color:#58745b;text-decoration:line-through;text-decoration-color:#99b99e}.check-card .quiet{margin-top:12px}.atelier-teaser{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.atelier-teaser h2{font-size:clamp(34px,4.7vw,57px);line-height:1.04;margin:15px 0}.atelier-teaser p{max-width:490px;color:var(--muted)}.teaser-links a{display:flex;align-items:center;gap:20px;border-bottom:1px solid #d9e1ed;padding:20px 0;text-decoration:none;font-size:21px;font-weight:700;transition:padding .2s}.teaser-links a:hover{padding-left:8px}.teaser-links b{color:var(--blue);font-size:13px}.teaser-links small{display:block;font-size:13px;font-weight:400;color:var(--muted);margin-top:4px}.teaser-links a>span:last-child{margin-left:auto}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.idea-card{padding:30px;background:white;border-radius:22px;border:1px solid #e1e6ef;position:relative}.idea-card h2{font-size:28px;line-height:1.1;margin-top:24px}.idea-index{font-size:13px;font-weight:800;background:#edf3ff;color:var(--blue);padding:8px 12px;border-radius:9px}.idea-card p{font-size:15px}.goodies-section{background:#112440;color:white;padding:60px 0}.goodies-section h2{font-size:clamp(36px,5vw,58px);margin:15px 0}.goodies-section .eyebrow{color:var(--yellow)}.goodies-section>.wrap>p{max-width:700px;color:#c3d3e9}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.concept{text-align:center}.concept h3{font-size:23px;margin:35px 0 8px}.concept p{font-size:14px;color:#c3d3e9}.mug-mock{width:190px;height:195px;background:linear-gradient(90deg,#1762ce,#2975e5 60%,#1251ae);border-radius:9px 9px 43px 43px;position:relative;display:grid;place-items:center;margin:25px auto 0;box-shadow:inset 0 5px 0 #7ca9eb,12px 20px 30px #0004;transform:rotate(-6deg)}.mug-mock:after{content:'';position:absolute;left:100%;top:27px;width:43px;height:85px;border:16px solid #2269c6;border-left-width:5px;border-radius:0 40px 40px 0}.mug-mock span{font-size:17px;font-weight:800;line-height:1.15}.mug-mock b{color:var(--yellow);font-size:16px;display:block;margin-top:12px}.concept small{display:block;font-size:8px;letter-spacing:.07em;margin-top:13px}.shirt-mock{width:240px;height:235px;background:linear-gradient(100deg,#e8edf4,#ffffff 50%,#bac8d8);clip-path:polygon(24% 0,37% 0,40% 5%,60% 5%,63% 0,76% 0,100% 18%,88% 41%,77% 32%,78% 100%,22% 100%,23% 32%,12% 41%,0 18%);margin:auto;display:grid;place-items:center;color:var(--ink)}.shirt-mock span{font-size:17px;font-weight:800;line-height:1.2;margin-top:15px}.shirt-mock b{color:var(--blue)}.sticker-mock{height:210px;width:210px;border-radius:50%;background:var(--yellow);border:9px solid white;display:grid;place-items:center;transform:rotate(7deg);margin:15px auto 10px;box-shadow:12px 20px 30px #0004;color:var(--ink)}.sticker-mock span{font-size:18px;font-weight:750;line-height:1.25}.sticker-mock b{font-size:23px}.idea-submit{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.idea-submit h2{line-height:1.06}.idea-submit form label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}.idea-submit :is(input,select,textarea){font:inherit;width:100%;border:1px solid #cfd9e7;border-radius:10px;padding:13px 14px;margin-bottom:21px;background:#fbfcfe;color:var(--ink);box-sizing:border-box}.idea-submit textarea{resize:vertical}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.sr-only{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}.practical{padding:30px;background:#eef3fa;border-radius:20px;margin:30px 0}.practical h2{margin-top:0!important}.practical-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.practical h3{font-size:22px}.practical ul{padding-left:20px}.practical li{margin-bottom:8px}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.before-after figure{margin:0;background:#f1f4f8;border-radius:13px;overflow:hidden}.before-after img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.before-after figcaption{padding:16px;font-size:13px;line-height:1.5}.before-after strong{display:block;margin-bottom:5px;font-size:16px}.reveal-pending{opacity:0;transform:translateY(16px)}:is(.work-panel,.idea-card,.concept,.check-card,.atelier-teaser,.editorial-grid,.featured){transition:opacity .65s ease,transform .65s ease}
@media(max-width:1000px){.check-grid,.idea-grid{grid-template-columns:repeat(2,1fr)}header nav{gap:13px}.community-grid{gap:18px}.work-panel{padding:26px}.idea-submit{gap:30px}.concept-grid{gap:20px}}
@media(max-width:720px){header{position:relative}header nav{max-width:none;gap:10px;flex-wrap:wrap;justify-content:flex-end}header nav a{font-size:12px}.community-heading{padding:38px 0}.community-heading h1{font-size:43px}.community-heading p:not(.eyebrow){font-size:16px}.community-grid,.check-grid,.idea-grid,.atelier-teaser,.idea-submit,.concept-grid,.practical-grid,.before-after{grid-template-columns:1fr}.community-grid{padding-top:25px}.section{padding-top:38px;padding-bottom:38px}.work-panel{padding:25px}.quiz-panel h2{font-size:39px}.section-head{gap:20px;flex-wrap:wrap}.check-card h3{min-height:0}.atelier-teaser{gap:20px}.concept-grid{gap:35px}.concept{max-width:320px;margin:auto}.idea-submit{gap:15px}.idea-card{padding:26px}.community-heading .jump-links{gap:8px}.jump-links a{padding:8px 12px;font-size:13px}.practical{padding:22px}.result-row{font-size:11px}.workshop-intro h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}}
@media print{body{background:white}header,footer,.network-bar,.community-heading,.community-grid,#print-checklists,.check-card .quiet,#storage-status{display:none!important}.check-grid{display:block}.check-card{break-inside:avoid;box-shadow:none;margin-bottom:15px}.section{padding:0}.wrap{width:100%}.reveal-pending{opacity:1;transform:none}progress{display:none}.check-card label{padding:5px 0}}