/* Roomie 2026-10-13 - corrections for original instructions, Book4 and Book5.
   Added LAST after v8 styles so older !important rules do not undo this work. */
:root { --roomie-update-yellow:#fff34f; --roomie-update-pink:#ff2f78; }

/* COMMON: header purchase and AI buttons, aligned on one row; pink AI on the right. */
@media (min-width: 1151px){
  html body header .h_inner {padding-left:clamp(12px,2vw,36px)!important;padding-right:clamp(10px,1.5vw,24px)!important;gap:16px}
  html body header .h_left{flex:0 0 auto;min-width:0}
  html body header #logo{width:clamp(185px,16vw,310px);max-width:100%}
  html body header .h_right{display:flex;align-items:center;gap:clamp(6px,.9vw,16px);min-width:0;justify-content:flex-end}
  html body header nav{margin:0!important;min-width:0;flex:0 1 auto}
  html body header .nav_list>li>a{margin:4px clamp(5px,.65vw,13px)!important;font-size:clamp(11px,.82vw,14px);white-space:nowrap}
  html body header .nav_list>li>a::before{width:clamp(32px,2.65vw,48px)!important}
  html body header .header-quick-actions{display:flex;gap:7px;flex:0 0 auto;align-items:center}
}
html body header .header-quick-actions{font-family:inherit;position:relative}
html body header .header-quick-actions>a{width:clamp(124px,10vw,182px);min-height:64px;padding:10px 7px 8px 9px;border:2px solid #222;border-radius:12px;box-sizing:border-box;text-decoration:none;display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;line-height:1.15;position:relative;box-shadow:0 3px 0 rgba(0,0,0,.07)}
html body header .header-quick-actions a span:not(.header-quick-actions__bubble){font-weight:700;font-size:9px;line-height:1.2;}
html body header .header-quick-actions a strong{font-weight:900;font-size:clamp(12px,.86vw,15px);line-height:1.2;}
html body header .header-quick-actions__buy{background:var(--roomie-update-yellow);color:#222}
html body header .header-quick-actions__ai{background:var(--roomie-update-pink);color:#fff;padding-left:25px!important;border-color:#222!important;}
html body header .header-quick-actions__ai .header-quick-actions__bubble{position:absolute;left:-11px;top:-12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #222;background:var(--roomie-update-yellow);color:#111;font-size:17px;font-weight:900;line-height:1}
@media (max-width:1150px){html body header .header-quick-actions{display:none!important}}

/* COMMON: clearly larger AI circle and black outline on footer / pink banners. */
html body .site-footer .footer-cta__item--ai{border:2px solid #222!important;overflow:visible!important;}
html body .site-footer .footer-cta__item--ai::before{content:'AI'!important;width:50px!important;height:50px!important;left:8px!important;top:6px!important;transform:translateY(-25%)!important;border:1px solid #222!important;font-size:18px!important;}
html body .site-footer .footer-cta__item--ai::after{filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff)}
/* Swap both footer banners, leaving telephone and consultation buttons in place. */
html body .site-footer .footer-cta__item--buy{order:1!important;}
html body .site-footer .footer-cta__item--ai{order:2!important;}
html body .site-footer .footer-cta__tel{order:3!important;}
html body .site-footer .footer-cta__contact{order:4!important;}
html body .site-footer .footer-brand{text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
/* Common outline on mascot images; shadows preserve transparent pixels and do not alter source art. */
html body.under main .roomie-voice-note .ic_pick2 img,
html body.under main .roomie-speech__character img,
html body.under main .roomie-supervisor-voice .ic_pick2 img{
 filter: drop-shadow(2px 0 #fff) drop-shadow(-2px 0 #fff) drop-shadow(0 2px #fff) drop-shadow(0 -2px #fff);
}
/* Common navigator panel: increase usable vertical space by 50%, center headings. */
html body.under main .bg_under .box_under2 .item{min-height:330px;}
html body.under main .bg_under .u_box_tt2{text-align:center!important;}
html body.under main .bg_under .u-tt-name{font-size:calc(1em + 3px)!important;font-weight:900!important;color:var(--scolor,#ff2f78)!important;}
html body.under main .roomie-supervision-note h3{text-align:center!important;}
/* Allow full-width speech bubbles. Previous style used fit-content, producing short bubbles. */
html body.under main .roomie-voice-note{display:flex!important;width:100%!important;max-width:100%!important;align-items:center!important;gap:12px!important;box-sizing:border-box!important;}
html body.under main .roomie-voice-note .ic_pick2{flex:0 0 110px!important;width:110px!important;margin-right:0!important;}
html body.under main .roomie-voice-note .txt_pick2{flex:1 1 0!important;min-width:0!important;max-width:none!important;width:auto!important;box-sizing:border-box!important;}
/* COMMON: one surrounding round frame, instead of a frame around every valuation item. */
html body.under main .roomie-add--soft .roomie-chip-list,
html body#trouble .roomie-chip-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px 28px!important;border:2px solid #222!important;border-radius:24px!important;padding:20px 28px!important;background:#fff!important;max-width:100%!important;list-style:none!important;margin:18px 0 28px!important;}
html body.under main .roomie-add--soft .roomie-chip-list li,
html body#trouble .roomie-chip-list li{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:5px 0 5px 20px!important;position:relative;font-weight:700;}
html body.under main .roomie-add--soft .roomie-chip-list li::before,
html body#trouble .roomie-chip-list li::before{display:block!important;content:'•'!important;position:absolute!important;left:2px;top:3px;color:var(--roomie-update-pink);font-size:1.25em;width:auto;height:auto;background:transparent!important;}

/* BOOK4: Trouble: large illustration, fully visible, no card border/cropping. */
html body#trouble .roomie-defect-grid .roomie-card__img{object-fit:contain!important;aspect-ratio:4/3!important;height:auto!important;border-radius:0!important;max-height:330px!important;}
html body#trouble .roomie-defect-grid .roomie-card h3{font-size:clamp(20px,1.45vw,27px)!important;font-weight:900!important;}
html body#trouble #trouble_add_points .roomie-image-slot{margin:22px 0 34px!important;text-align:center!important;}
html body#trouble #trouble_add_points .roomie-image-slot__inner{background:none!important;border:0!important;box-shadow:none!important;aspect-ratio:auto!important;min-height:0!important;border-radius:0!important;}
html body#trouble #trouble_add_points .roomie-image-slot__inner img{display:block!important;width:min(100%,920px)!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0 auto!important;}
html body#trouble #trouble_add_intro .roomie-add__lead{text-align:center!important;}
html body#trouble #trouble_add_intro h2{text-align:center!important;}
html body#trouble .roomie-defect-grid{row-gap:22px!important;}
html body#trouble .roomie-defect-grid .roomie-card h3::before{left:0!important;}
html body#trouble .roomie-step-cards{margin:14px 0 16px!important;}
html body#trouble .roomie-step-cards .roomie-step-card{min-height:0!important;}
html body#trouble .roomie-risk-item h3{padding-left:0!important;}
html body#trouble .roomie-risk-item h3::before{display:none!important;content:none!important;}

/* BOOK5: Share: align introduction subtitle and enlarge the specified small fonts. */
html body#share #share_add_basics>h2{text-align:center!important;font-size:clamp(19px,2vw,29px)!important;line-height:1.5!important;}
html body#share #share_add_basics .roomie-mini-grid strong{font-size:calc(1em + 3px)!important;}
html body#share #share_add_basics .roomie-mini-grid span{font-size:calc(1em + 3px)!important;}
/* Remove individual boxes and tighten the three concern descriptions. */
html body#share .roomie-media-row{padding:8px 0 16px!important;margin-bottom:15px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;column-gap:24px!important;}
html body#share .roomie-media-row>h3{margin:0!important;}
html body#share .roomie-media-row__body p{margin:0!important;}
html body#share .share-book8-scheme{margin-bottom:26px!important;}
/* Scheme layout: illustration LEFT, heading + body vertically centered RIGHT. */
@media (min-width:769px){
 html body#share .share-book8-scheme{display:grid!important;grid-template-columns:minmax(220px,32%) minmax(0,1fr)!important;grid-template-areas:'visual heading' 'visual content'!important;column-gap:28px!important;align-content:center!important;align-items:center!important;}
 html body#share .share-book8-scheme>h3{grid-area:heading!important;align-self:end!important;min-width:0;margin:0 0 14px!important;}
 html body#share .share-book8-scheme__media{display:contents!important;}
 html body#share .share-book8-scheme__image{grid-area:visual!important;align-self:center!important;}
 html body#share .share-book8-scheme__image img{max-width:320px!important;}
 html body#share .share-book8-scheme__text{grid-area:content!important;align-self:start!important;}
}

@media (max-width:768px){
 html body.under main .bg_under .box_under2 .item{min-height:0!important;}
 html body.under main .roomie-voice-note{align-items:flex-end!important;gap:7px!important;}
 html body.under main .roomie-voice-note .ic_pick2{flex:0 0 58px!important;width:58px!important;margin-right:0!important;}
 html body.under main .roomie-voice-note .txt_pick2{flex:1 1 0!important;padding:14px!important;}
 html body.under main .roomie-add--soft .roomie-chip-list,
 html body#trouble .roomie-chip-list{grid-template-columns:1fr!important;padding:14px 17px!important;gap:3px!important;}
 html body#trouble .roomie-defect-grid .roomie-card__img{max-height:none!important;}
 html body#share .share-book8-scheme{display:block!important;}
 html body#share .share-book8-scheme__media{display:grid!important;grid-template-columns:1fr!important;}
 html body#share .share-book8-scheme__image{order:-1!important;}
 html body#share .share-book8-scheme__image img{max-width:min(100%,300px)!important;}
}

/* HEADER: legacy header contact conflicts with the new two-button layout. */
@media(min-width:1151px){html body header .h_right>.h_contact.pc{display:none!important}}

/* TOP: corrections specified on the annotated screenshot. */
@media(min-width:769px){
 html body#index .mv .box_mv{display:flex!important;flex-direction:row!important;}
 html body#index .mv .box_mv .item1{order:2!important}
 html body#index .mv .box_mv .item2{order:1!important}
 html body#index .mv .info_mv_txt{transform:translateY(10px)}
}
/* TOP: the pink quick-assessment button needs a visible black border and a larger yellow AI circle. */
html body#index .mv-primary-action--ai{border:2px solid #222!important;overflow:visible!important;}
html body#index .mv-primary-action--ai::after{
 content:'AI'!important;position:absolute!important;left:7px!important;top:9px!important;
 transform:none!important;width:50px!important;height:50px!important;border:1px solid #222!important;
 border-radius:50%!important;display:grid!important;place-items:center!important;
 background:var(--roomie-update-yellow)!important;color:#222!important;
 font-size:19px!important;line-height:1!important;font-weight:900!important;
}
html body#index .mv-primary-action--ai::before{filter:drop-shadow(2px 0 #fff) drop-shadow(-2px 0 #fff) drop-shadow(0 2px #fff) drop-shadow(0 -2px #fff)}

/* TOP: the yellow badge and speech highlight are animated independently. */
@keyframes roomie-blink-261013{0%,100%{opacity:1}50%{opacity:.24}}
@keyframes roomie-pop-261013{0%{opacity:0;transform:translateY(18px) scale(.92)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes roomie-float-261013{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
html body#index .sec01 .tt-sec01 .txt,
html body#index .sec03 .item1 .tt_popup.tt2{animation:roomie-blink-261013 1.6s ease-in-out infinite;}
html body#index .sec01 .tt-sec01,
html body#index .sec03 .item1 .tt_popup.tt1{animation:roomie-pop-261013 .7s ease-out both;}
html body#index .sec03 .item2 .tt_popup,
html body#index .sec03 .item3 .tt_popup{animation:roomie-float-261013 3.5s ease-in-out infinite;}
html body#index .sec03 .item3 .tt_popup.tt2{animation-delay:.8s;}
/* Unavailable LINE account: hide the unlinked CTA block that the annotated sheet marked for hiding. */
html body#index section.cta_top{display:none!important;}
/* TOP: both footer banners ordered as instructed for all pages. */
@media(max-width:768px){
 html body#index .mv .info_mv_txt{transform:none}
 html body#index .mv .box_mv{display:block}
}
@media(prefers-reduced-motion:reduce){
 html body#index .sec01 .tt-sec01 .txt,
 html body#index .sec01 .tt-sec01,
 html body#index .sec03 .tt_popup{animation:none!important;}
}

/* BOOK4: remove the excessive gap between yellow header strokes and text. */
html body#trouble .roomie-defect-grid .roomie-card h3{padding-left:15px!important;}
/* BOOK4: enlarge the four flow-number icons; separate from the static headings. */
html body#trouble .roomie-illustrated-steps .step_num{font-size:200%!important;}
/* BOOK4: upper card captions use same pink as the running accents. */
html body#trouble #trouble_add_intro .roomie-add-card h3{font-size:calc(1em + 3px)!important;font-weight:900!important;}
/* BOOK5: keep the long introductory title on a single line where there is room. */
@media(min-width:1200px){html body#share #share_add_basics>h2{white-space:nowrap!important;font-size:clamp(19px,1.7vw,25px)!important;}}
/* Keep the third scheme's character voice below both grid columns. */
@media(min-width:769px){html body#share .share-book8-scheme>.roomie-voice-note{grid-column:1/-1!important;}}
/* TOP two primary CTA buttons: yellow on the left, pink on the right. */
html body#index .mv-primary-actions__inner .mv-primary-action--buy{order:1!important}
html body#index .mv-primary-actions__inner .mv-primary-action--ai{order:2!important}
/* BOOK5 remove excess empty bottom area in the two comparison cards. */
html body#share #share_ttl_05 .box_under .frame01,
html body#share #share_ttl_05 .box_under .frame02{min-height:0!important;height:auto!important;padding-bottom:18px!important;}
html body#share #share_ttl_05 .box_under .box_left,
html body#share #share_ttl_05 .box_under .box_right{align-self:start!important;}

/* ================ ROOMIE V2 CHECKLIST / 2026-10-13 ================
   This block supersedes the previous revision only for the exact v2 feedback.
   Source: 261013_roomiev2.xlsx TOP, trouble.html and share.html sheets. */

/* TOP 01 + COMMON: remove the redundant floating vertical sidebar; use the
   already-inserted purchase + AI header actions, yellow first/pink second. */
html body .utility-side-nav{display:none!important;}
@media(min-width:1151px){
 html body header .header-quick-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;}
 html body header .header-quick-actions__buy{order:1!important}
 html body header .header-quick-actions__ai{order:2!important}
}
/* TOP 02 + COMMON: AI circle approximately 2x the original desktop badge.
   Keep badge outside the button without clipping; don't scale the entire CTA. */
html body header .header-quick-actions__ai .header-quick-actions__bubble{
 width:68px!important;height:68px!important;left:-20px!important;top:-25px!important;
 font-size:26px!important;z-index:2!important;box-sizing:border-box!important;
 box-shadow:0 2px 0 rgba(0,0,0,.1)!important;
}
html body header .header-quick-actions__ai{overflow:visible!important;padding-left:36px!important;}
/* Pink footer CTA badge is kept clear of other buttons. */
html body .site-footer .footer-cta__item--ai{overflow:visible!important;}
html body .site-footer .footer-cta__item--ai::before{width:72px!important;height:72px!important;font-size:24px!important;left:-12px!important;top:-15px!important;transform:none!important;z-index:2!important;}

/* TOP 03/04: restore the intended hero treatment without reversing the rest
   of the site's original section design. Balance top/bottom space on desktop. */
@media(min-width:1151px){
 html body#index .mv .mv_brand_logo,
 html body#index .mv .txt_mv1,
 html body#index .mv .mv_txt{position:relative;top:23px;}
}
/* TOP 05-09: unambiguous animation targets, no simultaneous blink and float. */
@keyframes roomie-v2-soft-blink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes roomie-v2-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
html body#index .sec01 .tt-sec01 .txt{animation:roomie-v2-soft-blink 3.5s ease-in-out infinite!important;}
/* Remove blinking from the speech bubble itself and blink decorative sparkles. */
html body#index .sec01 .tt-sec01{animation:none!important;}
html body#index .sec01 .tt-sec01::before,
html body#index .sec01 .tt-sec01::after{animation:roomie-v2-soft-blink 3.5s ease-in-out infinite!important;}
html body#index .sec02 .tt2 .bg_txt_ic{animation:roomie-v2-soft-blink 3.5s ease-in-out infinite!important;}
html body#index .sec03 .item1 .tt_popup.tt2{animation:roomie-v2-float 3.7s ease-in-out infinite!important;}
html body#index .sec03 .item2 .tt_popup,
html body#index .sec03 .item3 .tt_popup{animation:roomie-v2-float 3.7s ease-in-out infinite!important;}
html body#index .sec03 .item3 .tt_popup.tt2{animation-delay:.85s!important;}
/* TOP 10: match the mascot's white edge on the form illustration and footer. */
html body#index .sec05 .ic_pick2 img,
html body#index .sec05 .ic_form img,
html body#index .site-footer .footer-cta__item--ai img,
html body .site-footer .footer-cta__item--ai img{
 filter:drop-shadow(2px 0 #fff) drop-shadow(-2px 0 #fff) drop-shadow(0 2px #fff) drop-shadow(0 -2px #fff)!important;
}

/* TROUBLE 01: correct *actual DOM H1* and its breadcrumb, done in HTML. */
/* TROUBLE 02-03 + SAME ALL LOWER PAGES: navigator/operating-company body 18px. */
html body.under main .bg_under .box_under2>.item>p:not(.u-tt-name){font-size:18px!important;line-height:1.8!important;}
/* TROUBLE 04: long intro heading uses available text space. */
@media(min-width:1151px){
 html body#trouble #trouble_add_intro>h2{max-width:none!important;width:100%!important;white-space:nowrap!important;font-size:clamp(23px,1.8vw,28px)!important;}
 html body#trouble #trouble_add_intro .roomie-add__lead{max-width:none!important;width:100%!important;}
}
/* TROUBLE 05-08: all four mini issue-card descriptions 18px. */
html body#trouble #trouble_add_intro .roomie-add-grid--terms .roomie-add-card p{font-size:18px!important;line-height:1.65!important;}
/* TROUBLE 09: double the four issue icons, not the card container. */
@media(min-width:769px){
 html body#trouble #trouble_add_intro .roomie-term-card__img{width:240px!important;height:210px!important;max-width:100%!important;object-fit:contain!important;}
}
/* TROUBLE 10-11: remove yellow vertical bars in all four defect headings. */
html body#trouble .roomie-defect-grid .roomie-card h3{padding-left:0!important;border-left:none!important;}
html body#trouble .roomie-defect-grid .roomie-card h3::before,
html body#trouble .roomie-defect-grid .roomie-card h3::after{content:none!important;display:none!important;}
/* TROUBLE 12: old requested illustration restored (already included in 02-05.png)
   and all four visible with no image crop or unsupported background. */
html body#trouble .roomie-defect-grid .roomie-card__img{width:100%!important;object-fit:contain!important;object-position:center!important;max-height:none!important;}
/* TROUBLE 13: provided property photograph: rounded corners, no distortion. */
html body#trouble #trouble_add_points .roomie-image-slot__inner img{border-radius:18px!important;object-fit:cover!important;max-width:min(100%,920px)!important;}
/* TROUBLE 14: remove gap from yellow stroke to heading text in cards. */
html body#trouble #trouble_add_points .roomie-step-card h3{padding-left:0!important;margin-left:0!important;}
html body#trouble #trouble_add_points .roomie-step-card h3::before{display:none!important;content:none!important;}
/* TROUBLE 15 + SHARE 04: four values across on wide screens, ordered L->R;
   tablet 2, mobile 1 column to prevent clipped text. */
@media(min-width:1000px){
 html body#trouble #trouble_add_valuation .roomie-chip-list,
 html body#share #share_add_valuation .roomie-chip-list{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px 13px!important;}
}
@media(min-width:769px) and (max-width:999px){
 html body#trouble #trouble_add_valuation .roomie-chip-list,
 html body#share #share_add_valuation .roomie-chip-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
/* TROUBLE 16 + SHARE 01,02,03,06,07: speech width tracks text, not 100% of page. */
html body#trouble main .roomie-voice-note,
html body#share main .roomie-voice-note{width:fit-content!important;max-width:100%!important;display:flex!important;align-items:center!important;}
html body#trouble main .roomie-voice-note .txt_pick2,
html body#share main .roomie-voice-note .txt_pick2{width:fit-content!important;max-width:min(100%,84ch)!important;flex:0 1 auto!important;min-width:0!important;}
/* TROUBLE 17: lower steps icons ~2x enlarged while keeping 4 columns. */
@media(min-width:1000px){
 html body#trouble .roomie-illustrated-steps .roomie-step-img{width:100%!important;max-width:230px!important;height:150px!important;object-fit:contain!important;}
}
/* TROUBLE 18: halve excessive space above four-step icons, without hiding text. */
html body#trouble .roomie-illustrated-steps{margin-top:32px!important;}
html body#trouble .roomie-illustrated-steps .step_name{min-height:42px!important;margin-bottom:8px!important;}
html body#trouble .roomie-illustrated-steps .step_desc{margin-top:5px!important;}
/* SHARE 05: remove the redundant standalone statement indicated below comparison. */
html body#share #share_ttl_05 .box_left .frame01 h3::before,
html body#share #share_ttl_05 .box_left .frame01 h3::after{content:none!important;display:none!important;}
@media(max-width:768px){
 html body header .header-quick-actions__ai .header-quick-actions__bubble{width:34px!important;height:34px!important;font-size:16px!important;top:-12px!important;left:-9px!important;}
 html body#trouble main .roomie-voice-note .txt_pick2,
 html body#share main .roomie-voice-note .txt_pick2{max-width:calc(100% - 66px)!important;padding:12px!important;}
 html body#trouble #trouble_add_intro .roomie-add-grid--terms .roomie-add-card p{font-size:16px!important;}
 html body.under main .bg_under .box_under2>.item>p:not(.u-tt-name){font-size:16px!important;}
 html body#trouble #trouble_add_intro .roomie-term-card__img{max-width:100%!important;object-fit:contain!important;}
}
@media(prefers-reduced-motion:reduce){
 html body#index .sec01 .tt-sec01 .txt,
 html body#index .sec01 .tt-sec01::before,
 html body#index .sec01 .tt-sec01::after,
 html body#index .sec02 .tt2 .bg_txt_ic,
 html body#index .sec03 .tt_popup{animation:none!important;}
}
/* ================ END ROOMIE V2 CHECKLIST ================ */

/* ROOMIE V2: the supplementary house photograph belongs below the 4 risks.
   Original mascot illustration is restored in the four-point process section. */
html body#trouble .roomie-v2-risk-photo{display:block;text-align:center;margin:30px auto 42px;width:min(100%,920px);}
html body#trouble .roomie-v2-risk-photo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:18px;}
html body#trouble #trouble_add_points .roomie-image-slot__inner img{object-fit:contain!important;border-radius:0!important;max-height:none!important;}
/* The contact form mascot is CSS-generated, not a plain img tag. */
html body#index .box_contact .box_conatct_info .tt::before{filter:drop-shadow(2px 0 #fff) drop-shadow(-2px 0 #fff) drop-shadow(0 2px #fff) drop-shadow(0 -2px #fff)!important;}
/* Restore native card style: no new designs are applied to original TOP section one. */
@media(max-width:768px){html body#trouble .roomie-v2-risk-photo{margin:18px auto 28px;}}

/* v2 finishing: keep the full mascot image static, and blink only a
   separate, decorative sparkle (the original CSS pseudo contains the mascot). */
html body#index .sec01 .tt-sec01::before,
html body#index .sec01 .tt-sec01::after{animation:none!important;}
html body#index .sec01 .tt-sec01 .roomie-v2-sparkles{
 position:absolute;left:-14px;top:-35px;z-index:2;pointer-events:none;
 color:#ffbb29;font-size:26px;line-height:1;display:block;
 text-shadow:1px 0 #fff,0 1px #fff,-1px 0 #fff,0 -1px #fff;
 animation:roomie-v2-soft-blink 3.5s ease-in-out infinite!important;
}
/* The four yellow bars by the process headings should remain; only the gap
   between the bars and heading text was marked for reduction. */
html body#trouble #trouble_add_points .roomie-step-card h3{padding-left:13px!important;margin-left:0!important;}
html body#trouble #trouble_add_points .roomie-step-card h3::before{display:block!important;content:''!important;left:0!important;}
@media(prefers-reduced-motion:reduce){html body#index .sec01 .tt-sec01 .roomie-v2-sparkles{animation:none!important;}}


/* ================================================================
 Roomie / 2026-10-13 v3 instruction + v4 retest, final precedence.
 v3: header, road, land and fixed banner / v4: TOP, all and trouble.
 Do not edit previously approved unrelated blocks.
 ================================================================ */

/* V3 HEADER: clicking either parent of a dropdown must not navigate;
   links inside the dropdown remain regular links. */
html body header .nav_list>li.nav_has_dropdown>a.roomie-dropdown-trigger{cursor:pointer;}
html body header .nav_list>li.nav_has_dropdown:focus-within>.nav_dropdown{opacity:1;visibility:visible;pointer-events:auto;display:block;}
html body header .nav_list>li.nav_has_dropdown:focus-within{z-index:110;}

/* V3 ROAD/LAND: navigator panel reference size from trouble, without overflow. */
@media(min-width:769px){
 html body#road main .bg_under .box_under2>.item,
 html body#land main .bg_under .box_under2>.item{min-height:0!important;height:auto!important;padding:18px 20px!important;}
 html body#road main .bg_under .box_under2,
 html body#land main .bg_under .box_under2{align-items:stretch!important;}
}
html body#road .roomie-supervision-note p,
html body#land .roomie-supervision-note p,
html body.under .roomie-supervision-note p{text-align:center!important;}

/* V3 ROAD: three large risk descriptions condensed by reducing excess
   whitespace and image size; do not clip body text. */
html body#road .roomie-media-row{min-height:0!important;height:auto!important;margin:0 0 17px!important;padding:12px 18px!important;gap:12px 18px!important;align-items:center!important;}
html body#road .roomie-media-row .roomie-media-row__img{max-height:172px!important;max-width:230px!important;width:100%!important;object-fit:contain!important;}
html body#road .roomie-media-row h3{font-size:18px!important;line-height:1.45!important;margin:0!important;}
html body#road .roomie-media-row__body p{font-size:18px!important;line-height:1.6!important;margin:0!important;}
html body#road #road_ttl_02>p,
html body#road #road_ttl_03>p{font-size:18px!important;line-height:1.65!important;}
html body#road .roomie-road-details .roomie-road-detail p:not(.roomie-detail-title){font-size:18px!important;}
html body#road .roomie-road-detail__img{width:min(100%,400px)!important;height:auto!important;object-fit:contain!important;}

/* V3 LAND: five over-tall risk rows. Compact white space instead of
   forcing height:50% (which would hide text). */
html body#land section.land-risk-row{margin-top:0!important;margin-bottom:12px!important;padding-top:6px!important;padding-bottom:8px!important;}
html body#land .land-media-pair--book7-right{min-height:0!important;height:auto!important;gap:16px!important;margin:6px 0 14px!important;align-items:center!important;}
html body#land .land-media-pair--book7-right .image_r{margin:0!important;}
html body#land .land-media-pair--book7-right .image_r img{max-width:260px!important;height:auto!important;object-fit:contain!important;}
html body#land .land-media-pair--book7-right>p:not(.image_r){margin:0!important;line-height:1.65!important;}
html body#land #land_add_worries h2,
html body#land #land_add_worries .roomie-add__lead{max-width:100%!important;width:100%!important;}
html body#land #land_add_worries .roomie-worry-list{gap:8px!important;}
html body#land #land_add_worries .roomie-worry-list p{padding-top:10px!important;padding-bottom:10px!important;}

/* V3 LAND: four client-requested scheme icons belong below each matching
   heading, NOT in a separate row above the four CHECK cards. */
html body#land .land-scheme-grid .land-scheme-section .roomie-land-scheme-icon{
 grid-area:image!important;align-self:center!important;justify-self:center!important;
 display:block!important;width:min(100%,220px)!important;margin:0 auto!important;text-align:center!important;
}
html body#land .land-scheme-grid .land-scheme-section .roomie-land-scheme-icon img{
 width:100%!important;height:auto!important;max-height:210px!important;object-fit:contain!important;
}
/* Keep the existing larger scheme image from crowding a relocated icon;
   show it below explanatory text only at smaller viewports. */
@media(min-width:769px){
 html body#land .land-scheme-grid .land-scheme-section{
  grid-template-columns:minmax(160px,240px) minmax(0,1fr)!important;
  grid-template-areas:'title title' 'icon body'!important;gap:12px 22px!important;
 }
 html body#land .land-scheme-grid .land-scheme-section>.roomie-land-scheme-icon{grid-area:icon!important;}
 html body#land .land-scheme-grid .land-scheme-section>.land-scheme-image{display:none!important;}
}
html body#land .land-scheme-grid .land-scheme-section h3{padding-left:0!important;border-left:0!important;}
html body#land .land-scheme-grid .land-scheme-section h3:before,
html body#land .land-scheme-grid .land-scheme-section h3:after{content:none!important;display:none!important;}
@media(max-width:768px){
 html body#land .land-scheme-grid .land-scheme-section>.roomie-land-scheme-icon{order:1!important;margin:8px auto 12px!important;}
 html body#land .land-scheme-grid .land-scheme-section>.land-scheme-image{display:none!important;}
 html body#land .land-scheme-grid .land-scheme-section>.land-scheme-body{order:2!important;}
}
/* LAND: single surrounding frame, bullet-point columns, no per-item capsules. */
html body#land #land_add_valuation .roomie-chip-list{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:8px 17px!important;margin:14px 0 28px!important;padding:18px 22px!important;
 list-style:none!important;border:2px solid #333!important;border-radius:21px!important;background:#fff!important;
}
html body#land #land_add_valuation .roomie-chip-list li{
 border:none!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;
 padding:7px 2px 7px 20px!important;margin:0!important;position:relative!important;
}
html body#land #land_add_valuation .roomie-chip-list li::before{
 display:block!important;content:'•'!important;background:none!important;color:#ed2b78!important;
 position:absolute!important;left:2px!important;top:6px!important;font-size:21px!important;width:auto!important;height:auto!important;
}
@media(min-width:769px) and (max-width:1100px){html body#land #land_add_valuation .roomie-chip-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:768px){html body#land #land_add_valuation .roomie-chip-list{grid-template-columns:1fr!important;padding:13px 16px!important;}}
/* V3: speech bubbles shrink to their actual text on road/land, keeping mascot. */
html body#road main .roomie-voice-note:not(.roomie-supervisor-voice),
html body#land main .frame_pick2:not(.roomie-supervisor-voice){display:flex!important;width:fit-content!important;max-width:100%!important;align-items:center!important;}
html body#road main .roomie-voice-note:not(.roomie-supervisor-voice) .txt_pick2,
html body#land main .frame_pick2:not(.roomie-supervisor-voice) .txt_pick2{
 flex:0 1 auto!important;width:fit-content!important;max-width:min(100%,69ch)!important;
}
/* V3 / lower pages: flow illustration sizing (roughly double earlier thumbnails) */
@media(min-width:1000px){
 html body.under main .roomie-illustrated-steps .roomie-step-img{
 width:min(100%,230px)!important;max-width:230px!important;height:auto!important;max-height:200px!important;object-fit:contain!important;
 }
}
/* V3 fixed consultation banner: enlarge the two captions by 3px (all pages). */
html body .scroll_fixed .txt_fixed .tt2{font-size:27px!important;}
html body .scroll_fixed .txt_fixed .tt3{font-size:21px!important;}
@media(max-width:768px){
 html body .scroll_fixed .txt_fixed .tt2{font-size:clamp(16px,3.5vw,27px)!important;}
 html body .scroll_fixed .txt_fixed .tt3{font-size:clamp(14px,3vw,21px)!important;}
}

/* V4 ALL: pink navigator/company labels 3px larger than the already
   18px text; center the specialist-partnership explanation site-wide. */
html body.under main .bg_under .box_under2 .item>.u-tt-name{font-size:21px!important;line-height:1.4!important;}
html body.under main .bg_under .roomie-supervision-note p{text-align:center!important;}

/* V4 TROUBLE: four overview descriptions +3px and centered. */
html body#trouble #trouble_add_intro .roomie-add-grid--terms .roomie-add-card p{
 font-size:21px!important;text-align:center!important;line-height:1.55!important;margin:8px 0 0!important;
}
html body#trouble #trouble_add_intro .roomie-add-grid--terms .roomie-add-card{
 min-height:0!important;height:auto!important;padding:13px 12px 14px!important;display:flex!important;
 flex-direction:column!important;justify-content:flex-start!important;gap:4px!important;
}
html body#trouble #trouble_add_intro .roomie-add-grid--terms .roomie-add-card h3{
 min-height:0!important;text-align:center!important;margin:3px 0 8px!important;
}
html body#trouble #trouble_add_intro .roomie-add-grid--terms .roomie-term-card__img{
 max-height:135px!important;height:auto!important;width:auto!important;max-width:92%!important;object-fit:contain!important;
 margin:0 auto!important;
}
/* The extra 4-point speech box was too narrow; widen it without fixed-height crop. */
html body#trouble #trouble_add_intro .roomie-book4-voice{width:100%!important;max-width:100%!important;}
html body#trouble #trouble_add_intro .roomie-book4-voice .txt_pick2{
 width:auto!important;max-width:none!important;flex:1 1 auto!important;
}
html body#trouble #trouble_add_valuation .roomie-voice-note{width:min(100%,1040px)!important;max-width:100%!important;}
html body#trouble #trouble_add_valuation .roomie-voice-note .txt_pick2{
 max-width:none!important;width:auto!important;flex:1 1 auto!important;
}
/* v4: risk and process bars specifically marked for removal; keep section underline. */
html body#trouble .roomie-risk-item h3::before,
html body#trouble .roomie-risk-item h3::after{display:none!important;content:none!important;}
html body#trouble .roomie-step-cards .roomie-step-card h3{padding-left:0!important;}
html body#trouble .roomie-step-cards .roomie-step-card h3::before,
html body#trouble .roomie-step-cards .roomie-step-card h3::after{display:none!important;content:none!important;}
/* v4: enlarge the existing four illustrations, in all equivalent lower-page flows. */
html body.under main .roomie-illustrated-steps .roomie-step-img{
 max-width:240px!important;width:100%!important;height:auto!important;object-fit:contain!important;
}
/* V4: property photograph in requested area below the four risk paragraphs;
   maintain its own clean image block before the four-point flow. */
html body#trouble .roomie-v2-risk-photo{margin:18px auto 28px!important;max-width:900px!important;}
html body#trouble .roomie-v2-risk-photo img{max-width:100%!important;object-fit:contain!important;}

/* V4 TOP: swap specified hero columns, not the entire landing page. */
@media(min-width:769px){
 html body#index .mv .box_mv .item1{order:2!important;}
 html body#index .mv .box_mv .item2{order:1!important;}
}
/* V4 TOP: revert oversized yellow circles to the annotated green target. */
html body .site-footer .footer-cta__item--ai::before{
 width:36px!important;height:36px!important;left:4px!important;top:0!important;
 transform:translateY(-20%)!important;font-size:15px!important;border-radius:50%!important;
}
html body header .header-quick-actions__ai .header-quick-actions__bubble{
 width:36px!important;height:36px!important;left:-9px!important;top:-13px!important;font-size:16px!important;
}
/* V4 TOP: distinctly visible white character rim without a rectangular box;
   target the pseudo-element's PNG, not the AI label. */
html body .site-footer .footer-cta__item--ai::after,
html body .mv-primary-action--ai::before{
 filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff)
        drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff)
        drop-shadow(2px 2px 0 #fff) drop-shadow(-2px -2px 0 #fff)!important;
}
/* V4 TOP: blink only named text/emblem elements, not the whole mascot bubble. */
@keyframes roomie-v4-blink{from{opacity:1;}to{opacity:.25;}}
html body#index .sec01 .tt-sec01 .txt{animation:none!important;opacity:1!important;}
html body#index .sec01 .tt-sec01 .roomie-v2-sparkles,
html body#index .sec02 .tt2 .bg_txt_ic,
html body#index .sec03 .item1 .tt_popup.tt2 .txt{
 animation:roomie-v4-blink 1s ease-in-out infinite alternate!important;
}
/* The speech bubble itself moves smoothly up and down rather than blinking. */
html body#index .sec03 .item1 .tt_popup.tt2{animation:roomie-v2-float 3.7s ease-in-out infinite!important;}
html body#index .sec03 .item1 .tt_popup.tt2 .txt{animation:roomie-v4-blink 1s ease-in-out infinite alternate!important;}
@media(max-width:768px){
 html body#trouble #trouble_add_intro .roomie-add-grid--terms .roomie-add-card p{font-size:18px!important;}
 html body#trouble #trouble_add_intro .roomie-add-grid--terms .roomie-term-card__img{max-height:140px!important;}
 html body.under main .bg_under .box_under2 .item>.u-tt-name{font-size:19px!important;}
 html body#land .land-media-pair--book7-right .image_r img{max-width:min(100%,300px)!important;}
 html body#road .roomie-media-row .roomie-media-row__img{max-width:min(100%,280px)!important;}
}
@media(prefers-reduced-motion:reduce){
 html body#index .sec01 .tt-sec01 .roomie-v2-sparkles,
 html body#index .sec02 .tt2 .bg_txt_ic,
 html body#index .sec03 .item1 .tt_popup.tt2,
 html body#index .sec03 .item1 .tt_popup.tt2 .txt{animation:none!important;}
}

/* v4: explicit white contour on standard mascot <img> (not only pseudo-images). */
html body.under main .roomie-voice-note .ic_pick2 img,
html body.under main .roomie-supervisor-voice .ic_pick2 img,
html body#index .sec05 .ic_pick2 img,
html body#index .sec05 .ic_form img{
 filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff)
 drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff)
 drop-shadow(2px 2px 0 #fff) drop-shadow(-2px -2px 0 #fff)!important;
}