.spread-page{background:var(--hp-bg-warm);min-height:100vh;color:var(--hp-text-main);font-family:var(--type-body-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.spread-page-header{z-index:10;max-width:47rem;margin:0 auto;padding:1.75rem 1.5rem 0;position:relative}@media (min-width:640px){.spread-page-header{padding-top:2.5rem}}.spread-crumbs{color:var(--hp-text-sub);flex-wrap:wrap;align-items:center;gap:.4375rem;margin-bottom:1rem;font-size:.75rem;display:flex}.spread-crumbs a{color:var(--hp-text-sub);text-decoration:none;transition:color .2s}.spread-crumbs-current{color:var(--hp-text-sub);opacity:.65;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.spread-crumbs a:hover{color:var(--hp-accent-pink)}.spread-page-h1{font-size:1.5rem;line-height:1.4;font-weight:var(--type-weight-strong);color:var(--hp-text-main);letter-spacing:.01em;margin-bottom:.875rem}@media (min-width:640px){.spread-page-h1{font-size:1.9375rem}}.spread-page-h1 a{color:inherit;text-decoration:none;transition:color .2s}.spread-page-h1 a:hover{color:var(--hp-accent-pink)}.spread-page-lead{color:var(--hp-text-sub);margin-bottom:.875rem;font-size:.9375rem;line-height:1.9}.spread-starter{background:var(--hp-card-bg);box-shadow:var(--hp-soft-shadow);border:1px solid #e89b9e38;border-radius:1rem;margin:1.75rem 0 .5rem;padding:1.25rem}.spread-starter-form{flex-direction:column;gap:.75rem;display:flex}@media (min-width:640px){.spread-starter-form{flex-direction:row;align-items:stretch}}.spread-starter-input{resize:none;color:var(--hp-text-main);background:var(--hp-bg-warm);border:1px solid #e89b9e47;border-radius:.75rem;outline:none;flex:1;padding:.75rem .875rem;font-size:.9375rem;line-height:1.6;transition:border-color .2s,box-shadow .2s}.spread-starter-input::placeholder{color:var(--hp-text-sub);font-family:inherit;font-weight:var(--type-weight-normal)}.spread-starter-input:focus{border-color:var(--hp-accent-pink);box-shadow:0 0 0 3px #e89b9e29}.spread-starter-submit{font-size:.875rem;font-weight:var(--type-weight-strong);color:#fff;background:var(--hp-accent-pink);cursor:pointer;white-space:nowrap;border:none;border-radius:.75rem;flex-shrink:0;padding:.75rem 1.375rem;transition:background .2s,transform .15s}.spread-starter-submit:hover{background:#dd8a8e}.spread-starter-submit:active{transform:scale(.98)}.spread-starter-two-choice{grid-template-columns:1fr;gap:.625rem;display:grid}.spread-starter-field{flex-direction:column;gap:.375rem;display:flex}.spread-starter-label{font-size:.75rem;font-weight:var(--type-weight-strong);color:var(--hp-accent-pink);letter-spacing:.02em}.spread-starter-two-choice .spread-starter-input{width:100%}.spread-starter-or{font-size:.75rem;font-weight:var(--type-weight-strong);color:var(--hp-text-sub);letter-spacing:.08em;align-self:center}.spread-starter-two-choice .spread-starter-submit{width:100%;margin-top:.25rem}@media (min-width:640px){.spread-starter-two-choice{grid-template-columns:1fr auto 1fr;align-items:end;column-gap:.875rem}.spread-starter-or{padding-bottom:.75rem}.spread-starter-two-choice .spread-starter-submit{grid-column:1/-1;justify-self:center;width:auto;min-width:14rem}}.spread-starter-submit:disabled{cursor:not-allowed;background:#e89b9e59}.spread-starter-submit:disabled:hover{background:#e89b9e59}.spread-starter-presets{margin-top:1rem}.spread-starter-presets-label{font-size:.75rem;font-weight:var(--type-weight-strong);color:var(--hp-text-sub);margin-bottom:.5rem;display:block}.spread-starter-preset-list{flex-wrap:wrap;gap:.4375rem;display:flex}.spread-starter-preset{color:var(--hp-text-main);background:var(--hp-accent-pink-bg);cursor:pointer;text-align:left;border:1px solid #e89b9e3d;border-radius:9999px;padding:.4375rem .75rem;font-size:.8125rem;transition:background .2s,border-color .2s}.spread-starter-preset:hover{border-color:var(--hp-accent-pink);background:#ffe4e8}.spread-hero{box-shadow:var(--hp-soft-shadow);background:var(--hp-accent-pink-bg);aspect-ratio:16/9;border:1px solid #e89b9e38;border-radius:1rem;margin:1.5rem 0 0;overflow:hidden}.spread-hero-img{object-fit:cover;width:100%;height:100%;display:block}.spread-guide{z-index:10;padding:0 1.5rem;position:relative}.spread-guide-inner{max-width:44rem;color:var(--hp-text-main);margin:0 auto;font-size:.9375rem;line-height:1.95}.spread-guide-h2{font-size:1.1875rem;font-weight:var(--type-weight-strong);color:var(--hp-text-main);border-left:3px solid var(--hp-accent-pink);margin:2.5rem 0 .875rem;padding-left:.75rem;line-height:1.5}@media (min-width:640px){.spread-guide-h2{font-size:1.3125rem}}.spread-guide-p{color:var(--hp-text-main);margin-bottom:1rem}.spread-guide-note{background:var(--hp-accent-pink-bg);border:1px solid #e89b9e38;border-radius:.75rem;margin:1.25rem 0;padding:1rem 1.125rem;font-size:.875rem;line-height:1.9}.spread-guide-positions{gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.spread-guide-position{background:var(--hp-card-bg);box-shadow:var(--hp-soft-shadow);border:1px solid #e89b9e24;border-radius:.75rem;gap:.875rem;padding:.875rem 1rem;display:flex}.spread-guide-position-no{background:var(--hp-accent-pink-bg);width:1.625rem;height:1.625rem;color:var(--hp-accent-pink);font-size:.75rem;font-weight:var(--type-weight-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.spread-guide-position-body{min-width:0}.spread-guide-position-name{font-size:.9375rem;font-weight:var(--type-weight-strong);color:var(--hp-text-main);margin-bottom:.25rem;line-height:1.4}.spread-guide-position-meaning{color:var(--hp-text-sub);font-size:.8438rem;line-height:1.8}.spread-guide-faq{gap:.5rem;display:grid}.spread-guide-faq-item{background:var(--hp-card-bg);box-shadow:var(--hp-soft-shadow);border:1px solid #e89b9e24;border-radius:.75rem;overflow:hidden}.spread-guide-faq-q{cursor:pointer;align-items:center;gap:.5rem;padding:.875rem 1rem;list-style:none;transition:background .2s;display:flex}.spread-guide-faq-q::-webkit-details-marker{display:none}.spread-guide-faq-q:after{content:"+";color:var(--hp-accent-pink);flex-shrink:0;margin-left:auto;font-size:1.125rem;line-height:1}.spread-guide-faq-item[open] .spread-guide-faq-q:after{content:"−"}.spread-guide-faq-q:hover{background:var(--hp-accent-pink-bg)}.spread-guide-faq-q h3{font-size:.9063rem;font-weight:var(--type-weight-strong);color:var(--hp-text-main);margin:0;line-height:1.5}.spread-guide-faq-a{color:var(--hp-text-sub);padding:0 1rem 1rem;font-size:.875rem;line-height:1.9}.spread-related{z-index:10;padding:2.5rem 1.5rem 1rem;position:relative}.spread-related-inner{max-width:44rem;margin:0 auto}.spread-related-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:768px){.spread-related-grid{grid-template-columns:repeat(3,1fr)}}.spread-related-card{background:var(--hp-card-bg);box-shadow:var(--hp-soft-shadow);border:1px solid #e89b9e24;border-radius:.75rem;flex-direction:column;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex}.spread-related-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px -8px #95897e33}.spread-related-title{font-size:.9063rem;font-weight:var(--type-weight-strong);color:var(--hp-text-main);margin-bottom:.5rem;line-height:1.5}.spread-siblings-count{font-size:.6875rem;font-weight:var(--type-weight-strong);vertical-align:middle;color:var(--hp-accent-pink);background:var(--hp-accent-pink-bg);white-space:nowrap;border-radius:999px;margin-left:.5rem;padding:.0625rem .4375rem;display:inline-block}.spread-related-title-link{color:inherit;text-decoration:none}.spread-related-card:hover .spread-related-title{color:var(--hp-accent-pink)}.spread-related-desc{color:var(--hp-text-sub);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:.875rem;font-size:.8125rem;line-height:1.75;display:-webkit-box;overflow:hidden}.spread-related-cta{font-size:.75rem;font-weight:var(--type-weight-strong);color:var(--hp-accent-pink);text-decoration:none}.spread-related-cta:hover{text-decoration:underline}.spread-page .hp-footer-grid{max-width:44rem}.spread-page .hp-footer{padding-left:1.5rem;padding-right:1.5rem}@media (prefers-reduced-motion:reduce){.spread-page-h1 a,.spread-crumbs a,.spread-starter-input,.spread-starter-submit,.spread-starter-preset,.spread-guide-faq-q,.spread-related-card{transition:none}.spread-related-card:hover{transform:none}}.spread-page-yesno-note{color:var(--hp-text-sub);margin:.875rem 0 0;font-size:.875rem;line-height:1.8}.spread-page-yesno-note a{color:var(--hp-text-main);text-underline-offset:.2em;text-decoration:underline}.spread-page-yesno-tool{margin-top:1.75rem}.spread-page-tool-title{font-family:var(--type-heading-family);font-size:1.0625rem;line-height:1.6;font-weight:var(--type-weight-strong);color:var(--hp-text-main);text-align:center}.spread-page-yesno-tool .yesno-tool{margin-top:.75rem}
.yesno-page{--yesno-yes:#2f7a4f;--yesno-yes-bg:#e8f4ec;--yesno-no:#4a5578;--yesno-no-bg:#edf0f6;--yesno-cond:#94661a;--yesno-cond-bg:#fbf1df}.yesno-tool{background:var(--hp-card-bg);box-shadow:var(--hp-soft-shadow);border:1px solid #e89b9e38;border-radius:1rem;margin:1.5rem 0 .5rem;padding:1.25rem}.yesno-question-label{font-size:.8125rem;font-weight:var(--type-weight-strong);color:var(--hp-text-main);margin-bottom:.5rem;display:block}.yesno-question-input{width:100%;display:block}.yesno-examples{margin-top:.75rem}@media (max-width:639px){.yesno-examples .spread-starter-preset-list{scrollbar-width:none;flex-wrap:nowrap;margin-right:-1.25rem;padding-bottom:.25rem;padding-right:1.25rem;overflow-x:auto}.yesno-examples .spread-starter-preset-list::-webkit-scrollbar{display:none}.yesno-examples .spread-starter-preset{white-space:nowrap;flex-shrink:0}}.yesno-draw-prompt{text-align:center;color:var(--hp-text-sub);margin:1.25rem 0 0;font-size:.875rem;line-height:1.8}.yesno-fan{justify-content:center;padding:1.25rem 0 .25rem;display:flex}.yesno-fan-card{--w:2.75rem;--tilt:3deg;width:var(--w);height:calc(var(--w)*1.71);margin-left:calc(var(--w)*-.22);border:1px solid var(--hp-accent-gold);background:var(--hp-card-bg);cursor:pointer;transform-origin:50% 120%;transform:rotate(calc(var(--i)*var(--tilt)));border-radius:.6rem;flex-shrink:0;padding:0;transition:transform .2s,filter .2s;overflow:hidden;box-shadow:-4px 4px 10px -4px #5b453759}.yesno-fan-card:first-child{margin-left:0}.yesno-fan-card:hover,.yesno-fan-card:focus-visible{transform:rotate(calc(var(--i)*var(--tilt)))translateY(-.625rem);filter:drop-shadow(0 6px 10px #cf858c59);z-index:1}.yesno-fan-card:focus-visible{outline:2px solid var(--hp-accent-pink);outline-offset:3px}@media (max-width:359px){.yesno-fan-card{--w:2.5rem}}@media (min-width:640px){.yesno-fan-card{--w:4.75rem;--tilt:5deg}}.yesno-hint{text-align:center;letter-spacing:.04em;color:var(--hp-accent-pink);margin-top:.75rem;font-size:.75rem}.yesno-result{outline:none;flex-direction:column;align-items:center;gap:1rem;display:flex}@media (min-width:520px){.yesno-result{flex-direction:row;align-items:flex-start;gap:1.5rem}}.yesno-result-card{--w:7.5rem;width:var(--w);height:calc(var(--w)*1.71);perspective:1000px;flex-shrink:0}@media (min-width:640px){.yesno-result-card{--w:8.5rem}}.yesno-result-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.1,.2,1);display:block;position:relative}.yesno-result-card.is-flipped .yesno-result-inner{transform:rotateY(180deg)}.yesno-face,.yesno-face *{backface-visibility:hidden}.yesno-face{border-radius:.75rem;display:block;position:absolute;inset:0;overflow:hidden}.yesno-face-front{background:var(--hp-accent-pink-bg);transform:rotateY(180deg);box-shadow:0 10px 24px -10px #5b453773}.yesno-face-front img{object-fit:cover;width:100%;height:100%;display:block}.yesno-face-front img.is-reversed{transform:rotate(180deg)}.yesno-result-copy{text-align:center;flex:1;min-width:0}@media (min-width:520px){.yesno-result-copy{text-align:left}}.yesno-result-intro{color:var(--hp-text-sub);overflow-wrap:anywhere;font-size:.875rem;line-height:1.8}.yesno-result-answer{margin-top:.875rem}.yesno-step{opacity:0;animation:.5s ease-out forwards yesno-rise;animation-delay:calc(.7s + var(--step,0)*.45s)}@keyframes yesno-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.yesno-result-label{letter-spacing:.06em;color:var(--hp-text-sub);font-size:.75rem}.yesno-verdict{font-family:var(--type-heading-family);font-size:2.25rem;line-height:1.2;font-weight:var(--type-weight-strong);letter-spacing:.02em;margin:.125rem 0 .375rem}.yesno-verdict.is-yes{color:var(--yesno-yes)}.yesno-verdict.is-no{color:var(--yesno-no)}.yesno-verdict.is-conditional{color:var(--yesno-cond)}.yesno-result-reason{color:var(--hp-text-main);margin-top:.375rem;font-size:.9375rem;line-height:1.85}.yesno-cta{text-align:center;border-top:1px dashed #e89b9e59;margin-top:1.25rem;padding-top:1.125rem}.yesno-cta-lead{color:var(--hp-text-main);margin-bottom:.875rem;font-size:.875rem;line-height:1.85}.yesno-cta-go{max-width:100%;min-height:2.875rem;font-size:.9375rem;font-weight:var(--type-weight-strong);color:#fff;background:var(--hp-accent-pink);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;transition:background .2s,transform .15s;display:inline-flex;box-shadow:0 8px 18px -8px #cf858cb3}.yesno-cta-go:hover{background:#dd8a8e}.yesno-cta-go:active{transform:scale(.98)}.yesno-cta-go:focus-visible,.yesno-again:focus-visible{outline:2px solid var(--hp-text-main);outline-offset:3px}.yesno-cta-trust{color:var(--hp-text-sub);margin-top:.5rem;font-size:.75rem}.yesno-cta-secondary{font-size:.8125rem;font-weight:var(--type-weight-strong);color:var(--hp-accent-pink);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin:.75rem auto 0;padding:.375rem .5rem;text-decoration:underline;display:block}.yesno-cta-secondary:hover{color:#c46f75}.yesno-cta-secondary:focus-visible{outline:2px solid var(--hp-text-main);outline-offset:3px}.yesno-again{color:var(--hp-text-sub);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;align-items:center;gap:.375rem;margin-top:1rem;padding:.375rem .5rem;font-size:.8125rem;text-decoration:underline;display:inline-flex}.yesno-again:hover{color:var(--hp-accent-pink)}.yesno-badge{min-width:3.25rem;font-size:.75rem;font-weight:var(--type-weight-strong);text-align:center;white-space:nowrap;border-radius:9999px;padding:.125rem .5rem;line-height:1.6;display:inline-block}.yesno-badge.is-yes{color:var(--yesno-yes);background:var(--yesno-yes-bg)}.yesno-badge.is-no{color:var(--yesno-no);background:var(--yesno-no-bg)}.yesno-badge.is-conditional{color:var(--yesno-cond);background:var(--yesno-cond-bg)}.yesno-verdict-guide{gap:.625rem;display:grid}.yesno-verdict-guide-item{background:var(--hp-card-bg);box-shadow:var(--hp-soft-shadow);border:1px solid #e89b9e24;border-radius:.75rem;align-items:flex-start;gap:.875rem;padding:.875rem 1rem;display:flex}.yesno-verdict-guide-item dt{flex-shrink:0;padding-top:.2rem}.yesno-verdict-guide-item dd{color:var(--hp-text-main);font-size:.875rem;line-height:1.85}.yesno-question-guide{gap:.75rem;display:grid}@media (min-width:640px){.yesno-question-guide{grid-template-columns:1fr 1fr}}.yesno-question-guide>div{background:var(--hp-card-bg);box-shadow:var(--hp-soft-shadow);border:1px solid #e89b9e24;border-radius:.75rem;padding:.875rem 1rem}.yesno-question-guide-h3{font-size:.875rem;font-weight:var(--type-weight-strong);margin-bottom:.375rem}.yesno-question-guide-h3.is-good{color:var(--yesno-yes)}.yesno-question-guide-h3.is-bad{color:var(--yesno-no)}.yesno-question-guide ul{color:var(--hp-text-main);padding-left:1.125rem;font-size:.8438rem;line-height:1.85;list-style:outside}.yesno-table{gap:.625rem;display:grid}.yesno-suit{background:var(--hp-card-bg);box-shadow:var(--hp-soft-shadow);border:1px solid #e89b9e24;border-radius:.75rem;overflow:hidden}.yesno-suit-summary{cursor:pointer;align-items:center;gap:.625rem;padding:.875rem 1rem;list-style:none;display:flex}.yesno-suit-summary::-webkit-details-marker{display:none}.yesno-suit-summary h3{font-size:.9375rem;font-weight:var(--type-weight-strong);color:var(--hp-text-main);margin:0}.yesno-suit-summary span{color:var(--hp-text-sub);font-size:.75rem}.yesno-suit-summary:after{content:"+";color:var(--hp-accent-pink);margin-left:auto;font-size:1.125rem;line-height:1}.yesno-suit[open] .yesno-suit-summary:after{content:"−"}.yesno-suit-summary:hover{background:var(--hp-accent-pink-bg)}.yesno-suit-list{margin:0;padding:0 1rem .5rem;list-style:none}.yesno-row{border-top:1px solid #e89b9e29;gap:.375rem;padding:.75rem 0;scroll-margin-top:6rem;display:grid}.yesno-row:target{background:#e89b9e1a;border-radius:.5rem;padding-left:.5rem;padding-right:.5rem}@media (min-width:640px){.yesno-row{grid-template-columns:9rem 1fr;gap:1rem}}.yesno-row-name{font-size:.875rem;font-weight:var(--type-weight-strong);color:var(--hp-text-main);line-height:1.6;text-decoration:none}.yesno-row-name:hover{color:var(--hp-accent-pink);text-decoration:underline}.yesno-row-sides{gap:.375rem;display:grid}.yesno-row-sides p{color:var(--hp-text-sub);font-size:.8125rem;line-height:1.75}.yesno-row-orientation{min-width:3rem;color:var(--hp-text-sub);margin-right:.375rem;font-size:.75rem;display:inline-block}.yesno-row-sides .yesno-badge{margin-right:.5rem}.yesno-row-reason{color:var(--hp-text-main)}.yesno-related{gap:.5rem;margin:0 0 2.5rem;padding:0;list-style:none;display:grid}.yesno-related a{background:var(--hp-card-bg);color:var(--hp-text-main);border:1px solid #e89b9e2e;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;text-decoration:none;transition:border-color .2s,color .2s;display:block}.yesno-related a:hover{border-color:var(--hp-accent-pink);color:var(--hp-accent-pink)}@media (prefers-reduced-motion:reduce){.yesno-result-inner,.yesno-fan-card{transition:none}.yesno-step{opacity:1;animation:none}}.yesno-fan-card.is-locked{opacity:.55;filter:saturate(.6)}.yesno-fan-card.is-locked:hover{transform:rotate(calc(var(--i)*var(--tilt)));filter:saturate(.6)}.yesno-question-input.is-needed{border-color:var(--hp-accent-pink);box-shadow:0 0 0 3px #e89b9e38}.yesno-hint.is-needed{font-size:.8125rem;font-weight:var(--type-weight-strong);color:#c46f75}
