.guide-card{padding:0!important;overflow:hidden}.guide-cover,.home-guide-cover,.article-guide-cover{margin:0;background:#fae7e6;overflow:hidden}.guide-cover img,.home-guide-cover img,.article-guide-cover img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.guide-cover figcaption,.home-guide-cover figcaption,.article-guide-cover figcaption{display:block;margin:0;padding:18px 20px;color:#623347;background:linear-gradient(110deg,#fbe5e9,#fff7ed);font-size:clamp(1.05rem,2.1vw,1.3rem);font-weight:800;line-height:1.65;text-align:left;overflow-wrap:anywhere}.guide-card-copy{padding:20px 24px 24px}.guide-card-read{display:block;margin-top:16px;font-weight:800;color:#8f4f60}.article-guide-cover{border-radius:20px;margin:24px 0}.home-guide-cover{border-radius:22px 22px 0 0}.home-guide-card .home-guide-cover img{aspect-ratio:3/2;height:auto}.guide-card:focus-visible{outline:3px solid #9b4d61;outline-offset:4px}@media(max-width:700px){.guide-cover figcaption,.home-guide-cover figcaption{padding:16px 18px}.guide-card-copy{padding:18px}}
.guide-cover figcaption h2,.home-guide-cover figcaption h2,.article-guide-cover figcaption h2{font:inherit;color:inherit;line-height:inherit;margin:0}
.home-footer-logo{width:min(280px,65vw);margin:5px auto 24px}.home-footer-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 20px #0003)}

.home-guide-image-link{display:block;text-decoration:none;color:inherit;border-radius:22px 22px 0 0}.home-guide-image-link:hover figcaption{background:#f8dbe3}.home-guide-image-link:focus-visible{outline:3px solid #9b4d61;outline-offset:4px}

.guide-cover .visually-hidden,.home-guide-cover .visually-hidden,.article-guide-cover .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.guide-cover img,.home-guide-cover img,.article-guide-cover img,.home-guide-card .home-guide-cover img{aspect-ratio:auto;object-fit:contain}

/* Wrap article headings between complete phrases; retain centered alignment. */
.semantic-title{text-align:center;overflow-wrap:normal;word-break:normal}
.semantic-title .title-part{display:inline-block;white-space:nowrap;vertical-align:top;max-width:100%}
@media(max-width:700px){.semantic-title .title-part{font-size:min(1em,calc((100vw - 72px)/var(--title-line-units)))}}

/* Shared floral masthead for the career guide index and articles. */
main .career-title-hero{position:relative;isolation:isolate;overflow:hidden;padding:48px 24px;border-bottom:1px solid #e7c8c7;background-color:#f8e6e0;background-image:linear-gradient(90deg,#fff7f338,#fff9f57d 40%,#fff9f57d 60%,#fff7f338),url('/venue-comparison-banner.webp');background-size:cover;background-position:center;box-shadow:inset 0 -12px 30px #b96b7509}
main .career-title-hero::after{content:"";position:absolute;inset:12px;border:1px solid #ffffffb3;border-radius:20px;pointer-events:none;z-index:-1}
main .career-title-hero .inner{position:relative;text-align:center;max-width:1050px;margin:auto}
main .career-title-hero small{display:block;color:#945d69;font-weight:700;font-size:.78rem;letter-spacing:.16em;text-shadow:0 1px 5px #fff}
main .career-title-hero .crumb-english{margin-top:5px;font-size:.68rem;letter-spacing:.08em;line-height:1.45}
main .career-title-hero .hero-english-title{margin:8px 0 0;color:#79505b;font-size:clamp(.72rem,1.15vw,.92rem);font-weight:650;letter-spacing:.07em;line-height:1.5;text-align:center}
main .job-facts .clothing-breakdown>span{display:block}
main .job-facts .clothing-breakdown>span+span{margin-top:6px}
main .career-title-hero h1{color:#582337;text-align:center;margin:14px 0 0;text-shadow:0 1px 0 #fff,0 3px 12px #fff9}
main .section-title.career-title-hero{border:1px solid #e7c8c7;border-radius:24px;margin:0 0 28px}
main .section-title.career-title-hero p{margin:16px 0 0;color:#735d62}
main .guide-index{padding-top:24px}
main .guide-index>.intro{margin:0 0 22px}
@media(max-width:700px){main .career-title-hero{padding:36px 24px;background-position:center}main .career-title-hero::after{inset:8px;border-radius:14px}main .career-title-hero small{font-size:.67rem;letter-spacing:.12em}}

/* Light shared finish: reuse existing assets and avoid animation or extra requests. */
body{background:linear-gradient(135deg,#fffaf6 0%,#fff4f3 55%,#fbecef 100%)}
header{background:linear-gradient(105deg,#24171e,#36212d);border-bottom:1px solid #bd879c40}
header .site-menu>summary,.comparison-detail{background:linear-gradient(115deg,#f9ddd1,#edc2c5);box-shadow:inset 0 1px 0 #fff8}
header .site-menu-panel,header .jobs-nav-panel{border-color:#e7c8ca;background:#fffaf8;box-shadow:0 12px 28px #321d2524}
main .roles{background:linear-gradient(145deg,#fff3ef,#fcebef)}
main .home-guides{background:linear-gradient(125deg,#fffaf5,#fff1f2)}
main .contact{background:linear-gradient(130deg,#fbe7e3,#f6dee3)}
main .section-title>small{color:#995d70;letter-spacing:.18em}
main .job-page-links>a,main .guide-card,main .home-guide-card,main .faq-item,main .venue-comparison-card,main .recruit-note-inner,main .team-services>article{border-color:#e6cbd0;background:linear-gradient(145deg,#fffdfa,#fff6f5);box-shadow:0 8px 22px #69394a0a}
main .job-page-links>a{border-top:2px solid #d7a4af}
main .guide-card-copy,main .home-guide-copy{background:linear-gradient(160deg,#fffdfa,#fff6f5)}
main .step{border-color:#dfbac3;background:linear-gradient(145deg,#fffdfa,#fff6f5);box-shadow:0 8px 22px #69394a0a}
main .guide .answer{background:linear-gradient(120deg,#fbedee,#fff8f4);border-left-color:#b7758b}
main .job-facts>div,main .venue-comparison-card dl>div{border-color:#ead6d9}
main .job-facts dt,main .venue-comparison-card dt{color:#965b70}
main .button{background:linear-gradient(110deg,#efd0c4,#dfacb8);box-shadow:inset 0 1px 0 #fff8,0 4px 12px #69394a12}
main .button:focus-visible{outline:3px solid #995d70;outline-offset:4px}
footer{background:linear-gradient(120deg,#281a22,#3a2531);border-top:1px solid #c28fa542;color:#efdadc}
footer .social-links{margin-top:16px}
@media(hover:hover){main .job-page-links>a:hover,main .guide-card:hover{border-color:#bc8297}main .comparison-detail:hover,main .button:hover{background:linear-gradient(110deg,#f4d7cc,#e6b8c4)}}

/* Keep newly supplied landscape covers fully visible in the article index. */
.guide-cover[data-cover-format="landscape"]{aspect-ratio:16/9}
.guide-cover[data-cover-format="landscape"] img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain}