/* Know You: wax on warm paper. Decoration never covers labels or focus rings. */
body{background-color:#fffdf6;background-image:url('/assets/zhini/paper.svg');background-size:320px;scrollbar-color:#bc6145 #f3e9d6;scrollbar-width:thin}
*{scrollbar-color:#bc6145 #f3e9d6;scrollbar-width:thin}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:#f3e9d6;border-radius:8px}*::-webkit-scrollbar-thumb{background:#bc6145 url('/assets/zhini/wax.svg');border:3px solid #f3e9d6;border-radius:7px 11px 8px 6px}*::-webkit-scrollbar-thumb:hover{background-color:#914932}
.brand.zhini-brand{display:flex;flex-direction:column;align-items:center;gap:0;flex:none;letter-spacing:0}.brand-wordmark{width:180px;height:53px;object-fit:contain}.brand-slogan{font-size:11px;font-weight:500;letter-spacing:3px;color:#645248;line-height:1.7}.home-header{align-items:center;padding-bottom:18px}
.button,.icon-button{position:relative;isolation:isolate;overflow:visible;border-radius:9px 13px 8px 12px;border:1.5px solid #9c7c61;min-height:52px;gap:12px;font-weight:650;background-image:url('/assets/zhini/wax.svg');background-size:180px 100px}
.button:before,.icon-button:before{content:'';position:absolute;inset:3px 2px;pointer-events:none;border:1px solid currentColor;border-radius:8px 11px 6px 10px;opacity:.17;transform:rotate(-.35deg)}
.button.primary{background-color:#b83a2f;color:#fffdf6;border-color:#a4382d}.button.secondary{background-color:#fffdf4;color:#493d32}.button.primary:hover{background-color:#a33229}.button.secondary:hover{background-color:#fff1ca}.button:active,.icon-button:active{transform:translateY(1px)}.button:disabled,.icon-button:disabled{opacity:.5;cursor:not-allowed}.button:focus-visible,.icon-button:focus-visible,.text-button:focus-visible,summary:focus-visible{outline:3px solid #316f94;outline-offset:5px}
.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #c8ae8b;border-radius:7px 10px 8px 5px;padding:8px 12px;background:#fff9eb url('/assets/zhini/paper.svg');text-decoration:none;color:#69503a;line-height:1.5}.text-button:hover{background-color:#fff0c5}.doodle-icon{display:inline-block;flex:none;vertical-align:middle;pointer-events:none}.button .doodle-icon{margin-left:auto}a>.doodle-icon{width:18px;height:18px;margin-left:5px}summary{list-style:none;position:relative;padding:12px 35px 12px 0}summary::-webkit-details-marker{display:none}summary:after{content:'';position:absolute;right:3px;top:calc(50% - 12px);width:24px;height:24px;background:url('/assets/zhini/chevron.svg') center/24px no-repeat;transform:rotate(-90deg)}details[open]>summary:after{transform:rotate(0)}
.scrapbook-home .hero{padding:42px 12px 36px;min-height:360px}.scrapbook-home .hero h1{font-size:clamp(39px,4.3vw,59px);font-weight:750}.catalog-jump{margin-top:25px;max-width:340px}.crayon-collage{width:340px;height:295px;max-width:100%;position:relative}.crayon-collage>img{width:100%;height:100%;object-fit:contain}
.test-catalog{scroll-margin-top:25px;padding:24px 12px 50px}.catalog-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 26px}.catalog-heading h2{font-size:29px}.catalog-heading em{font-style:normal;color:#aa4936}.catalog-heading p{font-size:15px;color:#74604d}.test-product{background:#fff4d8 url('/assets/zhini/paper.svg');padding:30px;border-radius:19px 14px 23px 16px;border:1px solid #dfc690}.test-product-heading{display:flex;gap:20px;align-items:center;margin-bottom:24px}.catalog-symbol{display:grid;place-items:center;width:60px;height:60px;background:#f8d45a;border-radius:43% 52% 39% 48%;color:#8c4b2e;flex:none}.catalog-symbol svg{width:37px;height:37px}.test-product h3{font-size:28px;margin:0 0 8px}.test-product-heading p{font-size:16px;color:#6d593c;max-width:560px}.test-editions{display:grid;grid-template-columns:1fr 1fr;gap:24px}.test-edition{background:#fffdf6;padding:25px;border-radius:12px 17px 11px 14px}.edition-advanced{background:#f2f5e9}.edition-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.edition-heading h4{font-size:21px}.edition-count{font-size:15px;color:#805831;font-weight:650}.test-edition p{font-size:16px;color:#62523f}.test-edition .edition-extra{font-size:13px;margin:8px 0 22px;color:#79654b}.test-edition>.button{width:100%;justify-content:space-between}.edition-progress{margin-top:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.edition-progress p{font-size:12px}.edition-progress .text-button{font-size:13px}.home-footer{max-width:none;margin:0 12px}
.review-group{--review-paper:#fff3ca;--review-accent:#8b6227;margin:16px 0;border:0;border-radius:13px;background:#fffcf3}.review-color-1{--review-paper:#eef4df;--review-accent:#49672f}.review-color-2{--review-paper:#edf4fb;--review-accent:#3b6480}.review-color-3{--review-paper:#f9e8e3;--review-accent:#97503e}.review-color-4{--review-paper:#f0eafa;--review-accent:#74548a}.review-group>summary{font-size:17px;font-weight:750;color:var(--review-accent);padding:18px 48px 18px 20px;background:var(--review-paper);border-radius:12px 17px 10px 14px}.review-group>summary:after{right:17px}.review-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;border:0;padding:20px 2px 8px}.review-button{border:1px solid #ddcfba;background:var(--review-paper) url('/assets/zhini/paper.svg');border-radius:13px 18px 12px 16px;padding:20px 17px;text-align:left;transition:background-color .15s;min-width:0}.review-button:hover{background-color:#fff5d9;border-color:#b48b53}.review-row{grid-template-columns:27px minmax(0,1fr) 20px;gap:10px}.review-row>svg{width:19px;color:var(--review-accent)}.review-number{font-weight:750;font-size:13px;border-bottom:2px solid var(--review-accent);line-height:25px;height:27px;color:var(--review-accent)}.review-row strong{font-size:15px;font-weight:650;line-height:1.8}.review-answer{font-size:14px;color:#63533f;background:#fffdf6a8;padding:9px 11px;border-radius:7px;margin-top:14px}.answer-label{display:block;font-size:11px;letter-spacing:1px;color:#806747;margin-bottom:4px}
.report-cover{max-width:none;margin:22px 0 12px;padding:24px 0}.report-cover h1{font-size:38px;max-width:none}.report-stamp{display:none}.report-summary{font-size:16px}.report-image-entry{display:flex;align-items:center;gap:18px;margin:15px 0 30px}.report-image-entry p{font-size:14px}.traits-paper{max-width:none;border:1px solid #dbc99f;border-radius:14px 20px 12px 18px;background:#fffef9 url('/assets/zhini/paper.svg');padding:32px;margin-top:24px}.traits-paper:before{display:none}.traits-title h2{font-size:25px}.clues-section{display:none}
.direction-card{--direction-paper:#f5efdf;background:var(--direction-paper) url('/assets/zhini/paper.svg');border:1px solid #ddcfb8;border-radius:17px 24px 16px 19px;padding:30px;margin:28px 0}.direction-card:nth-of-type(3n){--direction-paper:#eef3e7}.direction-card:nth-of-type(3n + 1){--direction-paper:#f6ece7}.direction-heading{display:flex;align-items:center;gap:13px;margin-bottom:14px}.direction-heading h2{font-size:26px;margin:0}.direction-heading>.doodle-icon{color:#a45534;width:30px;height:30px}.direction-card>.section-title{margin-bottom:20px}.direction-card>.section-title>p{font-size:15px}.direction-card .career-grid{gap:0;grid-template-columns:1fr}.direction-card .career-card{padding:24px 0;background:none;border:0;border-top:1px dashed #cbbda7;border-radius:0;display:grid;grid-template-columns:1fr auto;column-gap:30px;align-items:start}.direction-card .career-card-top{grid-column:1;margin-bottom:5px}.direction-card .career-card .career-category{font-size:13px}.direction-card .career-card h3{grid-column:1;font-size:22px;margin:6px 0}.direction-card .career-card p{grid-column:1;max-width:720px}.direction-card .career-card .occupation{margin:0 0 12px;font-size:15px}.direction-card .career-card .tag{grid-column:1;font-size:12px;margin:0 0 7px}.direction-card .career-card .evidence-note{font-size:13px;color:#775c44;margin:9px 0 0}.direction-card .career-card .text-button{grid-column:2;grid-row:2 / span 3;align-self:center;width:auto;border:1px solid #bba07d;background:#fffdf1;margin:0;padding:10px 14px;white-space:nowrap}.direction-card .career-category img{background:var(--category-surface);border-radius:8px;padding:4px;width:32px;height:32px}.report-tools{gap:16px}.report-footer .button.primary{min-width:190px}
.question-protected{position:relative;user-select:none;-webkit-user-select:none}.question-protected:after{content:attr(data-watermark);display:block;pointer-events:none;text-align:center;font-size:10px;line-height:1.5;color:#977f666b;margin-top:14px;letter-spacing:1px}.question-heading,.options,.review-list,.answer-evidence{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.question-page textarea,.question-page input,.evidence-form textarea{user-select:text;-webkit-user-select:text}.option{border-radius:10px 15px 11px 13px;border-color:#b9a68b;background:#fffdf9 url('/assets/zhini/paper.svg')}.option:has(input:checked){background-color:#fff0b6;border-color:#987333;box-shadow:inset 0 0 0 1px #987333}.option:has(input:checked) .option-indicator:after{content:'';width:13px;height:13px;background:url('/assets/zhini/check.svg') center/contain no-repeat}.question-footer{background-image:url('/assets/zhini/paper.svg')}
@media(max-width:760px){.brand-wordmark{width:150px;height:44px}.brand-slogan{font-size:10px;letter-spacing:2px}.scrapbook-home .hero{padding:28px 0 18px;gap:0;position:relative}.scrapbook-home .hero h1{font-size:36px}.scrapbook-home .hero-description{font-size:16px;margin-top:14px}.crayon-collage{width:240px;height:208px;margin:0 auto 4px;order:2}.catalog-jump{order:3;margin:8px 0 0;width:100%;max-width:none}.test-catalog{padding:32px 0}.catalog-heading{display:block;margin-bottom:20px}.catalog-heading h2{font-size:25px}.catalog-heading p{font-size:14px;margin-top:10px}.test-product{padding:22px 18px}.test-product-heading{gap:13px;align-items:flex-start;margin-bottom:23px}.catalog-symbol{width:39px;height:45px}.catalog-symbol svg{width:28px}.test-product h3{font-size:23px}.test-product-heading p{font-size:14px;line-height:1.8}.test-editions{grid-template-columns:1fr;gap:20px}.test-edition{padding:20px 17px}.edition-heading h4{font-size:20px}.test-edition p{font-size:15px}.home-footer{margin:0}.review-page h1{font-size:28px}.review-list{grid-template-columns:1fr;padding-top:16px;gap:16px}.review-button{padding:20px 14px}.review-row{gap:8px}.review-group>summary{font-size:16px;padding:17px 42px 17px 16px}.report-cover{margin:12px 0;padding-top:20px}.report-cover h1{font-size:31px;max-width:none;margin:14px 0}.report-image-entry{display:block;margin:20px 0 27px}.report-image-entry .button{width:100%}.report-image-entry p{font-size:12px;text-align:center;margin-top:10px}.traits-paper{padding:23px 17px}.traits-title h2{font-size:22px}.traits-paper>.muted{font-size:13px}.direction-card{padding:23px 18px;border-radius:14px 19px 13px 16px;margin:26px 0}.direction-heading h2{font-size:24px}.direction-card .career-card{display:flex;padding:23px 0;gap:0}.direction-card .career-card h3{font-size:22px}.direction-card .career-card .text-button{margin-top:18px;width:100%}.direction-card .career-card .career-card-top{margin-bottom:6px}.report-nav{gap:12px}.report-nav>.text-button{font-size:12px}.question-actions{gap:16px}.quiz-edition{max-width:125px;font-size:12px}.text-button{font-size:14px}}
@media(max-width:359px){.brand-wordmark{width:132px;height:39px}.traits-paper{padding-left:13px;padding-right:13px}.test-product{padding:19px 13px}.test-product h3{font-size:21px}.test-edition{padding:19px 14px}.review-row{grid-template-columns:23px minmax(0,1fr) 17px}.review-row strong{font-size:14px}}
@media print{body{background:#fff}.question-page,.review-page,.answer-evidence,.report-image-entry,.question-protected:after{display:none!important}.direction-card,.traits-paper{background:#fff;box-shadow:none}.button:before{display:none}}
@media(prefers-reduced-motion:reduce){.button,.icon-button,.review-button{transition:none}}
/* Final spacing and hand-drawn contours, independent of readable labels. */
.edition-heading h4{margin:0}.button:before,.icon-button:before{border:0;background:url('/assets/zhini/button-edge.svg') center/100% 100% no-repeat;inset:-1px;opacity:.48;transform:none}.button.primary:before{opacity:.28}.text-button{background-image:url('/assets/zhini/button-edge.svg'),url('/assets/zhini/paper.svg');background-size:100% 100%,320px;background-repeat:no-repeat,repeat}.manage-page .detail-section>.button{margin:10px 16px 10px 0}
@supports selector(::-webkit-scrollbar){*{scrollbar-color:auto;scrollbar-width:auto}}
@media print{.report-nav{display:flex!important}.report-nav .brand-wordmark{width:180px;height:53px}.report-cover{margin-top:15px}.test-catalog{display:none}.report-page .direction-card{padding:20px;margin:20px 0}}
.direction-card{background-color:var(--category-surface,var(--direction-paper))}.direction-heading{color:var(--category-color,var(--ink))}.direction-heading>img{flex:none;opacity:.85}.review-button{background-image:url('/assets/zhini/button-edge.svg'),url('/assets/zhini/paper.svg');background-size:100% 100%,320px;background-repeat:no-repeat,repeat}