/* Unpublished visual revision. Brand geometry and scoring remain unchanged. */
.editorial-image{display:block;width:100%;height:auto;object-fit:cover;background:#faf7f1}
.hero{gap:52px;padding-top:54px}.hero-visual{position:relative;isolation:isolate;padding:13px 0 28px}.hero-visual:before{content:'';position:absolute;inset:7% -2% 3% 5%;background:#e9e6ff;transform:rotate(5deg);border-radius:45px;z-index:-1}.hero-visual .editorial-image{aspect-ratio:1.25;border-radius:38px;object-position:center;box-shadow:0 20px 45px #263b6b0b}.visual-caption{position:absolute;bottom:10px;left:24px;right:24px;padding:12px 16px;background:#fff;border:1px solid #e7e8ef;border-radius:14px;font-size:12px;font-weight:700;text-align:center;box-shadow:0 7px 18px #17274a0a}
.step-card{overflow:hidden;display:flex;flex-direction:column}.step-card .step-image{aspect-ratio:1.65;border-radius:18px;margin:0 0 23px}.step-card .step-no{position:relative;z-index:1}.step-card h3{margin-bottom:10px}.step-card p{font-size:14px}.step-card>a{margin-top:auto;min-height:44px;display:flex;align-items:center}.step-card:nth-child(2){background:#f3f7f2}.step-card:nth-child(3){background:#fff3ef}.step-card:first-child{background:#f1f0ff}
.visual-page-head{position:relative;min-height:210px;padding:28px 260px 26px 30px;border-radius:28px;background:#f4f0ea;overflow:hidden;margin-bottom:22px}.visual-page-head .eyebrow{position:relative;margin-bottom:14px}.visual-page-head h1{font-size:36px;line-height:1.3;margin-bottom:12px;position:relative}.visual-page-head p{font-size:14px;line-height:1.8;margin:0;position:relative;max-width:420px}.page-visual{position:absolute;width:245px;right:0;top:0;bottom:0}.page-visual .editorial-image{height:100%;object-fit:cover;object-position:center}.visual-page-head+.notice{background:transparent;padding:0 4px;margin:0 0 20px;font-size:13px}.visual-page-head+.notice .btn{font-size:12px;min-height:44px;padding:8px 14px;border-radius:12px}
.visual-taste-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.visual-taste-form .visual-taste-group{border:1px solid #dce3f2;padding:25px 22px 22px;margin:0;background:white;border-radius:24px;min-width:0;position:relative}.visual-taste-form .visual-taste-group:nth-child(2){background:#f6f3ff;border-color:#e7e0f5}.visual-taste-form .visual-taste-group:nth-child(3){background:#f1f8f5;border-color:#daebe3}.visual-taste-form .visual-taste-group:nth-child(4){background:#fff7ef;border-color:#f2e4d6}.visual-taste-group legend{float:left;display:flex;gap:12px;align-items:flex-start;width:100%;font-size:19px;line-height:1.55;font-weight:800;margin-bottom:18px;min-height:60px;padding:0;letter-spacing:-.04em}.taste-number{display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:11px;width:35px;min-width:35px;height:35px;font-size:12px;letter-spacing:.03em;margin-top:1px}.visual-taste-group .taste-options{clear:both;display:grid;grid-template-columns:1fr;gap:9px;width:100%}.visual-taste-group .taste-option{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:66px;padding:10px 40px 10px 12px;text-align:left;background:#ffffffc9;border:1px solid #dce3ef;border-radius:15px;color:var(--ink);font-size:14px;line-height:1.55;font-weight:650;transition:background .16s,border-color .16s,box-shadow .16s}.visual-taste-group .taste-option[aria-pressed=true]{border:2px solid var(--blue);padding:9px 39px 9px 11px;background:#edf1ff;box-shadow:0 3px 0 #dfe5fc}.option-check{position:absolute;right:14px;top:50%;transform:translateY(-50%);border:1px solid #cbd4e6;border-radius:50%;width:21px;height:21px;font-size:0;display:grid;place-items:center;background:white}.taste-option[aria-pressed=true] .option-check{background:var(--blue);color:white;border-color:var(--blue);font-size:12px}.option-illustration{display:grid;place-items:center;flex:none;width:41px;height:41px;border-radius:13px;background:#eff1ff;color:#4262d6}.option-illustration svg{width:27px;height:27px}.option-illustration.quiet,.option-illustration.open{background:#ece5fc;color:#8162b6}.option-illustration.move,.option-illustration.free{background:#e1f1e8;color:#397a61}.option-illustration.create,.option-illustration.together{background:#ffebe4;color:#b46551}.option-illustration.fixed,.option-illustration.low{background:#fff0c6;color:#9b7622}.visual-taste-form .taste-submit{grid-column:1/-1;justify-self:center;min-width:260px;margin:3px 0 0;box-shadow:0 5px 0 #d9dfff}.taste-submit:disabled{box-shadow:none}
.recommend-scene{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#f5f1ea;border-radius:25px;overflow:hidden;margin:25px 0}.recommend-scene .editorial-image{aspect-ratio:1.45;object-fit:cover}.recommend-scene>div{padding:26px}.recommend-scene strong{font-size:27px;letter-spacing:-.05em;line-height:1.5;display:block;word-break:keep-all}.recommend-scene p{font-size:13px;color:#67708a;margin:14px 0 0}.recommend-scene .eyebrow{font-size:10px;margin-bottom:12px}.recommend-grid .featured-recommend{background:#eef2ff;border-color:#dce4fa;box-shadow:none}.recommend-grid .recommend-index{display:block;color:#3959bd}.recommend-grid .featured-recommend h3{font-size:31px}.recommend-card .meta{display:inline-flex;background:#fff;padding:5px 10px;border-radius:9px;font-size:11px}.recommend-grid .recommend-copy p{color:#4f6079}.pair-art{max-width:360px;margin:32px auto 0;border-radius:26px;overflow:hidden}.pair-art+.pair-hero{margin-top:0;background:#f7f3ee;border-radius:0 0 25px 25px}.pair-art+.pair-hero:before{display:none}.profile-art{position:absolute;right:28px;top:32px;width:160px;border-radius:50%;overflow:hidden;opacity:.9}.profile-art .editorial-image{aspect-ratio:1;object-fit:cover}.passport .code{position:relative;z-index:1}.passport{padding-right:38px}.passport h1{position:relative;z-index:1;max-width:620px}.question-buddy{float:right;width:94px;height:65px;object-fit:cover;border-radius:17px;margin:-7px 0 0 14px}.question-scene{min-height:32px}.question h1{clear:both}.question .scene-dots{display:none}.axis-heading h3{font-size:25px}.axis-card:nth-child(2){background:#fcfaff}.axis-card:nth-child(3){background:#f6faf7}.axis-card:nth-child(4){background:#fffaf4}.reading .page-head{border-bottom:1px solid var(--line);padding-bottom:28px}.library>a{border-top:4px solid #b5c4ff}.library>a:nth-child(3n){border-color:#b6dfcd}.library>a:nth-child(3n + 1){border-color:#f1c3b4}
@media(max-width:850px){.hero{gap:28px}.visual-page-head{padding-right:220px}.page-visual{width:210px}.visual-page-head h1{font-size:31px}.visual-taste-form{gap:14px}.visual-taste-form .visual-taste-group{padding:22px 17px}.visual-taste-group legend{font-size:17px}.profile-art{width:130px;right:22px}}
@media(max-width:620px){.hero{padding-top:32px;gap:20px}.hero-visual{max-width:440px;margin:0 auto;width:100%;padding:0 0 25px}.hero-visual .editorial-image{aspect-ratio:1.6;border-radius:26px}.hero-visual:before{inset:8% 0 4% 5%;border-radius:25px}.visual-caption{font-size:11px;left:20px;right:20px;bottom:8px;padding:10px}.hero h1{font-size:35px;margin-bottom:18px}.step-card .step-image{aspect-ratio:1.75;margin-bottom:18px}.visual-page-head{display:grid;grid-template-columns:1fr 105px;column-gap:10px;min-height:0;padding:21px;border-radius:23px}.visual-page-head .eyebrow{grid-column:1/-1;font-size:9px;letter-spacing:.13em;margin-bottom:12px}.visual-page-head h1{grid-column:1;grid-row:2;font-size:27px;line-height:1.4;margin:0;align-self:center}.visual-page-head p{grid-column:1/-1;grid-row:3;font-size:13px;margin-top:14px}.page-visual{position:static;grid-column:2;grid-row:2;width:105px;height:89px;align-self:center;border-radius:16px;overflow:hidden}.page-visual .editorial-image{width:100%;height:100%;object-fit:cover}.visual-taste-form{grid-template-columns:1fr;gap:16px}.visual-taste-form .visual-taste-group{padding:21px 18px}.visual-taste-group legend{min-height:0;font-size:18px;margin-bottom:17px}.visual-taste-group .taste-options{gap:9px}.visual-taste-group .taste-option{min-height:64px;font-size:14px}.taste-number{width:31px;min-width:31px;height:31px;font-size:11px;border-radius:10px}.visual-taste-form .taste-submit{width:100%;min-width:0;justify-self:stretch;margin-top:5px}.recommend-scene{grid-template-columns:1fr}.recommend-scene .editorial-image{aspect-ratio:1.9}.recommend-scene>div{padding:20px 23px}.recommend-scene strong{font-size:24px}.recommend-scene p{margin-top:9px}.recommend-grid .featured-recommend h3{font-size:27px}.profile-art{width:96px;top:22px;right:18px;opacity:.85}.passport .code{font-size:59px}.passport{padding:28px 23px}.passport h1{padding-right:0;font-size:28px}.passport>small{display:block;max-width:190px;font-size:9px}.question-buddy{width:73px;height:50px;margin-top:-5px}.test-page .question h1{font-size:25px;min-height:117px;margin-top:12px}.test-page .question-scene{min-height:35px}.pair-art{max-width:280px}.pair-art+.pair-hero{gap:16px}.axis-heading h3{font-size:22px}}
@media(max-width:350px){.visual-page-head{grid-template-columns:1fr 80px;padding:18px}.page-visual{width:80px;height:80px}.visual-page-head h1{font-size:24px}.visual-taste-group legend{font-size:17px}.visual-taste-form .visual-taste-group{padding:18px 15px}.visual-taste-group .taste-option{font-size:13px;gap:10px}.option-illustration{width:35px;height:35px}.question-buddy{width:64px;height:44px}.test-page .question h1{font-size:23px;min-height:117px}.passport .code{font-size:53px}}
@media(prefers-reduced-motion:reduce){.taste-option{transition:none}}
/* Keep the actual recommendation visible ahead of supporting explanations. */
.recommendation-block .section-title{margin:22px 0 16px}.recommendation-block .section-title h2{font-size:24px}.recommendation-block .section-title .eyebrow{display:none}.recommend-scene{margin:18px 0}.recommend-scene .editorial-image{max-height:190px}.recommend-scene strong{font-size:24px}.recommend-scene p{display:none}.recommend-scene .eyebrow{margin-bottom:8px}.page:has(>.recommendation-block)>.page-head{margin-bottom:18px}.page:has(>.recommendation-block)>.page-head h1{font-size:35px}.page:has(>.recommendation-block)>.page-head p{font-size:14px}.recommendation-block .taste-summary{gap:7px}
@media(max-width:620px){.page:has(>.recommendation-block)>.page-head h1{font-size:28px}.recommendation-block .section-title h2{font-size:21px}.recommend-scene{grid-template-columns:120px 1fr;min-height:126px}.recommend-scene .editorial-image{height:100%;aspect-ratio:auto;object-fit:cover}.recommend-scene>div{padding:17px 14px}.recommend-scene strong{font-size:19px}.recommend-scene .eyebrow{font-size:8px;letter-spacing:.1em}.recommendation-block .tag{font-size:11px}.recommendation-block .section-title{margin:18px 0 14px}}
@media(max-width:620px){.test-page .question{padding:19px}.test-page .question h1{min-height:92px;font-size:24px;line-height:1.3;margin:10px 0 14px}.test-page .question-buddy{width:56px;height:35px;margin:0 0 0 12px}.test-page .question-scene{min-height:35px}.test-page .question .choice:not(.neutral){min-height:72px;font-size:14px;padding:12px 14px}.test-page .question .choice.neutral{min-height:58px;font-size:12px;padding:10px 14px}.test-page .question-controls{margin-top:16px}.test-page .question-controls .btn{min-height:44px;padding:10px 14px;font-size:13px}.test-page .choice-list{gap:9px}.test-page .question-count{font-size:11px}.test-page .progress-line{margin-bottom:12px}}
@media(max-width:350px){.test-page .question h1{font-size:22px;min-height:90px}.test-page .question{padding:17px}.test-page .question .choice:not(.neutral){min-height:74px}.test-page .question .choice.neutral{min-height:59px}.test-page .question-controls .btn{font-size:12px;padding:10px 12px}}
.passport{background:#3656d9;color:white}.passport p,.passport small,.passport .code,.passport h1{color:white}.passport .tag{background:#ffffff1f;color:white;border-color:#ffffff30}
@media(max-width:350px){.header-inner{gap:5px}.service-nav{gap:0;flex-shrink:0}.service-nav a{white-space:nowrap;padding:0 6px;font-size:11px;min-width:34px}.riki-brand{flex-shrink:0}}

/* Comparison result: real type differences, no compatibility score. */
.footer-service-nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.footer-service-nav a{min-height:44px;min-width:52px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;font-size:13px;border:1px solid #dce3f2;border-radius:12px;background:white}.footer-service-nav a[aria-current]{background:#edf1ff;color:#2e5bff}.footer-inner{flex-wrap:wrap;gap:24px}
.pair-result-section{margin-top:40px}.pair-story-hero{display:grid;grid-template-columns:1.15fr 1fr;background:#f5f0eb;border:1px solid #ede4da;border-radius:30px;overflow:hidden;align-items:center}.pair-story-copy{padding:32px}.pair-story-copy .eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:13px}.pair-story-copy h2{font-size:32px;line-height:1.35;margin:0 0 14px;letter-spacing:-.055em}.pair-story-copy>p{font-size:13px;line-height:1.85;color:#626c80;margin-bottom:18px}.pair-story-hero>.editorial-image{height:100%;max-height:320px;object-fit:cover;object-position:center}.pair-result-tags{display:flex;flex-wrap:wrap;gap:7px}.pair-result-tags>span{display:inline-flex;gap:8px;align-items:center;border:1px solid #d8e8df;background:#edf6f0;color:#345e4a;padding:7px 10px;border-radius:10px;font-size:11px}.pair-result-tags>span:nth-child(2){background:#efe8fb;color:#6e539b;border-color:#e2d7f1}.pair-result-tags b{font-size:16px}.pair-source-note{font-size:12px;line-height:1.8;color:#6a7790;margin:16px 4px 22px}.pair-reading-key{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0 20px}.pair-reading-key>span{padding:7px 12px;border-radius:10px;font-size:12px;font-weight:700}.pair-reading-key>.mine{background:#e9efff;color:#3755b9}.pair-reading-key>.theirs{background:#fff0e8;color:#9f5741}.pair-reading-key>small{font-size:11px;color:#718099;margin-left:auto}
.comparison-grid.pair-detail-grid{grid-template-columns:1fr;gap:20px;margin:0 0 28px}.pair-detail-grid .pair-detail{padding:26px;border:1px solid #dce3f2;box-shadow:0 7px 20px #17274a03;border-radius:24px;overflow:hidden}.pair-detail-grid .pair-detail>header{display:flex;align-items:center;justify-content:flex-start;gap:13px;margin:0 0 22px}.pair-category-icon .option-illustration{width:45px;height:45px;border-radius:14px}.pair-category-icon .option-illustration svg{width:28px;height:28px}.pair-category-number{display:block;color:#7a87a0;font-size:10px;letter-spacing:.03em;margin-bottom:3px}.pair-detail-grid .pair-detail h3{font-size:23px;margin:0;line-height:1.4}.pair-detail-grid .comparison-status{margin-left:auto;font-size:10px;white-space:nowrap}.pair-lanes{display:grid;grid-template-columns:1fr 35px 1fr;gap:8px;align-items:center}.pair-person{border-radius:16px;padding:18px;background:#edf2ff;border:1px solid #dfe6fb;min-height:94px;display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0}.pair-person.theirs{background:#fff3ed;border-color:#f6e3d8}.person-label{font-size:11px;color:#4f65a8;font-weight:700}.theirs .person-label{color:#a16851}.pair-person strong{font-size:18px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere;letter-spacing:-.035em}.pair-relation{display:grid;place-items:center;font-size:22px;color:#9172b8}.similar .pair-relation{color:#45816a}.pair-detail-grid .pair-explanation{font-size:13px;line-height:1.85;color:#66758c;margin:17px 3px 0}.pair-action{display:flex;align-items:flex-start;gap:15px;background:#f6f4fc;border-radius:15px;padding:17px 19px;margin-top:18px}.similar .pair-action{background:#eef7f1}.pair-action>span{font-size:11px;font-weight:750;color:#765b9f;min-width:92px;line-height:1.9;margin-top:1px}.similar .pair-action>span{color:#3c7a58}.pair-detail-grid .pair-action>p{font-size:14px;line-height:1.85;color:#34435e;margin:0}.pair-result-section .shared-action{border:1px solid #f0e4bd;background:#fff9e6;border-radius:24px}.pair-result-section .shared-action>p:first-of-type{font-size:20px}
@media(max-width:620px){.footer-service-nav{width:100%}.footer-service-nav a{flex:1}.pair-result-section{margin-top:27px}.pair-story-hero{grid-template-columns:1fr 115px;border-radius:24px;align-items:stretch}.pair-story-copy{padding:23px 0 23px 21px}.pair-story-copy h2{font-size:25px}.pair-story-copy .eyebrow{font-size:8px;letter-spacing:0;margin-bottom:12px}.pair-story-copy>p{font-size:12px;padding-right:8px}.pair-story-hero>.editorial-image{max-height:none;object-position:53% center;height:100%}.pair-result-tags{gap:6px}.pair-result-tags>span{font-size:10px;padding:6px 8px;gap:7px}.pair-result-tags b{font-size:14px}.pair-source-note{font-size:11px;margin-bottom:18px}.pair-reading-key{gap:7px}.pair-reading-key>small{margin-left:0;width:100%;font-size:10px}.pair-detail-grid .pair-detail{padding:20px 17px;border-radius:22px}.pair-detail-grid .pair-detail>header{gap:10px;margin-bottom:18px;flex-wrap:wrap}.pair-detail-grid .pair-detail h3{font-size:21px}.pair-category-number{font-size:9px}.pair-category-icon .option-illustration{width:38px;height:38px;border-radius:12px}.pair-detail-grid .comparison-status{font-size:9px;padding:6px 8px}.pair-lanes{grid-template-columns:1fr 20px 1fr;gap:5px}.pair-person{min-height:106px;padding:13px 11px;gap:9px;border-radius:14px}.pair-person strong{font-size:15px;line-height:1.55}.person-label{font-size:10px}.pair-relation{font-size:18px}.pair-action{display:block;padding:15px;margin-top:15px;border-radius:13px}.pair-action>span{display:block;font-size:10px;margin:0 0 6px}.pair-detail-grid .pair-action>p{font-size:13px}.pair-detail-grid .pair-explanation{font-size:12px}.pair-result-section .shared-action>p:first-of-type{font-size:17px}}
@media(max-width:350px){.pair-story-hero{grid-template-columns:1fr 85px}.pair-story-copy{padding-left:18px}.pair-story-copy h2{font-size:22px}.pair-detail-grid .comparison-status{margin-left:48px;margin-top:-5px}.pair-person strong{font-size:14px}.pair-result-tags>span{font-size:9px}}

.pair-reason{border:0;margin:10px 3px 0}.pair-reason summary{font-size:11px;min-height:44px;display:flex;align-items:center;cursor:pointer;color:#73809a}.pair-reason summary:after{content:"+";margin-left:9px}.pair-reason[open] summary:after{content:"−"}.pair-detail-grid .pair-reason .pair-explanation{margin:0 0 8px}

.pair-result-section{scroll-margin-top:24px}@media(max-width:620px){.pair-story-hero{grid-template-columns:1fr}.pair-story-copy{padding:23px}.pair-story-copy h2{font-size:26px}.pair-story-copy>p{padding-right:0;margin-bottom:16px}.pair-story-hero>.editorial-image{height:155px;object-fit:cover;object-position:center 48%}.pair-story-copy .eyebrow{font-size:9px}.pair-result-tags>span{font-size:10px}}
/* A consistent ending for profile, taste and comparison results. */
.pair-next-step,.result-share-panel{margin:26px 0 0;border:1px solid #dce3f2;border-radius:24px;background:#fff;padding:28px}.pair-next-step>header,.result-share-panel>header{display:flex;align-items:center;gap:14px;margin:0 0 18px}.pair-next-step .content-label,.result-share-panel .content-label{font-size:11px;letter-spacing:.07em;margin:0 0 5px;color:#63718b}.pair-next-step h3,.result-share-panel h3{font-size:23px;line-height:1.45;letter-spacing:-.045em;margin:0;word-break:keep-all}.ending-icon,.share-symbol{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:15px}.ending-icon{background:#eaf2fd}.ending-icon .option-illustration{background:transparent;color:#4668bb;width:40px;height:40px}.share-symbol{background:#e8f2ed;color:#397b62}.share-symbol svg{width:29px;height:29px}.pair-next-step .pair-plan{font-size:18px;line-height:1.9;color:#263953;font-weight:650;margin:0 0 20px}.pair-conversation{background:#f4f1fb;border:1px solid #eae4f5;border-radius:15px;padding:18px 20px;display:flex;align-items:center;gap:20px}.pair-conversation>span{font-size:11px;color:#796493;min-width:114px;line-height:1.8}.pair-conversation blockquote{font-size:16px;line-height:1.8;font-weight:700;letter-spacing:-.03em;color:#594475;margin:0}.ending-note{font-size:12px;line-height:1.85;color:#72809a;margin:15px 0 0}.result-share-panel{background:#f6f8ff;border-color:#dce4fa}.result-share-panel>p:not(.ending-note){font-size:13px;line-height:1.85;color:#62728b;margin:0 0 20px}.result-share-panel .share-tools{display:flex;flex-wrap:wrap;gap:10px;margin:0}.result-share-panel .share-tools .btn{font-size:13px;min-height:46px;padding:11px 18px;border-radius:13px}.result-share-panel .share-tools .btn.primary{box-shadow:0 3px 0 #d5dffd}.result-secondary-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:16px 0 0;padding-top:10px;border-top:1px solid #e2e7f2}.result-secondary-actions .btn{font-size:12px;min-height:44px;padding:8px 0;background:transparent!important;border:0!important;border-radius:0;box-shadow:none;color:#667894;text-decoration:underline;text-underline-offset:4px;font-weight:600}.profile-share-end>h2{margin-bottom:10px}#share-output:empty{display:none}#share-output:not(:empty){padding:24px;border:1px solid #dce3f2;border-radius:22px;background:white;margin:18px 0 0}#share-output .share-image{display:block;width:min(100%,430px);height:auto;margin:0 auto 18px;border-radius:16px}#share-output .share-tools{justify-content:center;margin:0}.service-discovery{padding-top:28px;border-top:1px solid #e2e7f2;margin:36px 0 0}.service-discovery-head .content-label{font-size:11px;letter-spacing:.06em;color:#7b879c;margin-bottom:7px}.service-discovery h2{font-size:22px;line-height:1.4;letter-spacing:-.04em;margin:0 0 7px}.service-discovery-head>p{font-size:12px;color:#78859a;line-height:1.8;margin:0 0 18px}.service-discovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.service-gateway{display:grid;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:12px;border:1px solid #dce3f2;border-radius:19px;background:#fff;text-decoration:none;min-height:148px;padding:20px 0 20px 20px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.service-gateway:hover{border-color:#b7c7ff;box-shadow:0 7px 20px #17274a08}.gateway-label{font-size:10px;display:block;color:#6d7f9d;margin-bottom:7px}.service-gateway h3{font-size:18px;line-height:1.45;letter-spacing:-.04em;margin:0 0 7px}.service-gateway p{font-size:11px;line-height:1.8;color:#74839b;margin:0 0 12px}.gateway-go{font-size:12px;font-weight:700;color:#4d66a4;display:flex;align-items:center;gap:9px}.service-gateway>img{width:110px;height:120px;object-fit:contain;display:block}.gateway-puzzle{background:#f7f9fa}.gateway-puzzle>img{object-fit:cover;border-radius:14px 0 0 14px}.profile-share-end .result-share-panel{margin-top:30px}.result-share-panel+.ending-note{margin-top:12px}
@media(max-width:620px){.pair-next-step,.result-share-panel{padding:22px 20px;border-radius:22px;margin-top:22px}.pair-next-step>header,.result-share-panel>header{gap:11px;margin-bottom:16px}.pair-next-step h3,.result-share-panel h3{font-size:20px}.pair-next-step .content-label,.result-share-panel .content-label{font-size:10px}.ending-icon,.share-symbol{width:42px;height:42px;border-radius:13px}.share-symbol svg{width:25px;height:25px}.pair-next-step .pair-plan{font-size:16px;line-height:1.9;margin-bottom:17px}.pair-conversation{display:block;padding:16px}.pair-conversation>span{display:block;font-size:10px;margin-bottom:7px}.pair-conversation blockquote{font-size:15px}.ending-note{font-size:11px}.result-share-panel>p:not(.ending-note){font-size:12px;margin-bottom:17px}.result-share-panel .share-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px}.result-share-panel .share-tools .btn.primary{grid-column:1/-1}.result-share-panel .share-tools .btn{padding:11px 10px;font-size:12px}.result-secondary-actions{gap:12px}.result-secondary-actions .btn{font-size:11px}.service-discovery{margin-top:28px;padding-top:23px}.service-discovery h2{font-size:20px}.service-discovery-head>p{font-size:11px}.service-discovery-grid{grid-template-columns:1fr;gap:12px}.service-gateway{grid-template-columns:1fr 105px;min-height:132px;padding:18px 0 18px 19px}.service-gateway>img{width:105px;height:110px}.service-gateway h3{font-size:18px}.gateway-label{font-size:10px}.service-gateway p{font-size:11px}.gateway-go{font-size:11px}#share-output:not(:empty){padding:18px;border-radius:20px}.service-discovery-head .content-label{font-size:10px}}
@media(max-width:350px){.pair-next-step,.result-share-panel{padding:20px 17px}.result-share-panel h3{font-size:18px}.result-share-panel>header{align-items:flex-start}.service-gateway{grid-template-columns:minmax(0,1fr) 85px;padding-left:17px}.service-gateway>img{width:85px;height:106px}.service-gateway h3{font-size:16px}.result-share-panel .share-tools .btn{font-size:11px}}
@media(prefers-reduced-motion:reduce){.service-gateway{transition:none}}

/* Editorial guides: let the summary, example and detail have distinct rhythms. */
.guide-page{max-width:1060px}.editorial-guide-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;padding:20px 0 42px}.editorial-guide-hero h1{font-size:clamp(36px,4.1vw,55px);line-height:1.25;letter-spacing:-.055em;margin:18px 0}.editorial-guide-hero h1 em{font-style:normal;color:#345cff}.editorial-guide-hero p{font-size:17px;line-height:1.9;color:#667791}.editorial-guide-hero>.editorial-image{border-radius:32px;background:#f3f4fb;aspect-ratio:1.2;object-fit:cover}.text-link{display:inline-flex;min-height:44px;align-items:center;color:#345cff;text-underline-offset:5px;font-size:13px;font-weight:700}.guide-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;scroll-margin-top:24px}.guide-step{position:relative;overflow:hidden;background:white;border:1px solid #dfe5f1;border-radius:26px;padding:30px}.guide-step:nth-child(2){background:#f1f4ff}.guide-step:nth-child(3){background:#f0f8f3}.guide-step:nth-child(4){background:#fff5ee}.guide-step-number{position:absolute;right:25px;top:20px;font-size:46px;line-height:1;font-weight:850;letter-spacing:-.07em;color:#c7d2f0}.guide-step .content-label{color:#596e96;font-size:12px;margin:0 0 21px}.guide-step h2{font-size:27px;line-height:1.4;letter-spacing:-.045em;margin:0 0 17px}.guide-step p{font-size:15px;line-height:1.9;color:#61718a;margin:0 0 25px;max-width:35ch}.guide-key{display:block;font-size:13px;font-weight:700;color:#405a80;border-top:1px solid #ccd8eb;padding-top:15px;line-height:1.7}.guide-count-example{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;margin:38px 0;padding:32px;border:1px solid #dce4f2;background:#f9faff;border-radius:26px}.guide-count-example h2{font-size:25px;line-height:1.5;margin:14px 0;letter-spacing:-.045em}.guide-count-example p{font-size:14px;line-height:1.9;color:#66758b}.example-choice-count{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.example-choice-count>span{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 8px;border:1px solid #dde4f4;border-radius:18px;background:#fff}.example-choice-count b{color:#7c8aa3;font-size:13px}.example-choice-count strong{font-size:25px;color:#294fc9}.example-choice-count>span:first-child{background:#eaf0ff;border-color:#bbcaff}.example-choice-count>p{grid-column:1/-1;margin:6px 0 0;font-size:12px}.example-choice-count>p strong{font-size:15px}.guide-method{border:1px solid #dfe5f1;border-radius:18px;padding:0 24px;background:white}.guide-method summary{min-height:62px;padding:19px 0;cursor:pointer;font-size:15px;font-weight:700}.guide-method p{font-size:14px;line-height:1.9;color:#66758b;margin:0 0 20px}.guide-boundary{margin-top:30px;padding:28px 30px;background:#f3f5f8;border-radius:22px}.guide-boundary .content-label{font-size:11px;color:#657289}.guide-boundary h2{font-size:21px;margin:10px 0}.guide-boundary p{font-size:13px;line-height:1.9;color:#657289}.guide-boundary>a{font-size:12px;color:#546b92;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:4px}.guide-start{margin-top:36px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0}.guide-start .content-label{font-size:11px;color:#687996}.guide-start h2{font-size:22px;margin:9px 0}.guide-start .btn{flex-shrink:0}.type-library-head{min-height:210px;padding-right:270px;position:relative}.library-art{position:absolute;right:0;top:0;width:225px}.library-art img{border-radius:28px;aspect-ratio:1.1;object-fit:cover}.type-library-page .library a{position:relative;overflow:hidden;padding:25px;border-radius:20px;min-height:128px;transition:transform .16s,border-color .16s}.type-library-page .library a:nth-child(4n+1){background:#eef2ff}.type-library-page .library a:nth-child(4n+2){background:#f2f8f3}.type-library-page .library a:nth-child(4n+3){background:#fff7ee}.type-library-page .library a:nth-child(4n){background:#f6f1fb}.type-library-page .library strong{font-size:29px;letter-spacing:-.03em}.type-library-page .library small{font-size:13px;line-height:1.8;margin-top:12px;display:block;max-width:22ch}.type-library-page .library a:after{content:'↗';position:absolute;right:18px;bottom:15px;color:#8796b5;font-size:20px}.type-library-page .library a:hover{transform:translateY(-3px);border-color:#adbeef}.type-note-page{position:relative}.type-note-art{float:right;width:160px;margin:0 0 20px 20px}.type-note-art img{border-radius:25px;aspect-ratio:1;object-fit:cover}.type-note-page .page-head{min-height:140px}.type-note-page .axis-grid{clear:both}.recommend-scene>.editorial-image{object-fit:cover;aspect-ratio:1.5}.recommend-card{border-radius:22px}.recommendation-block .featured-recommend{border-left:4px solid #456aff}.recommendation-block .recommend-copy h3{line-height:1.5}.recommendation-block .start-note{border-radius:18px;background:#eef7f1;padding:22px}.recommendation-block .start-note p{font-size:16px;line-height:1.9;color:#315b48}
@media(max-width:620px){.editorial-guide-hero{grid-template-columns:1fr;gap:15px;padding-top:5px;padding-bottom:26px}.editorial-guide-hero h1{font-size:37px}.editorial-guide-hero p{font-size:15px}.editorial-guide-hero>.editorial-image{aspect-ratio:1.9;max-height:230px;width:100%;border-radius:24px}.guide-step-grid{gap:13px;grid-template-columns:1fr}.guide-step{padding:24px;border-radius:23px}.guide-step-number{font-size:42px;top:22px;right:23px}.guide-step .content-label{font-size:11px;margin-bottom:16px}.guide-step h2{font-size:25px;line-height:1.35;margin-bottom:14px}.guide-step h2 br{display:none}.guide-step p{font-size:14px;max-width:none;margin-bottom:20px}.guide-key{font-size:12px}.guide-count-example{grid-template-columns:1fr;padding:24px;gap:16px;margin:25px 0}.guide-count-example h2{font-size:23px}.guide-count-example p{font-size:13px}.example-choice-count>span{padding:18px 6px}.example-choice-count>p{font-size:11px}.guide-method{padding:0 20px}.guide-method summary{font-size:14px}.guide-method p{font-size:13px}.guide-boundary{padding:23px}.guide-boundary h2{font-size:20px}.guide-start{display:block;padding:15px 0}.guide-start h2{font-size:21px;margin-bottom:20px}.guide-start .btn{width:100%;justify-content:center}.type-library-head{padding-right:0;min-height:0}.library-art{position:static;width:100%;margin-bottom:20px}.library-art img{width:100%;height:155px;aspect-ratio:auto;object-position:50% 45%;border-radius:23px}.type-library-page .library a{padding:18px 16px;min-height:130px}.type-library-page .library strong{font-size:25px}.type-library-page .library small{font-size:12px;margin-top:8px;padding-right:12px}.type-note-art{width:95px;margin-left:12px}.type-note-page .page-head h1{font-size:28px}.type-note-page .page-head{min-height:0}.recommendation-block .start-note{padding:20px}.recommendation-block .start-note p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.type-library-page .library a{transition:none}.type-library-page .library a:hover{transform:none}}

/* Content pictures must fit their mobile containers, without cropping or intrinsic grid overflow. */
.hero>*,.hero-visual,.step-card,.page-visual,.recommend-scene,.recommend-scene>*,.pair-story-hero,.pair-story-hero>*,.service-gateway,.service-gateway>*{min-width:0}
.editorial-image{max-width:100%;min-width:0;box-sizing:border-box}
@media(max-width:620px){
 .hero-visual{max-width:100%;box-sizing:border-box}
 .hero-visual:before{inset:8px 8px 20px;transform:none}
 .hero-visual .editorial-image,.step-card .step-image,.editorial-guide-hero>.editorial-image,.library-art img,.pair-story-hero>.editorial-image{width:100%;max-width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
 .visual-page-head{grid-template-columns:minmax(0,1fr) 94px}
 .page-visual{width:94px;max-width:100%;height:auto;aspect-ratio:3/2}
 .page-visual .editorial-image{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
 .recommend-scene{grid-template-columns:minmax(0,1fr)}
 .recommend-scene .editorial-image{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
 .recommend-scene>div{padding:20px 22px}
 .profile-art .editorial-image{height:auto;aspect-ratio:auto;object-fit:contain}
 .profile-art{border-radius:18px}
 .question-buddy{object-fit:contain;max-width:100%}
 .service-gateway>img{max-width:100%;object-fit:contain}
 .gateway-puzzle>img{object-fit:contain;background:#eef1f2}
}