/* Tripchu's friendly travel club: compact spacing, illustrated landmarks and sticker shapes. */
.cruise-visual .promo-buddy{position:absolute;right:14px;bottom:-18px;width:100px;height:110px;object-fit:contain;padding:6px;background:#fff9ef;border:3px solid white;border-radius:25px;transform:rotate(7deg);box-shadow:0 4px 0 #203e2b25}
.cruise-visual figcaption{max-width:calc(100% - 135px)}
.cruise-promo{border:3px solid #fff9ef;box-shadow:0 5px 0 #dddcc6}
body.buddy-app{--paper:#fff9ef;--ink:#294837;--body:#526251;--muted:#65715f;--line:#e2e2cf;--green:#345c45;--green-dark:#254832;--sage:#e6efd9;--sage-strong:#c8dcc0;--apricot:#f9c8a0;--yellow:#f5d97c;background:var(--paper)}
.buddy-app h1,.buddy-app h2,.buddy-app h3{letter-spacing:-.035em}
.site-header{max-width:1160px;padding:14px 28px;margin:0 auto 14px;border-bottom:1px dashed #d6dcc7;gap:15px}
.brand{display:flex;align-items:center;gap:0;font-size:34px;color:#345c45;letter-spacing:-1.5px;flex-wrap:nowrap;white-space:nowrap}
.brand-dot{color:#d56c46}.brand small{font-size:11px;margin:0 0 0 10px;letter-spacing:0}
.tripchu-logo-mark{display:grid;place-items:center;width:49px;height:49px;flex-shrink:0;margin-right:5px;border-radius:18px 18px 21px 12px;background:#f7db9d;border:2px solid #fff;box-shadow:0 2px 0 #dfc589;transform:rotate(-7deg)}
.tripchu-logo-mark img{width:45px;height:45px;object-fit:contain;transform:rotate(7deg)}
.header-actions{gap:18px}.header-link{color:#526650;font-size:13px;min-height:44px}.language-select{background:#edf0df;border:1px solid #dce3c9;font-size:13px;min-height:42px}
#buddy-main{max-width:1160px;padding:0 28px 26px}
.button{border-radius:15px;min-height:48px;padding:11px 19px}
.button-primary{box-shadow:0 4px 0 #203e2b;border-color:#345c45;background:#345c45;color:#fffef4}
.button-primary:hover{background:#294b37;box-shadow:0 3px 0 #203e2b;transform:translateY(1px)}
.button:disabled{box-shadow:none}
.button-secondary{background:#fffdf6;border-color:#d5dcc7;color:#3b583f;box-shadow:0 3px 0 #e7e8d8}
.button-line{background:#06c755;border-color:#06c755;color:#073b20;box-shadow:0 3px 0 #079642}
.hero{grid-template-columns:1fr 1fr;padding:20px 26px 22px;gap:24px;background:#f2f2df;border:1px solid #e4e7cb;border-radius:30px;position:relative;isolation:isolate}
.hero-copy{padding:5px 5px 5px 8px}.hero-copy .eyebrow{background:#fff9e9;border:1px solid #e9dcc0;color:#677248;font-size:11px;padding:6px 11px;margin-bottom:15px}
.hero-copy h1{font-size:clamp(33px,4vw,47px);line-height:1.25;margin-bottom:15px;max-width:480px;color:#2d4e37}
.hero-copy .lead{font-size:15px;line-height:1.8;margin:0 0 18px;max-width:440px;color:#56654f}
.hero-actions .button{font-size:15px;padding:12px 20px;min-height:50px;min-width:220px}.hero-actions+.microcopy{font-size:12px;margin-top:12px}
.hero-art{min-height:340px;padding:28px 65px 30px;margin:0 14px;background:radial-gradient(circle at 50% 38%,#fff7ce,#f7dba6 67%);border:3px solid #fff9eb;border-radius:48% 48% 28px 28px;box-shadow:0 7px 0 #e5dcb9;position:relative}
.hero-art>.character-image{height:276px;transform:rotate(-5deg);filter:drop-shadow(0 9px 3px #815c2220)}
.hero-orbit{inset:30px 18px;border:2px dashed #fdf9e8;transform:rotate(15deg)}
.hero-spark{right:29px;top:38px;color:#e2a652;font-size:40px}
.mini-buddy{width:93px;height:100px;box-shadow:0 4px 0 #cbbf9d38;border:4px solid #fff9ef;border-radius:22px;background:#f6ddd1}
.mini-buddy img{width:84px;height:84px;object-fit:contain}
.mini-buddy-one{right:-20px;bottom:40px;transform:rotate(10deg);background:#f5e0d0}
.mini-buddy-two{left:-20px;top:28px;transform:rotate(-12deg);background:#dce8d4}
.mini-buddy-three{left:-10px;bottom:28px;transform:rotate(-8deg);background:#ebdff0}
.mini-buddy-four{right:-19px;top:22px;transform:rotate(9deg);background:#dbeaf0}
.art-label{left:50%;bottom:10px;transform:translateX(-50%) rotate(-3deg);padding:7px 12px;border:1px solid #e5d7b7;box-shadow:0 3px 0 #ddc8a240;white-space:nowrap;max-width:90%}
.art-label strong{font-size:12px}
.cast-label{position:absolute;top:-13px;left:50%;transform:translateX(-50%) rotate(2deg);z-index:5;background:#fffdf4;color:#61704b;border:1px dashed #a5b58a;border-radius:7px;padding:5px 10px;font-size:10px;white-space:nowrap;max-width:95%}
.trust-row{padding:13px 8px 14px;gap:12px 26px;border-bottom:1px dashed #d6dcc7;font-size:12px;color:#59694f}
.section-head{position:relative;min-height:90px;margin:24px 0 14px;padding-right:210px;gap:6px}
.section-head .section-kicker{color:#8b7956;font-size:10px;margin-bottom:7px;letter-spacing:1px}
.section-head h2{font-size:29px;margin-bottom:7px;line-height:1.4}.section-head p{font-size:13px;line-height:1.7}
.section-buddies{display:flex;position:absolute;bottom:0;right:6px;align-items:flex-end;pointer-events:none}
.section-buddies img{width:72px;height:78px;object-fit:contain;margin-left:-12px;transform:rotate(-7deg)}
.section-buddies img:nth-child(2){height:90px;transform:rotate(5deg)}
.character-grid{gap:14px}.character-tile{padding:14px 16px;border:2px solid #fff;border-radius:23px 23px 16px 23px;background:#eee6f4;box-shadow:0 4px 0 #e1d8c5}
.character-tile[data-tone="1"]{background:#fce1c9}.character-tile[data-tone="2"]{background:#e5eedb}.character-tile[data-tone="3"]{background:#e0edf1}
.character-tile .character-image{height:160px;margin:0 auto 8px}.character-index{font-size:10px!important;color:#6f715d;margin:0}
.character-tile h3{font-size:16px;line-height:1.5}.character-tile p{font-size:12px;line-height:1.7;margin-top:5px}
.character-tile:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 7px 0 #e1d8c5}
.collection-more{margin:18px 0 4px}.page-section{padding-top:8px}.page-section>h1{font-size:35px}.page-section>.lead{margin:10px 0 20px;font-size:15px}
.collection-grid{margin-top:20px}
/* A buddy travels alongside the questions. Answers keep identical visual weight. */
.quiz-wrap{max-width:690px;padding:5px 0 14px}.quiz-top{font-size:12px}.question-number{background:#e6ecd8;border:1px solid #d3dfc1;border-radius:20px;padding:4px 11px;font-size:12px;color:#4c6447}
.progress{height:7px;margin:10px 0 9px;background:#e3e6d6}.progress>span{background:#8fae75}
.quiz-companion{display:flex;align-items:center;gap:12px;margin:0 0 -5px;padding:0 16px;position:relative;z-index:1;pointer-events:none}
.quiz-companion>img{width:92px;height:100px;object-fit:contain;filter:drop-shadow(0 4px 2px #a58b5c20)}
.companion-bubble{position:relative;background:#fffdf4;border:1px solid #e2dbc3;border-radius:18px 18px 18px 3px;padding:10px 15px;box-shadow:0 3px 0 #e9e2d0;max-width:440px}
.companion-bubble strong{font-size:14px;color:#4c6447}.companion-bubble p{font-size:12px;line-height:1.7;color:#65705c;margin:3px 0 0}
.question-card{padding:25px 28px 20px;border:2px solid #e0e6d0;border-radius:24px;background:#fffef9;box-shadow:0 5px 0 #e8e5d6}
.question-card legend{font-size:26px;line-height:1.5}.question-card .question-hint{font-size:12px;margin:9px 0 16px}.answer-grid{margin-top:14px;gap:10px}
.answer-option{min-height:70px;padding:15px 17px;border:1px solid #d7dfc9;background:#f6f8ee;border-radius:15px;box-shadow:0 3px 0 #e5e9da;gap:12px}
.answer-option:hover{background:#eef4e2;border-color:#a2b88f}.answer-option:has(input:checked){background:#e7efd8;border-color:#54764c;box-shadow:0 0 0 1px #54764c,0 3px 0 #c4d6b5}
.option-marker{background:#e5ead8;border-radius:11px;color:#62754c;width:29px;height:29px}.option-copy{font-size:15px;line-height:1.7}
.neutral-hint{margin:17px 0 8px;font-size:12px}.neutral-option{min-height:46px;background:#fffdf7;box-shadow:none}.neutral-option .option-copy{font-size:12px}.neutral-marker{border-color:#99a386}.neutral-option:has(input:checked) .neutral-marker{box-shadow:inset 0 0 0 3px #edf3e2}
.quiz-actions{margin-top:20px}.question-card #save-status{margin:14px 0 0;font-size:11px}
/* Keep the approved portrait result, with a collectible-card treatment. */
body[data-page="result"] #buddy-main{max-width:740px}
.result-hero{grid-template-columns:1fr;max-width:600px;margin:6px auto 18px;padding:18px 26px 23px;gap:0;background:#eff2df;border:2px solid #fff;outline:1px solid #e1e4d1;border-radius:28px;box-shadow:0 6px 0 #e1dfcf;overflow:hidden}
.result-hero[data-tone="0"]{--stage:#efe9f4;--orb:#e0d6eb;background:var(--stage)}
.result-hero[data-tone="1"]{--stage:#fbe5d2;--orb:#f2d2ac;background:var(--stage)}
.result-hero[data-tone="2"]{--stage:#e9efdb;--orb:#d7e4c0;background:var(--stage)}
.result-hero[data-tone="3"]{--stage:#e4eff0;--orb:#cce1df;background:var(--stage)}
.passport{min-height:0;max-width:360px;width:100%;margin:auto;padding:0}
.passport-brand{font-family:var(--font-latin);font-size:27px;font-weight:800;letter-spacing:-1.5px;color:#3f6145;align-self:center;transform:rotate(-5deg);margin-bottom:2px}
.passport .card-meta{font-size:9px;letter-spacing:1px;margin:2px 0 5px}.passport .character-image{height:240px;margin:0;width:100%;filter:drop-shadow(0 9px 2px #6c68481c)}
.result-orbit{width:230px;max-height:230px;top:57%;transform:translate(-50%,-50%);border-radius:47% 53% 42% 58%}
.result-orbit:after{border:2px dashed #fff9;inset:-9px}
.result-spark{font-size:43px;top:37%;right:3%;color:#fffaf0}.character-seal{background:#fff7cf;color:#8a7646;border:1px dashed #b3a174;bottom:15px;left:1px;width:59px;height:59px;font-size:10px;transform:rotate(-12deg)}
.passport-caption{font-size:10px;letter-spacing:.4px;color:#62745b;position:relative;z-index:3;align-self:center;background:#fffdf0b8;border-radius:6px;padding:3px 10px;margin-top:-3px}
.result-copy{padding:12px 0 0;text-align:center}.result-copy>.eyebrow{font-size:10px;padding:4px 9px;background:#fff9;border-radius:30px;color:#5c6954}
.result-copy h1{font-size:34px;margin:10px 0;line-height:1.3}.result-copy .result-intro{font-size:16px;line-height:1.75;margin:0 auto 12px;max-width:410px;color:#53604e}
.result-copy .chips{justify-content:center;margin:0 0 14px;gap:6px}.chips>span{background:#fff9;border-color:#fffffff0;color:#56634c;font-size:11px;padding:4px 9px;box-shadow:0 2px 0 #73775512}
.result-hero .result-actions{margin:16px auto 0;max-width:440px;gap:8px}.result-actions .button{min-height:44px}.result-actions .button-line{min-height:47px;font-size:14px}.result-actions [data-action="instagram"]{background:#fff4f5;border-color:#dfbfc5;color:#934e62}
.result-actions [data-action="invite"]{min-height:38px}.line-share-note{font-size:11px}.public-cta .microcopy{margin:11px auto 0}
body[data-page="result"] .traits{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:17px 25px;background:#fffdf7;border:1px solid #e2e4d0;border-radius:20px;padding:22px;margin:20px 0 15px}
.traits>h2{padding-right:70px;font-size:23px;margin:0 0 6px}.traits-buddy{position:absolute;right:20px;top:-20px;width:76px;height:80px;object-fit:contain}
.trait-labels{font-size:12px;color:#58654e}.trait-track{background:#e6ead8}.trait-dot{box-shadow:0 0 0 3px #fffdf7;width:12px;height:12px}.trait-row .microcopy{font-size:11px}.balance-note{font-size:11px;line-height:1.8}
body[data-page="result"] .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:15px 0}
body[data-page="result"] .detail-card.buddy-note,body[data-page="result"] .detail-card.buddy-note:nth-child(2){position:relative;border:1px solid #dddccd;border-radius:18px;background:#f3ecdc;padding:18px;overflow:hidden}
body[data-page="result"] .detail-card.buddy-note:nth-child(2){background:#edf1e1;border-color:#dce2cb}
.note-buddy{float:right;margin:-7px -4px 2px 8px;width:65px;height:72px}.note-buddy img{width:100%;height:100%;object-fit:contain}
.buddy-note .detail-number{font-size:9px;letter-spacing:.7px;margin-bottom:9px;max-width:150px;color:#857653}
.buddy-note h3{font-size:18px;line-height:1.5;margin-bottom:10px}.buddy-note p{font-size:14px;line-height:1.85;clear:both}
.detail-grid+.button-row{padding:5px 0;margin:12px 0;gap:12px}.detail-grid+.button-row>.button{background:#fffdf5;border-color:#cbd8be;color:#3c6045}
.benefit-panel{position:relative;isolation:isolate;background:#e9efdd;border:1px solid #d2ddc2;border-radius:22px;padding:22px;margin:20px 0;gap:16px;overflow:hidden}
.benefit-panel>div{padding-right:72px}.benefit-buddy{position:absolute;right:5px;top:10px;width:90px;height:110px;object-fit:contain;z-index:0;pointer-events:none}.benefit-panel h3{font-size:22px;line-height:1.5}.benefit-panel p{font-size:13px;line-height:1.8}.benefit-panel .button{position:relative;background:#fffdf4;border-color:#c9d7b9;color:#3d6043;min-height:48px}.benefit-panel .eyebrow{color:#647a55;font-size:10px}.benefit-panel .microcopy{font-size:11px}
.benefit-page{padding-top:5px}.benefit-welcome{display:flex;justify-content:center;height:125px;margin-bottom:10px}.benefit-welcome img{width:120px;height:125px;object-fit:contain;transform:rotate(-8deg)}.benefit-welcome img+img{transform:rotate(9deg);margin-left:-10px}
.benefit-page .detail-card{background:#eef2e1;border:1px solid #dde5c9;border-radius:18px}
.compare-pair{position:relative;gap:18px;margin:22px 0}.compare-person{background:#e8eddb;border:2px solid #fff;border-radius:24px;box-shadow:0 4px 0 #dfddc9;padding:20px}.compare-person:nth-child(2){background:#f6e2cc}.compare-person .character-image{height:185px}.compare-person h2{font-size:24px;line-height:1.4}.compare-person .chips{margin:10px 0 0}
.friendship-stamp{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%) rotate(-8deg);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff7d7;border:3px solid #fff;box-shadow:0 2px 0 #d8c699;color:#90774d;font:700 24px Georgia,serif}
.compare-details{gap:12px}.comparison-item{border:1px solid #e0e5d3;background:#fffdf6!important;border-radius:16px;padding:20px}.comparison-item h3{font-size:18px;margin:6px 0}.comparison-item p{font-size:14px;line-height:1.8}.comparison-item .eyebrow{font-size:10px;color:#7c875c}.comparison-item[data-match="different"]{background:#f9efdf!important}
.comparison-picker{background:#f0f2e5;border-radius:13px;padding:12px}.comparison-picker select{background:#fffdf5;border-color:#ccd7bb}.report-note{background:#f0f2e3;color:#5d6b51;font-size:12px}
.dialog-panel{background:#fffaf0;border:2px solid #e3dfcb;border-radius:26px;box-shadow:0 12px 50px #24352830}.dialog-close{background:#ecefdc;color:#4e6246}.dialog-panel .character-image{background:#eff2e0;border:2px solid #fff;border-radius:24px}.dialog-panel .chips{margin-top:12px}
#buddy-footer{max-width:1104px;margin:12px auto 0;padding:0 15px 22px;border-top:1px dashed #d5dcc6;text-align:center;position:relative;clear:both}
.footer-buddies{display:flex;justify-content:center;align-items:end;height:78px;margin:10px auto 5px;pointer-events:none}
.footer-buddies img{width:64px;height:66px;object-fit:contain;margin:0 -3px;transform:rotate(-5deg)}.footer-buddies img:nth-child(3){height:78px;width:76px}.footer-buddies img:nth-child(even){transform:rotate(6deg)}
#buddy-footer>p{font-size:11px;line-height:1.8;margin:3px 0}.footer-links{justify-content:center;margin-top:7px}.footer-links a,.footer-links button{min-height:36px;color:#587047}
@media(min-width:681px){body[data-page="compare"] #buddy-main{max-width:950px}body[data-page="quiz"] .site-header{margin-bottom:8px}}
@media(max-width:980px){.brand small{display:none}.hero{padding:21px;gap:16px}.hero-copy h1{font-size:37px}.hero-art{padding-inline:38px;margin-inline:16px;min-height:320px}.hero-art>.character-image{height:255px}.mini-buddy{width:79px;height:86px}.mini-buddy img{width:72px;height:72px}.character-tile .character-image{height:140px}}
@media(max-width:680px){
 .site-header{padding:11px 16px;margin-bottom:11px;gap:8px}.brand{font-size:26px;gap:1px;letter-spacing:-1px}.tripchu-logo-mark{width:39px;height:39px;border-radius:14px;margin-right:4px}.tripchu-logo-mark img{width:36px;height:36px}.brand small{display:none}.header-actions{gap:9px}.header-link{font-size:11px;min-height:40px}.header-actions [data-action="home"]{display:none}.language-select{font-size:12px;padding:8px 10px;min-height:39px}
 #buddy-main{padding:0 15px 22px}.hero{grid-template-columns:1fr;padding:19px 17px 20px;gap:16px;border-radius:25px}.hero-copy{order:2;text-align:center;padding:0}.hero-art{order:1;width:calc(100% - 24px);max-width:320px;min-height:205px;margin:4px auto 0;padding:14px 48px 21px;border-radius:85px 85px 23px 23px;box-shadow:0 5px 0 #e5dcb9}.hero-art>.character-image{height:185px;width:100%;margin:0}.hero-orbit{inset:24px 15px}.hero-spark{font-size:29px;right:32px;top:27px}.mini-buddy{width:64px;height:69px;border-width:3px;border-radius:17px}.mini-buddy img{width:58px;height:58px}.mini-buddy-one{right:-20px;bottom:24px}.mini-buddy-two{left:-20px;top:23px}.mini-buddy-three{left:-17px;bottom:17px}.mini-buddy-four{right:-16px;top:14px}.cast-label{font-size:9px;padding:4px 7px;top:-12px}.art-label{padding:5px 9px;bottom:7px}.art-label strong{font-size:10px}
 .hero-copy .eyebrow{font-size:10px;padding:4px 9px;margin:2px 0 10px}.hero-copy h1{font-size:31px;line-height:1.28;max-width:330px;margin:0 auto 11px}.hero-copy .lead{font-size:13px;line-height:1.8;margin:0 auto 14px;max-width:330px}.hero-actions .button{width:100%;max-width:340px;font-size:14px;min-height:49px;padding:12px 14px}.hero-actions+.microcopy{font-size:11px;margin-top:11px}.hero-copy>.text-link{margin-top:5px}
 .trust-row{padding:11px 2px 12px;gap:5px 12px;font-size:10px;justify-content:center}.section-head{padding-right:0;min-height:0;margin:21px 0 13px}.section-head .section-kicker{margin-bottom:6px;font-size:9px}.section-head h2{font-size:24px;line-height:1.4;max-width:calc(100% - 48px)}.section-head p{font-size:12px;max-width:calc(100% - 78px);line-height:1.7}.section-buddies{right:-2px;bottom:2px}.section-buddies img{width:38px;height:45px;margin-left:-15px}.section-buddies img:nth-child(2){height:55px}
 .character-grid{gap:11px}.character-tile{padding:11px 12px;border-radius:20px}.character-tile .character-image{height:133px;margin-bottom:6px}.character-tile h3{font-size:14px;line-height:1.5}.character-tile p{font-size:12px;line-height:1.65;margin-top:5px}.character-index{font-size:9px!important}.collection-more{margin:16px 0 5px}.collection-more .button{font-size:13px;min-height:45px}
 .page-section{padding-top:8px}.page-section>h1{font-size:29px}.page-section>.lead{font-size:13px;margin:8px 0 16px}
 .quiz-wrap{padding-top:0}.quiz-top{gap:6px}.quiz-top .text-link{font-size:11px;min-height:36px}.question-number{font-size:11px}.progress{margin:8px 0 5px;height:6px}.quiz-companion{gap:8px;padding:0 4px;margin:0 0 -3px}.quiz-companion>img{width:69px;height:79px}.companion-bubble{padding:8px 11px;border-radius:14px 14px 14px 2px;max-width:calc(100% - 75px)}.companion-bubble strong{font-size:12px}.companion-bubble p{font-size:11px;line-height:1.6}
 .question-card{padding:21px 17px 17px;border-radius:21px}.question-card legend{font-size:22px;line-height:1.5}.question-card .question-hint{font-size:11px;line-height:1.7;margin:7px 0 13px}.answer-grid{gap:10px;margin-top:12px}.answer-option{min-height:67px;padding:13px 12px;gap:10px}.option-copy{font-size:14px;line-height:1.7}.option-marker{width:26px;height:26px;flex-basis:26px;font-size:11px}.neutral-hint{font-size:11px;margin-top:16px}.neutral-options{gap:8px}.neutral-option{min-height:46px;padding:10px}.neutral-option .option-copy{font-size:11px}.quiz-actions{margin-top:18px;gap:10px}.quiz-actions .button{font-size:13px;min-height:46px}.question-card #save-status{font-size:11px;margin-top:13px}
 .result-hero{margin:4px 0 17px;padding:16px 19px 20px;gap:0;border-radius:26px}.passport{max-width:290px}.passport-brand{font-size:24px;margin-bottom:1px}.passport .card-meta{font-size:8px;margin:2px 0 4px}.passport .character-image{height:205px}.result-orbit{width:190px;max-height:190px;top:57%}.result-spark{font-size:35px}.character-seal{width:50px;height:50px;font-size:9px;bottom:17px}.passport-caption{font-size:9px;padding:3px 8px}.result-copy{padding-top:11px}.result-copy h1{font-size:29px;margin:9px 0;line-height:1.35}.result-copy .result-intro{font-size:14px;line-height:1.8;margin-bottom:11px;max-width:290px}.result-copy .chips{margin-bottom:10px;gap:5px}.chips>span{font-size:10px;padding:3px 7px}.result-hero .result-actions{margin-top:12px;gap:7px}.result-actions .button{font-size:12px}.result-actions .button-line{font-size:14px}.line-share-note{font-size:10px}.public-cta .button{font-size:14px;min-height:48px}
 body[data-page="result"] .traits{grid-template-columns:1fr;gap:17px;padding:19px;margin:20px 0 12px}.traits>h2{font-size:21px;padding-right:55px}.traits-buddy{width:65px;height:71px;right:16px;top:-17px}.trait-labels{font-size:12px}.balance-note{font-size:11px;line-height:1.75}
 body[data-page="result"] .detail-grid{grid-template-columns:1fr;gap:12px;margin:12px 0}.detail-card.buddy-note{padding:18px!important}.note-buddy{width:58px;height:65px}.buddy-note h3{font-size:18px}.buddy-note p{font-size:14px}.detail-grid+.button-row{flex-direction:row;justify-content:center;gap:10px}.detail-grid+.button-row>.button{font-size:12px;min-height:44px}.detail-grid+.button-row>.text-link{font-size:11px}
 .benefit-panel{padding:19px;margin-top:18px;gap:13px}.benefit-panel>div{padding-right:50px}.benefit-buddy{width:74px;height:90px;right:0;top:14px}.benefit-panel h3{font-size:20px}.benefit-panel p{font-size:12px}.benefit-panel .microcopy{font-size:11px}.benefit-page .detail-card{padding:19px}.benefit-welcome{height:100px}.benefit-welcome img{width:95px;height:100px}
 .compare-pair{gap:10px;margin:18px 0}.compare-person{padding:16px 10px;border-radius:21px}.compare-person .character-image{height:136px}.compare-person h2{font-size:17px;line-height:1.45}.compare-person .chips{gap:4px}.compare-person .chips>span{font-size:9px;padding:3px 5px}.friendship-stamp{width:36px;height:36px;font-size:21px;top:35%}.compare-details{gap:10px}.comparison-item{padding:17px;border-radius:16px}.comparison-item h3{font-size:17px}.comparison-item p{font-size:13px}
 .dialog-panel{padding:26px 21px;width:calc(100% - 26px)}.dialog-panel h2{font-size:24px}.dialog-panel p{font-size:14px}.dialog-panel .character-image{max-height:210px}
 #buddy-footer{margin:10px 15px 0;padding-bottom:20px}.footer-buddies{height:67px;margin-top:7px}.footer-buddies img{width:53px;height:57px;margin-inline:-3px}.footer-buddies img:nth-child(3){height:67px;width:63px}#buddy-footer>p{font-size:10px}.footer-links{gap:5px 17px}
}
@media(max-width:360px){.site-header{padding-inline:12px}.brand{font-size:23px}.tripchu-logo-mark{width:34px;height:34px}.tripchu-logo-mark img{width:32px;height:32px}.header-actions{gap:6px}.header-link{font-size:10px}.language-select{font-size:11px;padding-inline:8px}#buddy-main{padding-inline:12px}.hero{padding:18px 14px}.hero-copy h1{font-size:28px}.hero-art{width:calc(100% - 24px);padding-inline:34px}.hero-art>.character-image{height:169px}.hero-art{min-height:190px}.mini-buddy{width:58px;height:63px}.mini-buddy img{width:52px;height:52px}.character-tile .character-image{height:115px}.character-tile h3{font-size:13px}.question-card{padding:18px 14px}.question-card legend{font-size:21px}.companion-bubble p{font-size:10px}.result-copy h1{font-size:26px}.neutral-options{grid-template-columns:1fr 1fr}.neutral-option .option-copy{font-size:11px}.result-hero{padding-inline:16px}.passport .character-image{height:190px}}
@media(prefers-reduced-motion:reduce){.hero-art .character-image,.character-tile,.button{transition:none;animation:none}}
@media print{.tripchu-logo-mark,.footer-buddies,.traits-buddy,.note-buddy,.benefit-buddy{display:none}.result-hero{box-shadow:none}}