/* Approved journal layout, strictly scoped to result screens. */
body[data-screen="result"]{--cream:url("journal/materials/cream.webp");--lilac:url("journal/materials/lilac.webp");--notebook:url("journal/materials/notebook.webp");--photo-mask:url("journal/materials/photo-mask.webp");--pink:url("journal/materials/pink.webp");--tape:url("journal/materials/tape.webp");--white:url("journal/materials/white.webp");--yellow:url("journal/materials/yellow.webp");--grain:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxODAiIGhlaWdodD0iMTgwIj48ZmlsdGVyIGlkPSJuIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjc2IiBudW1PY3RhdmVzPSIzIiBzdGl0Y2hUaWxlcz0ic3RpdGNoIiBzZWVkPSIxMiIvPjxmZUNvbG9yTWF0cml4IHR5cGU9InNhdHVyYXRlIiB2YWx1ZXM9IjAiLz48ZmVDb21wb25lbnRUcmFuc2Zlcj48ZmVGdW5jQSB0eXBlPSJsaW5lYXIiIHNsb3BlPSIuMDY1Ii8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNuKSIgb3BhY2l0eT0iLjciLz48L3N2Zz4=");}
body[data-screen="result"] #quiz-root{width:100%;max-width:none;margin:0;padding:0;outline:0}
body[data-screen="result"] .journal-result{background:none;box-shadow:none;border:0;border-radius:0;isolation:auto}
body[data-screen="result"] .journal-result .button,body[data-screen="result"] .journal-result .quiet-link{all:unset;box-sizing:border-box}
body[data-screen="result"] .journal-result,body[data-screen="result"] .journal-result *{box-sizing:border-box}body[data-screen="result"]{margin:0;color:#29232a;font-family:'DM Sans',sans-serif;background-color:#eee7da;background-image:var(--grain),repeating-linear-gradient(0deg,transparent 0 41px,#6f9ead12 41px 42px);line-height:1.65}body[data-screen="result"] .journal-result button,body[data-screen="result"] .journal-result input,body[data-screen="result"] .journal-result a{font:inherit}body[data-screen="result"] .journal-result button,body[data-screen="result"] .journal-result a{touch-action:manipulation}body[data-screen="result"] .journal-result button{cursor:pointer}body[data-screen="result"] .journal-result a{color:inherit}body[data-screen="result"] .journal-result img{max-width:100%;display:block}body[data-screen="result"] .journal-result svg{flex:none}body[data-screen="result"] .journal-result{max-width:1240px;margin:auto;padding:42px 38px 28px;overflow:clip}body[data-screen="result"] .journal-result .hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:'title photo' 'portrait photo' 'portrait summary';gap:24px 44px;align-items:start;margin-bottom:38px}body[data-screen="result"] .journal-result .headline{grid-area:title;margin:12px 0 5px;font-family:'Barlow Condensed',sans-serif;line-height:1.03;position:relative;z-index:2}body[data-screen="result"] .journal-result .reveal-intro{display:block;font-size:clamp(27px,3.5vw,37px);font-weight:700;margin:0 0 16px;padding:0 6px;max-width:18ch}body[data-screen="result"] .journal-result .colour-word{position:relative;isolation:isolate;display:table;max-width:100%;padding:12px 19px 18px;font-size:clamp(62px,8vw,111px);font-style:italic;font-weight:800;letter-spacing:-1.5px;transform:rotate(-2deg)}body[data-screen="result"] .journal-result .colour-word:before{content:'';position:absolute;z-index:-1;inset:-5px -7px;background:var(--turquoise) center/100% 100%;filter:drop-shadow(1px 3px 2px #493f3320);transform:rotate(1deg)}body[data-screen="result"] .journal-result .photo-cluster{grid-area:photo;position:relative;margin:14px 0 0;padding:11px 3px 0;min-width:0}body[data-screen="result"] .journal-result .photo-cluster:before{content:'';position:absolute;z-index:0;inset:2px -7px 53px 9px;background:var(--pink) center/100% 100%;transform:rotate(2.4deg);filter:drop-shadow(2px 4px 3px #57433320)}body[data-screen="result"] .journal-result .photo-print{position:relative;transform:rotate(-1.45deg);filter:drop-shadow(3px 7px 5px #40322538)}body[data-screen="result"] .journal-result .photo-print>img{width:100%;height:auto;mask-image:var(--photo-mask);mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:var(--photo-mask);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}body[data-screen="result"] .journal-result .tape{position:absolute;z-index:4;width:23%;height:38px;background:var(--tape) center/100% 100%;filter:drop-shadow(0 1px 1px #44291024);pointer-events:none}body[data-screen="result"] .journal-result .tape.top{left:7%;top:-10px;transform:rotate(-14deg)}body[data-screen="result"] .journal-result .tape.bottom{right:-1%;bottom:46px;transform:rotate(-17deg)}body[data-screen="result"] .journal-result .photo-cluster figcaption{position:relative;padding:14px 42px 0 10px;text-align:center;font:700 clamp(25px,2.9vw,34px)/1.15 Caveat,cursive;transform:rotate(-2deg);color:#2b4441}body[data-screen="result"] .journal-result .small-heart{position:absolute;width:34px;height:39px;right:3px;bottom:1px;fill:none;stroke:#bb0b78;stroke-width:2.2;transform:rotate(13deg)}body[data-screen="result"] .journal-result .portrait{grid-area:portrait;position:relative;min-width:0;padding:0 5px}body[data-screen="result"] .journal-result .portrait p{margin:0 0 20px;font-size:18px;line-height:1.66}body[data-screen="result"] .journal-result .portrait p:first-child:first-letter{float:left;font:800 69px/.78 'Barlow Condensed',sans-serif;color:#ba0879;padding:9px 8px 0 0}body[data-screen="result"] .journal-result .portrait p:last-child{margin-bottom:0}body[data-screen="result"] .journal-result .takeaway{grid-area:summary;position:relative;isolation:isolate;padding:29px 34px 25px;margin:12px 1px 0 10px;font:700 30px/1.23 Caveat,cursive;min-width:0;transform:rotate(-.6deg)}body[data-screen="result"] .journal-result .takeaway:before{content:'';position:absolute;z-index:-1;inset:-7px -10px;background:var(--notebook) center/100% 100%;filter:drop-shadow(2px 5px 3px #46362826);transform:rotate(1.35deg)}body[data-screen="result"] .journal-result .takeaway:after{content:'';position:absolute;top:-16px;left:53%;width:95px;height:27px;background:var(--tape) center/100% 100%;transform:rotate(6deg)}body[data-screen="result"] .journal-result .paper-section{position:relative;isolation:isolate;min-width:0}body[data-screen="result"] .journal-result .paper-section:before{content:'';position:absolute;z-index:-1;inset:0;background:var(--paper) center/100% 100%;filter:drop-shadow(2px 4px 3px #483d3022);transform:rotate(var(--tilt,0deg))}body[data-screen="result"] .journal-result .mother{--paper:var(--white);--tilt:-.6deg;padding:33px 43px 35px;margin:0 8px 34px 0}body[data-screen="result"] .journal-result .section-title{display:table;position:relative;font:800 36px/1.12 'Barlow Condensed',sans-serif;margin:0 0 17px;isolation:isolate}body[data-screen="result"] .journal-result .section-title:after{content:'';position:absolute;z-index:-1;bottom:1px;left:-2px;right:-7px;height:.35em;background:#ead565aa;transform:rotate(-1.4deg)}body[data-screen="result"] .journal-result .mother p{max-width:78ch;margin:0;font-size:18px;line-height:1.65}body[data-screen="result"] .journal-result .mother .tiny-note{position:absolute;width:91px;right:-8px;top:-24px;transform:rotate(11deg);pointer-events:none;filter:drop-shadow(1px 3px 2px #53443122)}body[data-screen="result"] .journal-result .attention-grid{display:grid;grid-template-columns:1fr 1fr;gap:29px;margin:2px 0 28px;padding:0 4px}body[data-screen="result"] .journal-result .attention-grid .paper-section{padding:30px 32px 29px}body[data-screen="result"] .journal-result .force{--paper:var(--yellow);--tilt:1deg}body[data-screen="result"] .journal-result .vigilance{--paper:var(--lilac);--tilt:-1.1deg;margin-top:14px}body[data-screen="result"] .journal-result .vigilance .section-title:after{background:#ecb5c8ad}body[data-screen="result"] .journal-result .attention-grid p{margin:0;font-size:18px;line-height:1.65}body[data-screen="result"] .journal-result .attention-grid .paper-section:after{content:'';position:absolute;top:-10px;left:26px;width:92px;height:28px;background:var(--tape) center/100% 100%;transform:rotate(-9deg)}body[data-screen="result"] .journal-result .vigilance:after{left:auto!important;right:18px;transform:rotate(13deg)!important}body[data-screen="result"] .journal-result .boundary{margin:17px 17px 29px;color:#675d63;font-size:14px;line-height:1.55;max-width:85ch}body[data-screen="result"] .journal-result .share-strip{--paper:var(--turquoise);--tilt:-.55deg;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:25px 34px;margin:2px 3px 32px}body[data-screen="result"] .journal-result .share-strip h2{font:800 31px/1.1 'Barlow Condensed',sans-serif;margin:0 0 8px}body[data-screen="result"] .journal-result .share-strip p{font-size:15px;margin:0;max-width:54ch}body[data-screen="result"] .journal-result .share-tools{display:flex;flex-direction:column;align-items:center;gap:12px}body[data-screen="result"] .journal-result .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:12px 21px;background:#29212a;color:#fff9f2;border:1px solid #221b22;text-decoration:none;border-radius:3px 15px 3px 13px;font-size:15px;font-weight:700;box-shadow:2px 4px 0 #5d3b542e;max-width:100%;text-align:center;line-height:1.35}body[data-screen="result"] .journal-result .button:hover{background:#512b45}body[data-screen="result"] .journal-result .button.pink-button{background:#b50975;border-color:#9e0967}body[data-screen="result"] .journal-result .button.pink-button:hover{background:#970564}body[data-screen="result"] .journal-result .button:focus-visible,body[data-screen="result"] .journal-result a:focus-visible,body[data-screen="result"] .journal-result summary:focus-visible{outline:3px solid #125e71;outline-offset:4px}body[data-screen="result"] .journal-result .quiet-link{font-size:13px;text-underline-offset:3px}body[data-screen="result"] .journal-result .context{margin:0 10px 29px}body[data-screen="result"] .journal-result .context summary{cursor:pointer;min-height:46px;font:800 29px/1.15 'Barlow Condensed',sans-serif;list-style:none;padding:13px 6px;border-top:1px dashed #a48d81;border-bottom:1px dashed #a48d81}body[data-screen="result"] .journal-result .context summary:before{content:'+';display:inline-block;margin-right:12px;color:#b50975}body[data-screen="result"] .journal-result .context[open] summary:before{content:'−'}body[data-screen="result"] .journal-result .context summary span{font:500 13px/1.3 'DM Sans',sans-serif;margin-left:14px;white-space:nowrap;color:#73666b}body[data-screen="result"] .journal-result .context-inner{padding:15px 5px 9px}body[data-screen="result"] .journal-result .context-intro{font-size:14px;margin:0 0 20px}body[data-screen="result"] .journal-result .context fieldset{min-width:0;border:0;border-top:1px solid #d1c2b3;padding:17px 0;margin:0 0 15px}body[data-screen="result"] .journal-result .context legend{padding:0 8px 0 0;font-size:16px;font-weight:700}body[data-screen="result"] .journal-result .context label{display:flex;align-items:flex-start;gap:10px;line-height:1.5;font-size:15px;padding:9px 7px;cursor:pointer;min-height:44px}body[data-screen="result"] .journal-result .context input{margin:5px 0 0;accent-color:#b50975;width:16px;height:16px;flex:0 0 16px}body[data-screen="result"] .journal-result .ending{--paper:var(--cream);--tilt:.55deg;display:grid;grid-template-columns:112px minmax(0,1fr);gap:23px;padding:35px 38px 36px;margin:7px 4px 29px}body[data-screen="result"] .journal-result .ending:before{background:var(--turquoise) center/100% 100%;opacity:.52}body[data-screen="result"] .journal-result .ending>img{width:112px;height:126px;object-fit:contain;transform:rotate(-12deg);align-self:center;filter:drop-shadow(1px 3px 2px #3b26251f)}body[data-screen="result"] .journal-result .ending h2{font:800 36px/1.1 'Barlow Condensed',sans-serif;margin:0 0 15px;max-width:26ch}body[data-screen="result"] .journal-result .ending p{font-size:17px;line-height:1.55;margin:0 0 20px;max-width:64ch}body[data-screen="result"] .journal-result .closing-note{font:600 22px/1.3 Caveat,cursive;text-align:center;margin:25px 8px 0;color:#4b3d45}body[data-screen="result"] .journal-result .screen-reader-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:899px){body[data-screen="result"] .journal-result{padding:27px 23px 23px}body[data-screen="result"] .journal-result .hero{display:flex;flex-direction:column;gap:24px;margin-bottom:28px}body[data-screen="result"] .journal-result .headline{margin:0 0 0;align-self:start}body[data-screen="result"] .journal-result .reveal-intro{font-size:28px;max-width:none;line-height:1.15;margin-bottom:10px}body[data-screen="result"] .journal-result .colour-word{font-size:clamp(60px,12vw,93px);letter-spacing:-1px;padding:8px 16px 12px}body[data-screen="result"] .journal-result .photo-cluster{width:100%;max-width:680px;align-self:center;margin:3px 0 4px}body[data-screen="result"] .journal-result .tape{height:30px}body[data-screen="result"] .journal-result .photo-cluster figcaption{font-size:30px;padding-top:13px}body[data-screen="result"] .journal-result .small-heart{width:29px;height:33px}body[data-screen="result"] .journal-result .portrait{padding:0 3px}body[data-screen="result"] .journal-result .portrait p{font-size:17px;line-height:1.67;margin-bottom:20px}body[data-screen="result"] .journal-result .takeaway{font-size:29px;line-height:1.25;padding:26px 27px;margin:2px 7px 4px}body[data-screen="result"] .journal-result .mother{padding:29px 29px 27px;margin:10px 3px 28px}body[data-screen="result"] .journal-result .section-title{font-size:31px}body[data-screen="result"] .journal-result .mother p,body[data-screen="result"] .journal-result .attention-grid p{font-size:17px;line-height:1.62}body[data-screen="result"] .journal-result .mother .tiny-note{width:63px;top:-14px;right:-11px}body[data-screen="result"] .journal-result .attention-grid{gap:21px}body[data-screen="result"] .journal-result .attention-grid .paper-section{padding:26px 25px}body[data-screen="result"] .journal-result .share-strip{grid-template-columns:1fr;padding:26px 26px;gap:19px}body[data-screen="result"] .journal-result .share-tools{align-items:stretch;flex-direction:row;flex-wrap:wrap;justify-content:space-between}body[data-screen="result"] .journal-result .context{margin-left:3px;margin-right:3px}body[data-screen="result"] .journal-result .context summary{font-size:27px}body[data-screen="result"] .journal-result .ending{grid-template-columns:82px minmax(0,1fr);gap:17px;padding:28px 29px}body[data-screen="result"] .journal-result .ending>img{width:82px;height:105px}body[data-screen="result"] .journal-result .ending h2{font-size:31px}body[data-screen="result"] .journal-result .ending p{font-size:16px}body[data-screen="result"] .journal-result .boundary{margin:5px 8px 26px}}@media(max-width:559px){body[data-screen="result"] .journal-result{padding:22px 18px 24px}body[data-screen="result"] .journal-result .hero{gap:22px}body[data-screen="result"] .journal-result .colour-word{font-size:clamp(58px,16vw,84px)}body[data-screen="result"] .journal-result .reveal-intro{font-size:26px;max-width:20ch}body[data-screen="result"] .journal-result .photo-cluster{margin-top:1px}body[data-screen="result"] .journal-result .photo-cluster:before{inset:5px -3px 49px 6px}body[data-screen="result"] .journal-result .photo-cluster figcaption{font-size:27px}body[data-screen="result"] .journal-result .tape.top{top:-6px}body[data-screen="result"] .journal-result .tape.bottom{bottom:44px}body[data-screen="result"] .journal-result .tape{height:25px}body[data-screen="result"] .journal-result .portrait p{font-size:16px;line-height:1.7}body[data-screen="result"] .journal-result .portrait p:first-child:first-letter{font-size:59px}body[data-screen="result"] .journal-result .takeaway{font-size:27px;padding:23px 21px}body[data-screen="result"] .journal-result .mother{padding:25px 22px}body[data-screen="result"] .journal-result .section-title{font-size:30px}body[data-screen="result"] .journal-result .mother p,body[data-screen="result"] .journal-result .attention-grid p{font-size:16px}body[data-screen="result"] .journal-result .attention-grid{grid-template-columns:1fr;gap:21px;margin-bottom:25px}body[data-screen="result"] .journal-result .vigilance{margin-top:0}body[data-screen="result"] .journal-result .attention-grid .paper-section{padding:25px 24px}body[data-screen="result"] .journal-result .share-strip{padding:24px 23px}body[data-screen="result"] .journal-result .share-strip h2{font-size:29px}body[data-screen="result"] .journal-result .share-tools{align-items:stretch;flex-direction:column;gap:13px}body[data-screen="result"] .journal-result .quiet-link{align-self:center}body[data-screen="result"] .journal-result .context summary{font-size:25px}body[data-screen="result"] .journal-result .context summary span{display:block;margin:8px 0 0 26px;font-size:12px}body[data-screen="result"] .journal-result .context legend{font-size:15px}body[data-screen="result"] .journal-result .context label{font-size:14px}body[data-screen="result"] .journal-result .ending{grid-template-columns:48px minmax(0,1fr);gap:13px;padding:26px 22px}body[data-screen="result"] .journal-result .ending>img{width:48px;height:75px;align-self:start;margin-top:14px}body[data-screen="result"] .journal-result .ending h2{font-size:28px}body[data-screen="result"] .journal-result .ending .button{padding:11px 13px;font-size:14px}body[data-screen="result"] .journal-result .ending p{font-size:15px}body[data-screen="result"] .journal-result .closing-note{font-size:21px}}@media(prefers-reduced-motion:reduce){body[data-screen="result"] .journal-result,body[data-screen="result"] .journal-result *{scroll-behavior:auto!important}}@media print{body[data-screen="result"]{-webkit-print-color-adjust:exact;print-color-adjust:exact}body[data-screen="result"] .journal-result{overflow:visible}body[data-screen="result"] .journal-result .paper-section,body[data-screen="result"] .journal-result .photo-cluster,body[data-screen="result"] .journal-result .takeaway{break-inside:avoid}}

/* Keep the approved paper palette; photographic accessories and hearts follow each colour. */
body[data-screen="result"] .journal-result .small-heart{stroke:var(--result-tone)}
body[data-screen="result"] .journal-result .journal-notice{margin:0 0 25px;padding:14px 18px;background:#fff0b5;border-left:4px solid var(--result-tone);font-size:14px;line-height:1.5;max-width:100%}
body[data-screen="result"] .journal-result .journal-notice p{font-size:14px;margin:0}
body[data-screen="result"] .journal-result .journal-notice button{margin-top:10px}
body[data-screen="result"] .journal-result .journal-secondary{margin:25px 0 0;padding:18px 22px;border-left:5px solid var(--secondary-tone);background:#fff9ea}
body[data-screen="result"] .journal-result .journal-secondary h2{font:800 26px/1.15 'Barlow Condensed',sans-serif;margin:0 0 8px}
body[data-screen="result"] .journal-result .journal-secondary p{margin:0;font-size:16px}
body[data-screen="result"] .journal-result #context-recommendation{min-width:0}
body[data-screen="result"] .journal-result .context-recommendation{background:none;margin:0;padding:0}
body[data-screen="result"] .journal-result #context-recommendation h2{margin-top:0}
body[data-screen="result"] .journal-result .copy-exact{white-space:normal}