.spread-page{background:var(--hp-bg-warm);min-height:100vh;color:var(--hp-text-main);font-family:var(--font-m-plus-rounded),"M PLUS Rounded 1c",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.spread-page *{font-family:inherit}.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 a:hover{color:var(--hp-accent-pink)}.spread-page-h1{color:var(--hp-text-main);letter-spacing:.01em;margin-bottom:.875rem;font-size:1.5rem;font-weight:700;line-height:1.4}@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:400}.spread-starter-input:focus{border-color:var(--hp-accent-pink);box-shadow:0 0 0 3px #e89b9e29}.spread-starter-submit{color:#fff;background:var(--hp-accent-pink);cursor:pointer;white-space:nowrap;border:none;border-radius:.75rem;flex-shrink:0;padding:.75rem 1.375rem;font-size:.875rem;font-weight:700;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{color:var(--hp-accent-pink);letter-spacing:.02em;font-size:.75rem;font-weight:700}.spread-starter-two-choice .spread-starter-input{width:100%}.spread-starter-or{color:var(--hp-text-sub);letter-spacing:.08em;align-self:center;font-size:.75rem;font-weight:600}.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{color:var(--hp-text-sub);margin-bottom:.5rem;font-size:.75rem;font-weight:600;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-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{color:var(--hp-text-main);border-left:3px solid var(--hp-accent-pink);margin:2.5rem 0 .875rem;padding-left:.75rem;font-size:1.1875rem;font-weight:700;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);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;line-height:1;display:flex}.spread-guide-position-body{min-width:0}.spread-guide-position-name{color:var(--hp-text-main);margin-bottom:.25rem;font-size:.9375rem;font-weight:700;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{color:var(--hp-text-main);margin:0;font-size:.9063rem;font-weight:600;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{color:var(--hp-text-main);margin-bottom:.5rem;font-size:.9063rem;font-weight:700;line-height:1.5}.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{color:var(--hp-accent-pink);font-size:.75rem;font-weight:700;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}}