/* Retained legacy layouts, scoped to subpage content only. */
.friendly-legacy-content {--ink: #102d38; --navy: #062b3b; --teal: #007d7a; --aqua: #0ea5a2; --cream: #f7f5ef; --line: #dce5e4; --orange: #ec6c27; --white: #fff; --muted: #5a6a70; --shadow: 0 18px 50px rgba(7,45,56,.12);}
.friendly-legacy-content * {box-sizing: border-box;}
.friendly-legacy-content {scroll-behavior: smooth;}
.friendly-legacy-content {margin: 0px; color: var(--ink); background: var(--cream); font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif; line-height: 1.8;}
.friendly-legacy-content a {color: inherit; text-decoration: none;}
.friendly-legacy-content img {max-width: 100%; height: auto;}
.friendly-legacy-content .screen-reader-text {height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; position: absolute !important;}
.friendly-legacy-content .container {width: min(1120px, 100% - 40px); margin-inline: auto;}
.friendly-legacy-content .site-header {position: absolute; z-index: 10; inset: 0px 0px auto; color: rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, 0.25);}
.friendly-legacy-content .header-inner {min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 24px;}
.friendly-legacy-content .brand {display: flex; align-items: center; gap: 11px; font-weight: 800; letter-spacing: 0.04em;}
.friendly-legacy-content .brand-mark {display: block; flex: 0 0 40px; width: 40px; height: 40px;}
.friendly-legacy-content .brand-mark svg {display: block; width: 100%; height: 100%;}
.friendly-legacy-content .brand-name {display: block; font-size: 18px; line-height: 1.05; letter-spacing: 0.025em;}
.friendly-legacy-content .brand-name b, .friendly-legacy-content .footer-brand b {color: rgb(225, 135, 67); font-weight: 900;}
.friendly-legacy-content .brand small {display: block; font-weight: 500; font-size: 10px; letter-spacing: 0.15em; opacity: 0.86;}
.friendly-legacy-content .primary-nav {display: flex; align-items: center; gap: 22px; font-size: 13px; font-weight: 700;}
.friendly-legacy-content .primary-nav a:hover {opacity: 0.72;}
.friendly-legacy-content .header-cta {border: 1px solid rgba(255, 255, 255, 0.8); padding: 8px 15px;}
.friendly-legacy-content .header-inner > .header-cta {display: none;}
.friendly-legacy-content .hero {min-height: 735px; position: relative; color: rgb(255, 255, 255); display: grid; align-items: end; overflow: hidden; background: rgb(11, 56, 72);}
.friendly-legacy-content .hero::before {content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(0, 32, 45, 0.9) 0%, rgba(0, 38, 53, 0.67) 38%, rgba(0, 20, 28, 0.08) 70%), linear-gradient(0deg, rgba(2, 25, 34, 0.48), transparent 40%); z-index: 1;}
.friendly-legacy-content .hero-image {position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.friendly-legacy-content .hero-content {position: relative; z-index: 2; padding: 175px 0px 88px; width: min(1120px, 100% - 40px); margin: auto;}
.friendly-legacy-content .eyebrow {display: flex; align-items: center; gap: 10px; font-size: 12px; letter-spacing: 0.14em; font-weight: 700;}
.friendly-legacy-content .eyebrow::before {content: ""; width: 32px; height: 1px; background: currentcolor;}
.friendly-legacy-content .hero h1 {margin: 18px 0px 16px; max-width: 700px; font-family: "Noto Serif JP", "Yu Mincho", serif; font-size: clamp(35px, 5.5vw, 68px); font-weight: 600; line-height: 1.27; letter-spacing: 0.05em;}
.friendly-legacy-content .hero h1 em {font-style: normal; color: rgb(183, 240, 231);}
.friendly-legacy-content .hero-lead {max-width: 540px; font-size: 16px; line-height: 2; margin: 0px 0px 27px; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px;}
.friendly-legacy-content .hero-actions {display: flex; flex-wrap: wrap; gap: 12px;}
.friendly-legacy-content .button {display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 9px; padding: 11px 22px; border: 1px solid transparent; font-size: 14px; font-weight: 800; transition: 0.2s;}
.friendly-legacy-content .button:hover {transform: translateY(-2px);}
.friendly-legacy-content .button-primary {background: var(--orange); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 22px;}
.friendly-legacy-content .button-ghost {color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.8); background: rgba(0, 31, 42, 0.25);}
.friendly-legacy-content .hero-note {position: absolute; z-index: 2; right: 4vw; bottom: 26px; font-size: 10px; letter-spacing: 0.07em; opacity: 0.75;}
.friendly-legacy-content .quick-panel {background: rgb(255, 255, 255); box-shadow: var(--shadow); margin: -44px auto 0px; position: relative; z-index: 3; padding: 23px 30px; display: grid; grid-template-columns: 1.1fr 1fr 1fr auto; gap: 18px; align-items: center;}
.friendly-legacy-content .quick-panel strong {font-size: 18px; line-height: 1.5; display: block;}
.friendly-legacy-content .quick-panel span {display: block; font-size: 12px; color: var(--muted);}
.friendly-legacy-content .quick-links {display: flex; flex-wrap: wrap; gap: 7px;}
.friendly-legacy-content .quick-links a {background: rgb(239, 246, 244); color: rgb(23, 86, 85); padding: 5px 10px; font-size: 12px; font-weight: 700;}
.friendly-legacy-content .section {padding: 100px 0px;}
.friendly-legacy-content .section-white {background: rgb(255, 255, 255);}
.friendly-legacy-content .section-label {color: var(--teal); font-size: 12px; letter-spacing: 0.16em; font-weight: 800; text-transform: uppercase;}
.friendly-legacy-content .section-title {margin: 8px 0px 15px; font-family: "Noto Serif JP", "Yu Mincho", serif; font-size: clamp(27px, 3.5vw, 42px); letter-spacing: 0.04em; line-height: 1.45;}
.friendly-legacy-content .section-intro {color: var(--muted); max-width: 720px; margin: 0px;}
.friendly-legacy-content .priority {background: rgb(16, 61, 77); color: rgb(255, 255, 255); padding: 0px; overflow: hidden;}
.friendly-legacy-content .priority-grid {display: grid; grid-template-columns: 1.1fr 0.9fr; align-items: stretch;}
.friendly-legacy-content .priority-copy {padding: 76px clamp(24px, 6vw, 84px) 76px max(24px, -560px + 50vw);}
.friendly-legacy-content .priority-badge {display: inline-block; padding: 4px 10px; border: 1px solid rgb(140, 212, 202); color: rgb(183, 240, 231); font-size: 12px; font-weight: 800; letter-spacing: 0.1em;}
.friendly-legacy-content .priority h2 {font-family: "Noto Serif JP", "Yu Mincho", serif; font-size: clamp(30px, 4vw, 48px); letter-spacing: 0.05em; margin: 17px 0px 14px; line-height: 1.4;}
.friendly-legacy-content .priority p {color: rgb(216, 232, 232); max-width: 570px;}
.friendly-legacy-content .priority-points {display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 28px 0px;}
.friendly-legacy-content .priority-points div {border-left: 1px solid rgb(130, 200, 191); padding-left: 11px; font-size: 13px;}
.friendly-legacy-content .priority-points b {display: block; color: rgb(183, 240, 231); font-size: 11px; letter-spacing: 0.08em;}
.friendly-legacy-content .priority-visual {min-height: 440px; background: linear-gradient(135deg, rgb(20, 126, 121), rgb(11, 43, 58)); position: relative; display: grid; place-items: center; overflow: hidden;}
.friendly-legacy-content .priority-visual::before, .friendly-legacy-content .priority-visual::after {content: ""; position: absolute; border: 1px solid rgba(255, 255, 255, 0.26); border-radius: 50%;}
.friendly-legacy-content .priority-visual::before {height: 420px; width: 420px;}
.friendly-legacy-content .priority-visual::after {height: 590px; width: 590px;}
.friendly-legacy-content .priority-card {position: relative; z-index: 1; width: min(330px, 80%); padding: 31px; background: rgb(255, 255, 255); color: var(--ink); box-shadow: var(--shadow);}
.friendly-legacy-content .priority-card small {color: var(--teal); font-weight: 800; letter-spacing: 0.1em;}
.friendly-legacy-content .priority-card b {display: block; font-size: 24px; margin: 9px 0px;}
.friendly-legacy-content .priority-card p {color: var(--muted); margin: 0px 0px 17px; font-size: 13px;}
.friendly-legacy-content .flow {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 42px;}
.friendly-legacy-content .flow-card {padding: 29px 25px; background: rgb(255, 255, 255); border-top: 3px solid var(--teal); box-shadow: rgba(10, 42, 51, 0.06) 0px 5px 20px;}
.friendly-legacy-content .flow-no {color: var(--teal); font-family: Georgia, serif; font-size: 13px; letter-spacing: 0.12em;}
.friendly-legacy-content .flow-card h3 {margin: 8px 0px; font-size: 19px;}
.friendly-legacy-content .flow-card p {color: var(--muted); font-size: 14px; margin: 0px;}
.friendly-legacy-content .comparison-head {display: flex; align-items: end; justify-content: space-between; gap: 20px;}
.friendly-legacy-content .comparison-disclaimer {color: var(--muted); font-size: 12px; max-width: 330px; margin: 0px;}
.friendly-legacy-content .service-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 37px;}
.friendly-legacy-content .service {display: flex; flex-direction: column; padding: 23px; background: rgb(255, 255, 255); border: 1px solid var(--line); min-height: 232px;}
.friendly-legacy-content .service-featured {border: 2px solid var(--teal); background: rgb(244, 251, 250);}
.friendly-legacy-content .service-tag {align-self: flex-start; font-size: 11px; padding: 3px 9px; color: var(--teal); background: rgb(224, 244, 241); font-weight: 800;}
.friendly-legacy-content .service h3 {margin: 12px 0px 5px; font-size: 18px; line-height: 1.55;}
.friendly-legacy-content .service p {color: var(--muted); font-size: 13px; line-height: 1.75; margin: 0px 0px 14px;}
.friendly-legacy-content .service-meta {font-size: 11px; color: rgb(84, 113, 118); margin-top: auto; padding-top: 12px; border-top: 1px solid var(--line);}
.friendly-legacy-content .service-link {margin-top: 13px; color: var(--teal); font-size: 13px; font-weight: 800;}
.friendly-legacy-content .area-layout {display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 54px; align-items: start;}
.friendly-legacy-content .area-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
.friendly-legacy-content .area-list a {background: rgb(242, 248, 247); padding: 15px 13px; font-size: 14px; font-weight: 700; border-left: 2px solid var(--teal);}
.friendly-legacy-content .area-list a:hover {background: rgb(223, 242, 239);}
.friendly-legacy-content .guide-list {border-top: 1px solid var(--line);}
.friendly-legacy-content .guide-list a {display: flex; justify-content: space-between; gap: 18px; padding: 18px 0px; border-bottom: 1px solid var(--line); font-weight: 700;}
.friendly-legacy-content .guide-list span {color: var(--teal);}
.friendly-legacy-content .seo-note {margin-top: 30px; padding: 18px 20px; background: rgb(255, 246, 231); border-left: 3px solid var(--orange); color: rgb(105, 71, 35); font-size: 13px;}
.friendly-legacy-content .faq {display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-top: 37px;}
.friendly-legacy-content .faq details {background: rgb(255, 255, 255); border: 1px solid var(--line); padding: 18px 20px;}
.friendly-legacy-content .faq summary {cursor: pointer; list-style: none; font-weight: 800; padding-right: 30px; position: relative;}
.friendly-legacy-content .faq summary::-webkit-details-marker {display: none;}
.friendly-legacy-content .faq summary::after {content: "＋"; color: var(--teal); position: absolute; right: 0px; font-size: 20px; top: -4px;}
.friendly-legacy-content .faq details[open] summary::after {content: "−";}
.friendly-legacy-content .faq p {margin: 14px 0px 0px; color: var(--muted); font-size: 14px;}
.friendly-legacy-content .final-cta {text-align: center; background: rgb(230, 243, 240); padding: 92px 0px;}
.friendly-legacy-content .final-cta h2 {font-family: "Noto Serif JP", "Yu Mincho", serif; font-size: clamp(28px, 4vw, 46px); margin: 8px 0px 14px; line-height: 1.45;}
.friendly-legacy-content .final-cta p {max-width: 620px; margin: 0px auto 25px; color: var(--muted);}
.friendly-legacy-content .site-footer {background: rgb(8, 42, 56); color: rgb(219, 232, 233); padding: 51px 0px 28px;}
.friendly-legacy-content .footer-inner {display: flex; justify-content: space-between; gap: 30px;}
.friendly-legacy-content .footer-brand {display: flex; align-items: center; gap: 11px; color: rgb(255, 255, 255); font-size: 18px; font-weight: 800;}
.friendly-legacy-content .footer-brand-mark {display: block; flex: 0 0 40px; width: 40px; height: 40px;}
.friendly-legacy-content .footer-brand span {display: block; line-height: 1.05;}
.friendly-legacy-content .footer-brand small {display: block; font-weight: 400; font-size: 11px; margin-top: 4px; letter-spacing: 0.1em;}
.friendly-legacy-content .footer-links {display: flex; flex-wrap: wrap; align-items: start; justify-content: end; gap: 10px 22px; font-size: 12px;}
.friendly-legacy-content .footer-copy {margin: 32px 0px 0px; border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 19px; color: rgb(141, 175, 181); font-size: 11px;}
.friendly-legacy-content .mobile-cta {display: none;}
@media (max-width: 900px) {
.friendly-legacy-content .primary-nav {display: none;}
.friendly-legacy-content .header-inner {min-height: 67px;}
.friendly-legacy-content .header-inner > .header-cta {display: inline-flex;}
.friendly-legacy-content .hero {min-height: 680px;}
.friendly-legacy-content .quick-panel {grid-template-columns: 1fr; margin-top: -20px; padding: 22px;}
.friendly-legacy-content .priority-grid, .friendly-legacy-content .area-layout {grid-template-columns: 1fr;}
.friendly-legacy-content .priority-copy {padding: 62px 24px;}
.friendly-legacy-content .priority-visual {min-height: 310px;}
.friendly-legacy-content .flow, .friendly-legacy-content .service-grid {grid-template-columns: repeat(2, 1fr);}
.friendly-legacy-content .comparison-head {display: block;}
.friendly-legacy-content .comparison-disclaimer {margin-top: 12px;}
}
@media (max-width: 600px) {
.friendly-legacy-content {padding-bottom: 67px;}
.friendly-legacy-content .container, .friendly-legacy-content .hero-content {width: min(100% - 30px, 1120px);}
.friendly-legacy-content .brand {gap: 8px;}
.friendly-legacy-content .brand-name {font-size: 15px;}
.friendly-legacy-content .brand-mark {flex-basis: 34px; width: 34px; height: 34px;}
.friendly-legacy-content .header-cta {font-size: 11px; padding: 7px 9px;}
.friendly-legacy-content .hero {min-height: 640px;}
.friendly-legacy-content .hero::before {background: linear-gradient(90deg, rgba(0, 32, 45, 0.89), rgba(0, 38, 53, 0.45)), linear-gradient(0deg, rgba(2, 25, 34, 0.5), transparent 50%);}
.friendly-legacy-content .hero-content {padding: 137px 0px 68px;}
.friendly-legacy-content .hero h1 {font-size: 38px;}
.friendly-legacy-content .hero-lead {font-size: 14px;}
.friendly-legacy-content .hero-actions {display: none;}
.friendly-legacy-content .quick-panel {margin-top: -15px;}
.friendly-legacy-content .section {padding: 67px 0px;}
.friendly-legacy-content .priority-points, .friendly-legacy-content .flow, .friendly-legacy-content .service-grid, .friendly-legacy-content .faq {grid-template-columns: 1fr;}
.friendly-legacy-content .area-list {grid-template-columns: 1fr;}
.friendly-legacy-content .priority-visual {min-height: 270px;}
.friendly-legacy-content .priority-card {padding: 23px;}
.friendly-legacy-content .footer-inner {display: block;}
.friendly-legacy-content .footer-links {justify-content: start; margin-top: 20px;}
.friendly-legacy-content .mobile-cta {display: flex; position: fixed; bottom: 0px; inset-inline: 0px; z-index: 20; height: 67px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.12) 0px -5px 18px; padding: 8px 12px; gap: 8px;}
.friendly-legacy-content .mobile-cta .button {flex: 1 1 0%; min-height: 50px; padding: 8px; font-size: 12px;}
}
.friendly-legacy-content .brand-mark {font-size: 13px; font-family: inherit; font-weight: 900;}
.friendly-legacy-content .hero-kicker {display: inline-block; margin: 0px; padding: 4px 10px; background: rgb(236, 108, 39); font-size: 12px; font-weight: 800; letter-spacing: 0.05em;}
.friendly-legacy-content .ranking-hero {min-height: 760px;}
.friendly-legacy-content .quick-panel-ranking {border-top: 4px solid var(--orange);}
.friendly-legacy-content .ranking-section {background: linear-gradient(rgb(247, 245, 239) 0%, rgb(236, 246, 244) 100%);}
.friendly-legacy-content .ranking-heading {display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 34px;}
.friendly-legacy-content .ranking-heading > p {max-width: 360px; color: var(--muted); font-size: 13px; margin: 0px 0px 9px;}
.friendly-legacy-content .ranking-grid {display: grid; grid-template-columns: 1.45fr 1fr 1fr; gap: 20px; align-items: start;}
.friendly-legacy-content .rank-card {overflow: hidden; background: rgb(255, 255, 255); border: 1px solid var(--line); box-shadow: rgba(5, 43, 55, 0.08) 0px 10px 28px;}
.friendly-legacy-content .rank-first {border: 2px solid var(--orange); transform: translateY(-12px);}
.friendly-legacy-content .rank-photo {position: relative; height: 210px; background: rgb(17, 34, 51); overflow: hidden;}
.friendly-legacy-content .rank-first .rank-photo {height: 280px;}
.friendly-legacy-content .rank-photo img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.45s;}
.friendly-legacy-content .rank-card:hover .rank-photo img {transform: scale(1.04);}
.friendly-legacy-content .rank-number {position: absolute; left: 16px; bottom: 14px; font-family: Georgia, serif; color: rgb(255, 255, 255); font-size: 47px; line-height: 1; text-shadow: rgba(0, 0, 0, 0.46) 0px 2px 9px;}
.friendly-legacy-content .rank-label {position: absolute; top: 14px; right: 14px; padding: 4px 9px; background: var(--orange); color: rgb(255, 255, 255); font-size: 11px; font-weight: 800;}
.rank-body {padding: 23px;}
.friendly-legacy-content .rank-category {margin: 0px; color: var(--teal); font-size: 11px; font-weight: 800; letter-spacing: 0.06em;}
.rank-body h3 {margin: 7px 0px 10px; font-size: 23px; line-height: 1.42;}
.rank-body > p:not(.rank-category) {color: var(--muted); font-size: 13px; line-height: 1.8;}
.rank-body ul {margin: 16px 0px 19px; padding: 0px; list-style: none; color: rgb(52, 85, 90); font-size: 12px;}
.rank-body li {border-top: 1px solid var(--line); padding: 7px 0px 0px 18px;}
.rank-body li::before {content: "✓"; color: var(--orange); font-weight: 800; margin-left: -18px; margin-right: 7px;}
.rank-body .button {width: 100%;}
.friendly-legacy-content .ranking-note {margin: 28px 0px 0px; padding: 13px 16px; background: rgb(255, 255, 255); border-left: 3px solid var(--orange); color: rgb(105, 71, 35); font-size: 12px;}
.friendly-legacy-content .photo-guide {padding: 100px 0px; background: rgb(12, 55, 71); color: rgb(255, 255, 255);}
.friendly-legacy-content .photo-guide-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 58px; align-items: center;}
.friendly-legacy-content .photo-guide-image {min-height: 410px; overflow: hidden;}
.friendly-legacy-content .photo-guide-image img {width: 100%; height: 100%; min-height: 410px; object-fit: cover;}
.friendly-legacy-content .photo-guide .section-label {color: rgb(183, 240, 231);}
.friendly-legacy-content .photo-guide .section-intro {color: rgb(214, 232, 232);}
.friendly-legacy-content .photo-checks {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 25px 0px;}
.friendly-legacy-content .photo-checks span {border: 1px solid rgba(255, 255, 255, 0.28); padding: 9px 11px; font-size: 13px;}
.friendly-legacy-content .situation-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 34px;}
.friendly-legacy-content .situation-grid article {padding: 25px 20px; background: rgb(241, 247, 245); border-top: 3px solid var(--orange);}
.friendly-legacy-content .situation-grid span {color: var(--orange); font-family: Georgia, serif; font-size: 24px;}
.friendly-legacy-content .situation-grid h3 {margin: 8px 0px; font-size: 18px;}
.friendly-legacy-content .situation-grid p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.75;}
.friendly-legacy-content .page-guide-hero {padding: 160px 0px 68px; background: linear-gradient(120deg, rgb(13, 66, 82), rgb(18, 111, 109)); color: rgb(255, 255, 255);}
.friendly-legacy-content .page-guide-hero h1 {max-width: 800px; margin: 8px 0px; font-family: "Noto Serif JP", "Yu Mincho", serif; font-size: clamp(32px, 5vw, 56px); line-height: 1.38;}
.friendly-legacy-content .page-guide-hero p {margin: 0px; max-width: 620px; color: rgb(217, 238, 238);}
.friendly-legacy-content .page-article {display: grid; grid-template-columns: minmax(0px, 1fr) 320px; gap: 54px; align-items: start;}
.friendly-legacy-content .page-content {color: var(--muted);}
.friendly-legacy-content .page-content h2, .friendly-legacy-content .page-content h3 {color: var(--ink);}
.friendly-legacy-content .page-side {padding: 18px; background: rgb(237, 247, 245); position: sticky; top: 18px;}
.friendly-legacy-content .page-side img {width: 100%; height: 170px; object-fit: cover;}
.friendly-legacy-content .page-side h2 {font-size: 19px; line-height: 1.5;}
.friendly-legacy-content .page-side p {color: var(--muted); font-size: 13px;}
.friendly-legacy-content .page-side .button {width: 100%;}
@media (max-width: 900px) {
.friendly-legacy-content .ranking-grid {grid-template-columns: 1fr 1fr;}
.friendly-legacy-content .rank-first {grid-column: span 2; transform: none;}
.friendly-legacy-content .photo-guide-grid, .friendly-legacy-content .page-article {grid-template-columns: 1fr;}
.friendly-legacy-content .photo-guide {padding: 70px 0px;}
.friendly-legacy-content .page-side {position: static;}
.friendly-legacy-content .situation-grid {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 600px) {
.friendly-legacy-content .ranking-hero {min-height: 660px;}
.friendly-legacy-content .hero-kicker {font-size: 10px;}
.friendly-legacy-content .ranking-heading {display: block;}
.friendly-legacy-content .ranking-heading > p {margin-top: 10px;}
.friendly-legacy-content .ranking-grid {grid-template-columns: 1fr;}
.friendly-legacy-content .rank-first {grid-column: auto;}
.friendly-legacy-content .rank-photo, .friendly-legacy-content .rank-first .rank-photo {height: 220px;}
.rank-body {padding: 19px;}
.friendly-legacy-content .photo-guide-grid {gap: 28px;}
.friendly-legacy-content .photo-guide-image, .friendly-legacy-content .photo-guide-image img {min-height: 260px;}
.friendly-legacy-content .photo-checks, .friendly-legacy-content .situation-grid {grid-template-columns: 1fr;}
}
.friendly-legacy-content .region-portal {background: rgb(244, 248, 247);}
.friendly-legacy-content .portal-heading {display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 3.5rem; align-items: end; margin-bottom: 2.25rem;}
.friendly-legacy-content .portal-heading > p {margin: 0px 0px 0.45rem; color: rgb(73, 97, 94); line-height: 1.9;}
.friendly-legacy-content .region-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.35rem;}
.friendly-legacy-content .region-card {overflow: hidden; background: rgb(255, 255, 255); border: 1px solid rgb(220, 233, 229); box-shadow: rgba(23, 86, 85, 0.08) 0px 12px 28px;}
.friendly-legacy-content .region-map {height: 205px; background: rgb(223, 232, 230);}
.friendly-legacy-content .region-map iframe {display: block; width: 100%; height: 100%; border: 0px;}
.region-card-body {padding: 1.45rem;}
.friendly-legacy-content .region-kicker {margin: 0px 0px 0.25rem; color: rgb(23, 123, 117); font-family: Georgia, serif; font-size: 0.75rem; letter-spacing: 0.13em; text-transform: uppercase;}
.friendly-legacy-content .region-card h3 {margin: 0.1rem 0px 0.7rem; color: rgb(23, 86, 85); font-size: 1.3rem;}
.region-card-body > p:not(.region-kicker) {margin: 0px; color: rgb(88, 112, 109); font-size: 0.93rem; line-height: 1.75;}
.friendly-legacy-content .region-points {margin: 1rem 0px; padding: 0px; list-style: none; border-top: 1px solid rgb(228, 238, 235);}
.friendly-legacy-content .region-points li {position: relative; padding: 0.55rem 0px 0.55rem 1rem; border-bottom: 1px solid rgb(228, 238, 235); color: rgb(65, 88, 85); font-size: 0.86rem;}
.friendly-legacy-content .region-points li::before {content: "✓"; position: absolute; left: 0px; color: rgb(225, 135, 67); font-weight: 700;}
.friendly-legacy-content .region-links {display: flex; flex-direction: column; gap: 0.45rem;}
.friendly-legacy-content .region-links a, .friendly-legacy-content .source-card a {color: rgb(23, 111, 106); font-size: 0.88rem; font-weight: 700; text-decoration: none;}
.friendly-legacy-content .region-links a:hover, .friendly-legacy-content .source-card a:hover {text-decoration: underline;}
.friendly-legacy-content .region-page-link {display: block; margin-top: 1rem; padding-top: 0.9rem; border-top: 1px solid rgb(220, 233, 229); color: rgb(23, 86, 85); font-size: 0.88rem; font-weight: 800; text-decoration: none;}
.friendly-legacy-content .region-page-link:hover {color: rgb(225, 135, 67);}
.friendly-legacy-content .source-board {display: grid; grid-template-columns: 0.8fr 2.2fr; gap: 2.2rem; margin-top: 2.25rem; padding: 2.2rem; background: rgb(23, 86, 85); color: rgb(255, 255, 255);}
.friendly-legacy-content .source-board-intro h3 {margin: 0.25rem 0px 0.8rem; font-size: 1.55rem;}
.friendly-legacy-content .source-board-intro p:not(.section-label) {margin: 0px; color: rgb(215, 231, 228); line-height: 1.8; font-size: 0.92rem;}
.friendly-legacy-content .source-board .section-label {color: rgb(169, 217, 209);}
.friendly-legacy-content .source-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;}
.friendly-legacy-content .source-card {position: relative; padding: 1.3rem; background: rgb(255, 255, 255); color: rgb(36, 65, 62);}
.friendly-legacy-content .source-card h4 {margin: 0.55rem 0px; color: rgb(23, 86, 85); font-size: 1.05rem;}
.friendly-legacy-content .source-card p {min-height: 4.7em; margin: 0px; color: rgb(89, 112, 108); font-size: 0.86rem; line-height: 1.65;}
.friendly-legacy-content .source-card ul {margin: 1rem 0px; padding-left: 1.1rem; color: rgb(69, 96, 92); font-size: 0.82rem; line-height: 1.7;}
.friendly-legacy-content .source-card div {display: flex; flex-direction: column; gap: 0.4rem;}
.friendly-legacy-content .source-badge {display: inline-block; padding: 0.18rem 0.42rem; background: rgb(225, 135, 67); color: rgb(255, 255, 255); font-size: 0.67rem; font-weight: 700; letter-spacing: 0.08em;}
.friendly-legacy-content .source-badge.neutral {background: rgb(123, 153, 147);}
.friendly-legacy-content .portal-note {margin: 1.15rem 0px 0px; color: rgb(96, 119, 115); font-size: 0.78rem; line-height: 1.7;}
.friendly-legacy-content .side-portal {display: flex; flex-direction: column; gap: 0.5rem; margin-top: 1.25rem; padding-top: 1.1rem; border-top: 1px solid rgb(220, 233, 229);}
.friendly-legacy-content .side-portal strong {color: rgb(23, 86, 85); font-size: 0.93rem;}
.friendly-legacy-content .side-portal a {color: rgb(23, 111, 106); font-size: 0.85rem; font-weight: 700; text-decoration: none;}
.friendly-legacy-content .side-portal small {color: rgb(99, 122, 118); font-size: 0.75rem; line-height: 1.55;}
@media (max-width: 900px) {
.friendly-legacy-content .portal-heading, .friendly-legacy-content .source-board {grid-template-columns: 1fr;}
.friendly-legacy-content .region-grid {grid-template-columns: 1fr;}
.friendly-legacy-content .region-card {display: block;}
.friendly-legacy-content .region-map {height: auto; min-height: 245px;}
.friendly-legacy-content .source-list {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 600px) {
.friendly-legacy-content .portal-heading {gap: 1rem;}
.friendly-legacy-content .region-card {display: block;}
.friendly-legacy-content .region-map {height: 210px; min-height: 0px;}
.friendly-legacy-content .source-board {margin-left: -0.3rem; margin-right: -0.3rem; padding: 1.4rem;}
.friendly-legacy-content .source-list {grid-template-columns: 1fr;}
.friendly-legacy-content .source-card p {min-height: 0px;}
}
.friendly-legacy-content .regional-page-hero {background: linear-gradient(120deg, rgb(12, 55, 71) 0%, rgb(23, 123, 117) 68%, rgb(38, 150, 140) 100%);}
.friendly-legacy-content .regional-page-hero .section-label {color: rgb(184, 238, 231);}
.friendly-legacy-content .regional-hero-actions {display: flex; gap: 12px; margin-top: 27px;}
.friendly-legacy-content .regional-hero-actions .button-ghost {border-color: rgba(255, 255, 255, 0.55); color: rgb(255, 255, 255);}
.friendly-legacy-content .regional-local-section {background: rgb(244, 248, 247);}
.friendly-legacy-content .local-business-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem;}
.friendly-legacy-content .local-business-card {position: relative; display: flex; min-height: 265px; flex-direction: column; padding: 1.55rem; background: rgb(255, 255, 255); border: 1px solid rgb(220, 233, 229); box-shadow: rgba(23, 86, 85, 0.08) 0px 12px 28px;}
.friendly-legacy-content .local-business-card.is-priority {border: 2px solid var(--orange);}
.friendly-legacy-content .local-business-badge {position: absolute; top: 0px; right: 0px; padding: 0.35rem 0.65rem; background: var(--orange); color: rgb(255, 255, 255); font-size: 0.7rem; font-weight: 800;}
.friendly-legacy-content .local-business-place {margin: 0px; color: rgb(23, 123, 117); font-size: 0.82rem; font-weight: 800; letter-spacing: 0.05em;}
.friendly-legacy-content .local-business-card h2 {margin: 0.55rem 0px 0.75rem; color: rgb(23, 86, 85); font-size: 1.3rem; line-height: 1.45;}
.friendly-legacy-content .local-business-card > p:not(.local-business-place) {margin: 0px; color: rgb(88, 112, 109); font-size: 0.92rem; line-height: 1.78;}
.friendly-legacy-content .local-business-card .service-link {margin-top: auto; padding-top: 1.1rem;}
.friendly-legacy-content .fukuoka-ward-section {background: rgb(237, 246, 244);}
.friendly-legacy-content .ward-list {display: grid; grid-template-columns: repeat(7, 1fr); gap: 0.7rem; margin: 1.4rem 0px 0px; padding: 0px; list-style: none;}
.friendly-legacy-content .ward-list li {padding: 0.8rem 0.5rem; border: 1px solid rgb(207, 224, 219); background: rgb(255, 255, 255); color: rgb(23, 86, 85); font-weight: 800; text-align: center;}
.friendly-legacy-content .faq-list {display: grid; gap: 0.8rem;}
.friendly-legacy-content .faq-list details {border: 1px solid rgb(214, 228, 224); background: rgb(255, 255, 255);}
.friendly-legacy-content .faq-list summary {cursor: pointer; padding: 1.1rem 1.2rem; color: rgb(23, 86, 85); font-weight: 800;}
.friendly-legacy-content .faq-list p {margin: 0px; padding: 0px 1.2rem 1.2rem; color: rgb(88, 112, 109); line-height: 1.8;}
.friendly-legacy-content .regional-proof-section {padding-top: 0px; background: rgb(244, 248, 247);}
.friendly-legacy-content .regional-proof-layout {display: grid; grid-template-columns: 1.08fr 0.92fr; overflow: hidden; background: rgb(12, 55, 71); box-shadow: rgba(5, 43, 55, 0.16) 0px 18px 42px;}
.friendly-legacy-content .regional-proof-image {position: relative; min-height: 365px; margin: 0px; overflow: hidden;}
.friendly-legacy-content .regional-proof-image::after {content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(5, 39, 49, 0.04), rgba(5, 39, 49, 0.42));}
.friendly-legacy-content .regional-proof-image img {width: 100%; height: 100%; min-height: 365px; object-fit: cover; transition: transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1);}
.friendly-legacy-content .regional-proof-layout:hover .regional-proof-image img {transform: scale(1.045);}
.friendly-legacy-content .regional-proof-image figcaption {position: absolute; z-index: 1; right: 1.45rem; bottom: 1.25rem; left: 1.45rem; color: rgb(255, 255, 255); font-size: 0.78rem; line-height: 1.65; text-shadow: rgba(0, 0, 0, 0.58) 0px 1px 8px;}
.friendly-legacy-content .regional-review-card {padding: 2.55rem 2.45rem; color: rgb(255, 255, 255);}
.friendly-legacy-content .regional-review-card .section-label {color: rgb(169, 217, 209);}
.friendly-legacy-content .regional-review-card h2 {margin: 0.35rem 0px 1.3rem; font-family: "Noto Serif JP", "Yu Mincho", serif; font-size: 1.65rem; line-height: 1.45;}
.friendly-legacy-content .review-business-name {margin: 0px 0px 0.8rem; color: rgb(215, 231, 228); font-size: 0.88rem; font-weight: 800;}
.friendly-legacy-content .review-score {display: flex; align-items: center; gap: 0.6rem; padding: 0.9rem 0px; border-top: 1px solid rgba(255, 255, 255, 0.22); border-bottom: 1px solid rgba(255, 255, 255, 0.22);}
.friendly-legacy-content .review-score strong {color: rgb(242, 175, 109); font-family: Georgia, serif; font-size: 2.45rem; line-height: 1;}
.friendly-legacy-content .review-score span {color: rgb(242, 175, 109); font-size: 1.25rem;}
.friendly-legacy-content .review-score small {padding-left: 0.25rem; color: rgb(215, 231, 228); font-size: 0.74rem; line-height: 1.55;}
.friendly-legacy-content .review-note {margin: 1rem 0px 0.55rem; color: rgb(255, 255, 255); font-size: 0.86rem; line-height: 1.75;}
.friendly-legacy-content .review-checked {margin: 0px 0px 1.15rem; color: rgb(169, 217, 209); font-size: 0.72rem; line-height: 1.6;}
.friendly-legacy-content .regional-review-card .button-ghost {border-color: rgba(255, 255, 255, 0.58); color: rgb(255, 255, 255); font-size: 0.82rem;}
.friendly-legacy-content .regional-layout {display: grid; grid-template-columns: 1fr 1fr; gap: 3.5rem; align-items: center;}
.friendly-legacy-content .regional-check-list {padding: 1.5rem; background: rgb(238, 247, 245); border-left: 4px solid var(--orange);}
.friendly-legacy-content .regional-check-list p {margin: 0px 0px 1rem; color: rgb(23, 86, 85);}
.friendly-legacy-content .regional-check-list p strong, .friendly-legacy-content .regional-check-list p span {display: block;}
.friendly-legacy-content .regional-check-list p span {margin-top: 0.35rem; color: rgb(88, 112, 109); line-height: 1.75;}
.friendly-legacy-content .regional-check-list ul {margin: 0px; padding: 0px; list-style: none;}
.friendly-legacy-content .regional-check-list li {position: relative; padding: 0.85rem 0px 0.85rem 1.25rem; border-top: 1px solid rgb(214, 231, 227); color: rgb(65, 88, 85); line-height: 1.6;}
.friendly-legacy-content .regional-check-list li::before {content: "✓"; position: absolute; left: 0px; color: var(--orange); font-weight: 800;}
.friendly-legacy-content .regional-navigation {background: rgb(237, 246, 244);}
.friendly-legacy-content .regional-nav-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.85rem; margin-top: 2rem;}
.friendly-legacy-content .regional-nav-grid a {display: grid; grid-template-columns: 1fr auto; gap: 0.35rem; align-items: end; min-height: 105px; padding: 1.1rem; background: rgb(255, 255, 255); border-left: 3px solid rgb(23, 123, 117); color: rgb(23, 86, 85); font-weight: 800; text-decoration: none;}
.friendly-legacy-content .regional-nav-grid a:hover {background: rgb(223, 242, 239);}
.friendly-legacy-content .regional-nav-grid span {grid-column: 1 / -1; color: rgb(107, 139, 134); font-family: Georgia, serif; font-size: 0.67rem; letter-spacing: 0.1em;}
.friendly-legacy-content .regional-nav-grid b {color: var(--orange); font-size: 1.2rem;}
@media (max-width: 900px) {
.friendly-legacy-content .local-business-grid, .friendly-legacy-content .regional-nav-grid {grid-template-columns: repeat(2, 1fr);}
.friendly-legacy-content .regional-proof-layout, .friendly-legacy-content .regional-layout {grid-template-columns: 1fr; gap: 2rem;}
.friendly-legacy-content .regional-review-card {padding: 2rem;}
}
@media (max-width: 600px) {
.friendly-legacy-content .regional-hero-actions {display: grid; grid-template-columns: 1fr;}
.friendly-legacy-content .regional-hero-actions .button {text-align: center;}
.friendly-legacy-content .local-business-grid, .friendly-legacy-content .regional-nav-grid {grid-template-columns: 1fr;}
.friendly-legacy-content .local-business-card {min-height: 0px;}
.friendly-legacy-content .regional-proof-section {padding-top: 0px;}
.friendly-legacy-content .regional-proof-layout {margin-left: -0.35rem; margin-right: -0.35rem;}
.friendly-legacy-content .regional-proof-image, .friendly-legacy-content .regional-proof-image img {min-height: 245px;}
.friendly-legacy-content .regional-review-card {padding: 1.65rem 1.35rem;}
.friendly-legacy-content .ward-list {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 900px) {
.friendly-legacy-content .site-header, .friendly-legacy-content .site-header.is-scrolled {position: sticky; top: 0px; z-index: 60; background: rgba(12, 55, 71, 0.96); border-color: rgba(255, 255, 255, 0.18); box-shadow: rgba(4, 44, 54, 0.18) 0px 6px 18px; backdrop-filter: blur(12px);}
.friendly-legacy-content .site-header.is-scrolled {color: rgb(255, 255, 255);}
.friendly-legacy-content .site-header.is-scrolled .brand-mark, .friendly-legacy-content .site-header.is-scrolled .header-cta {border-color: rgba(255, 255, 255, 0.72);}
}
.friendly-legacy-content, .friendly-legacy-content {overflow-x: clip;}
.friendly-legacy-content .site-header {transition: background-color 0.45s, box-shadow 0.45s, color 0.35s;}
.friendly-legacy-content .site-header.is-scrolled {position: fixed; color: var(--ink); background: rgba(255, 255, 255, 0.94); border-color: rgba(15, 72, 78, 0.12); box-shadow: rgba(4, 44, 54, 0.12) 0px 10px 28px; backdrop-filter: blur(14px);}
.friendly-legacy-content .site-header.is-scrolled .brand-mark, .friendly-legacy-content .site-header.is-scrolled .header-cta {border-color: rgba(23, 86, 85, 0.45);}
.friendly-legacy-content .hero-image {height: calc(100% + 35px); transform: translateY(calc(var(--hero-parallax,0px) * -1)); transition: transform 0.15s linear;}
.friendly-legacy-content .hero::after {content: ""; position: absolute; z-index: 1; inset: -30%; pointer-events: none; background: radial-gradient(circle at 76% 25%, rgba(106, 236, 218, 0.26), transparent 23%), radial-gradient(circle at 55% 65%, rgba(255, 184, 102, 0.17), transparent 19%); mix-blend-mode: screen; animation: 12s ease-in-out 0s infinite alternate none running heroAurora;}
.friendly-legacy-content .button {position: relative; overflow: hidden; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;}
.friendly-legacy-content .button::before {content: ""; position: absolute; inset: 0px auto 0px -115%; width: 65%; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.35), transparent); transform: skewX(-18deg); transition: left 0.6s;}
.friendly-legacy-content .button:hover {transform: translateY(-3px); box-shadow: rgba(4, 44, 54, 0.2) 0px 14px 30px;}
.friendly-legacy-content .button:hover::before {left: 145%;}
.friendly-legacy-content .rank-card {transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s, border-color 0.35s;}
.friendly-legacy-content .rank-card:hover {transform: translateY(-8px); box-shadow: rgba(5, 43, 55, 0.17) 0px 22px 46px;}
.friendly-legacy-content .service, .friendly-legacy-content .region-card, .friendly-legacy-content .local-business-card, .friendly-legacy-content .situation-grid article, .friendly-legacy-content .regional-nav-grid a {transition: transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.32s, border-color 0.32s, background-color 0.32s;}
.friendly-legacy-content .service:hover, .friendly-legacy-content .region-card:hover, .friendly-legacy-content .local-business-card:hover, .friendly-legacy-content .situation-grid article:hover {transform: translateY(-7px); box-shadow: rgba(7, 58, 63, 0.14) 0px 22px 42px;}
.friendly-legacy-content .scroll-rail {position: fixed; z-index: 50; top: 0px; left: 0px; width: 100%; height: 3px; transform: scaleX(0); transform-origin: left center; background: linear-gradient(90deg, rgb(225, 135, 67), rgb(243, 178, 107) 45%, rgb(98, 209, 195)); box-shadow: rgba(225, 135, 67, 0.48) 0px 1px 10px;}
.friendly-legacy-content .motion-enabled .reveal {opacity: 0; transform: translateY(14px); transition: opacity .6s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms);}
.friendly-legacy-content .motion-enabled .reveal.is-visible {opacity: 1; transform: translateY(0px);}
.friendly-legacy-content .motion-enabled .hero-content > .reveal {transform: translateY(17px);}
.friendly-legacy-content .motion-enabled .hero-content > .reveal.is-visible {transform: translateY(0px);}
.friendly-legacy-content .motion-enabled .rank-first.reveal {transform: translateY(12px);}
.friendly-legacy-content .motion-enabled .rank-first.reveal.is-visible {transform: translateY(-12px);}
.friendly-legacy-content .region-card h3, .friendly-legacy-content .section-title, .friendly-legacy-content .page-guide-hero h1 {text-wrap: balance; word-break: normal; overflow-wrap: anywhere;}
.friendly-legacy-content .region-page-link {display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; min-height: 52px; margin-top: 1.15rem; padding: 0.85rem 1rem; border: 1px solid rgb(185, 215, 209); background: rgb(240, 248, 246); color: rgb(23, 86, 85); line-height: 1.45;}
.friendly-legacy-content .region-page-link::after {content: "→"; flex: 0 0 auto; color: rgb(225, 135, 67); font-size: 1.15rem;}
.friendly-legacy-content .region-page-link:hover {background: rgb(23, 86, 85); border-color: rgb(23, 86, 85); color: rgb(255, 255, 255); text-decoration: none;}
.friendly-legacy-content .region-guide-visual {display: grid; grid-template-columns: 1.18fr 0.82fr; gap: 2.5rem; align-items: center; margin-top: 2.4rem; padding: 0px; overflow: hidden; background: rgb(12, 55, 71); color: rgb(255, 255, 255); box-shadow: rgba(5, 43, 55, 0.16) 0px 18px 42px;}
.friendly-legacy-content .region-guide-visual figure {position: relative; min-height: 300px; margin: 0px; overflow: hidden;}
.friendly-legacy-content .region-guide-visual figure::after {content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(5, 39, 49, 0.03), rgba(5, 39, 49, 0.5));}
.friendly-legacy-content .region-guide-visual img {width: 100%; height: 100%; min-height: 300px; object-fit: cover; transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);}
.friendly-legacy-content .region-guide-visual:hover img {transform: scale(1.045);}
.friendly-legacy-content .region-guide-visual figcaption {position: absolute; z-index: 1; right: 1.25rem; bottom: 1.1rem; left: 1.25rem; max-width: 410px; color: rgb(255, 255, 255); font-size: 0.78rem; line-height: 1.65; text-shadow: rgba(0, 0, 0, 0.58) 0px 1px 8px;}
.friendly-legacy-content .region-guide-visual > div {padding: 1.35rem 2.35rem 1.35rem 0px;}
.friendly-legacy-content .region-guide-visual .section-label {color: rgb(169, 217, 209);}
.friendly-legacy-content .region-guide-visual h3 {margin: 0.25rem 0px 0.8rem; font-family: "Noto Serif JP", "Yu Mincho", serif; font-size: 1.55rem; line-height: 1.45;}
.friendly-legacy-content .region-guide-visual p:not(.section-label) {margin: 0px; color: rgb(215, 231, 228); font-size: 0.9rem; line-height: 1.85;}
.friendly-legacy-content .map-review-directory {display: grid; grid-template-columns: 0.78fr 2.22fr; gap: 2rem; margin-top: 2.25rem; padding: 2rem; background: rgb(23, 86, 85); color: rgb(255, 255, 255);}
.friendly-legacy-content .map-review-heading h3 {margin: 0.2rem 0px 0.8rem; font-size: 1.45rem; line-height: 1.45;}
.friendly-legacy-content .map-review-heading p:not(.section-label) {margin: 0px; color: rgb(215, 231, 228); font-size: 0.86rem; line-height: 1.75;}
.friendly-legacy-content .map-review-heading .section-label {color: rgb(169, 217, 209);}
.friendly-legacy-content .map-review-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.8rem;}
.friendly-legacy-content .map-review-grid article {overflow: hidden; background: rgb(255, 255, 255);}
.friendly-legacy-content .map-review-grid iframe {display: block; width: 100%; height: 130px; border: 0px; background: rgb(220, 233, 229);}
.friendly-legacy-content .map-review-grid a {display: block; min-height: 55px; padding: 0.75rem 0.8rem; color: rgb(23, 86, 85); font-size: 0.78rem; font-weight: 800; line-height: 1.45; text-decoration: none;}
.friendly-legacy-content .map-review-grid a:hover {background: rgb(223, 242, 239);}
.friendly-legacy-content .regional-page-hero::after {content: ""; position: absolute; z-index: 0; inset: -30%; pointer-events: none; background: radial-gradient(circle at 80% 28%, rgba(169, 240, 225, 0.22), transparent 24%), radial-gradient(circle at 32% 70%, rgba(255, 177, 102, 0.16), transparent 21%); animation: 13s ease-in-out 0s infinite alternate none running heroAurora;}
.friendly-legacy-content .regional-page-hero .container {position: relative; z-index: 1;}
@keyframes heroAurora { 
  0% { transform: translate3d(-1%, -2%, 0px) scale(1); }
  100% { transform: translate3d(3%, 3%, 0px) scale(1.08); }
}
@media (prefers-reduced-motion: reduce) {
.friendly-legacy-content {scroll-behavior: auto;}
.friendly-legacy-content *, .friendly-legacy-content ::before, .friendly-legacy-content ::after {animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.01ms !important;}
.friendly-legacy-content .hero-image {transform: none !important;}
}
.friendly-legacy-content .regional-page-hero {position: relative; overflow: hidden; isolation: isolate;}
.friendly-legacy-content .map-review-directory {grid-template-columns: 1fr; padding: clamp(22px, 4vw, 48px); border-radius: 4px;}
.friendly-legacy-content .map-review-heading {max-width: 680px;}
.friendly-legacy-content .map-review-heading h3 {font-family: "Yu Mincho", serif; font-size: clamp(26px, 3vw, 38px);}
.friendly-legacy-content .map-review-heading small {display: block; margin-top: 16px; color: rgb(198, 219, 215); font-size: 11px;}
.friendly-legacy-content .map-review-grid {gap: 20px;}
.friendly-legacy-content .map-review-grid .area-editorial-link {padding: 0px; height: 100%;}
.friendly-legacy-content .area-editorial-link img {display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; transition: transform 0.6s;}
.friendly-legacy-content .area-editorial-link:hover img {transform: scale(1.035);}
.friendly-legacy-content .area-editorial-link > div {padding: 20px;}
.friendly-legacy-content .area-editorial-link h4 {margin: 8px 0px; font-size: 18px;}
.friendly-legacy-content .area-editorial-link p {font-weight: 400; font-size: 12px; margin: 0px 0px 18px;}
.friendly-legacy-content .area-editorial-link strong {display: flex; justify-content: space-between; gap: 8px; border-top: 1px solid rgb(220, 229, 228); padding-top: 15px;}
.friendly-legacy-content a:focus-visible, .friendly-legacy-content summary:focus-visible {outline: rgb(225, 135, 67) solid 3px; outline-offset: 5px;}
.friendly-legacy-content [id] {scroll-margin-top: 100px;}
@media (max-width: 900px) {
.friendly-legacy-content .site-header, .friendly-legacy-content .site-header.is-scrolled {position: sticky; top: 0px; color: rgb(255, 255, 255); background: rgba(12, 55, 71, 0.97); z-index: 60;}
.friendly-legacy-content .site-header.is-scrolled .brand-mark, .friendly-legacy-content .site-header.is-scrolled .header-cta {border-color: rgba(255, 255, 255, 0.72);}
.friendly-legacy-content .map-review-grid {grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (max-width: 600px) {
.friendly-legacy-content .hero-actions {display: grid; grid-template-columns: 1fr;}
.friendly-legacy-content .hero h1 {font-size: clamp(28px, 7.5vw, 42px);}
.friendly-legacy-content .hero-lead {font-size: 14px;}
.friendly-legacy-content .regional-review-card .button {white-space: normal; text-align: center;}
.friendly-legacy-content .map-review-grid {grid-template-columns: 1fr;}
}
.friendly-legacy-content .comparison-hero {background: linear-gradient(122deg, rgb(10, 51, 68) 0%, rgb(18, 111, 109) 60%, rgb(41, 151, 140) 100%);}
.friendly-legacy-content .comparison-hero-actions {display: flex; gap: 12px; margin-top: 28px;}
.friendly-legacy-content .comparison-hero-actions .button-ghost {border-color: rgba(255, 255, 255, 0.58); color: rgb(255, 255, 255);}
.friendly-legacy-content .comparison-summary {padding: 0px; background: rgb(12, 55, 71);}
.friendly-legacy-content .comparison-summary-grid {display: grid; grid-template-columns: repeat(3, 1fr);}
.friendly-legacy-content .comparison-summary-grid > div {min-height: 135px; padding: 28px 34px; border-right: 1px solid rgba(255, 255, 255, 0.17); color: rgb(216, 238, 234);}
.friendly-legacy-content .comparison-summary-grid > div:last-child {border-right: 0px;}
.friendly-legacy-content .comparison-summary-grid span {display: block; color: rgb(242, 175, 109); font-family: Georgia, serif; font-size: 2.1rem; line-height: 1;}
.friendly-legacy-content .comparison-summary-grid p {margin: 0.55rem 0px 0px; font-size: 0.88rem; line-height: 1.65;}
.friendly-legacy-content .comparison-heading {display: grid; grid-template-columns: 1fr 0.72fr; gap: 3rem; align-items: end; margin-bottom: 2.2rem;}
.friendly-legacy-content .comparison-heading > p {margin: 0px 0px 0.55rem; color: rgb(73, 97, 94); line-height: 1.85;}
.friendly-legacy-content .comparison-table-wrap {overflow-x: auto; border: 1px solid rgb(214, 231, 227); box-shadow: rgba(5, 43, 55, 0.08) 0px 14px 34px;}
.friendly-legacy-content .comparison-table {width: 100%; min-width: 960px; border-collapse: collapse; background: rgb(255, 255, 255); text-align: left;}
.friendly-legacy-content .comparison-table th {padding: 1rem 1.05rem; background: rgb(23, 86, 85); color: rgb(255, 255, 255); font-size: 0.8rem; letter-spacing: 0.03em;}
.friendly-legacy-content .comparison-table td {padding: 1.15rem 1.05rem; border-top: 1px solid rgb(220, 233, 229); color: rgb(78, 103, 99); font-size: 0.86rem; line-height: 1.65; vertical-align: top;}
.friendly-legacy-content .comparison-table td:first-child {min-width: 180px; color: rgb(23, 86, 85);}
.friendly-legacy-content .comparison-table td strong {display: block; font-size: 0.98rem; line-height: 1.45;}
.friendly-legacy-content .comparison-table tr.is-priority td {background: rgb(255, 248, 237);}
.friendly-legacy-content .comparison-index {display: inline-block; margin: 0px 0.45rem 0.35rem 0px; color: rgb(225, 135, 67); font-family: Georgia, serif; font-size: 0.8rem; font-weight: 700;}
.friendly-legacy-content .comparison-table small {display: inline-block; margin-top: 0.45rem; padding: 0.16rem 0.38rem; background: rgb(225, 135, 67); color: rgb(255, 255, 255); font-size: 0.64rem; font-weight: 800;}
.friendly-legacy-content .comparison-table .service-link {white-space: nowrap;}
.friendly-legacy-content .comparison-note {margin: 1.4rem 0px 0px; padding: 1rem 1.15rem; border-left: 3px solid rgb(225, 135, 67); background: rgb(255, 246, 231); color: rgb(105, 71, 35); font-size: 0.82rem; line-height: 1.75;}
.friendly-legacy-content .comparison-next {background: rgb(237, 246, 244);}
.friendly-legacy-content .comparison-next .container {display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 3.3rem; align-items: center;}
.friendly-legacy-content .comparison-next-links {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.8rem;}
.friendly-legacy-content .comparison-next-links a {display: flex; min-height: 105px; flex-direction: column; justify-content: space-between; padding: 1rem; border-left: 3px solid rgb(23, 123, 117); background: rgb(255, 255, 255); color: rgb(23, 86, 85); font-size: 0.9rem; font-weight: 800; text-decoration: none;}
.friendly-legacy-content .comparison-next-links a:hover {background: rgb(223, 242, 239);}
.friendly-legacy-content .comparison-next-links span {color: rgb(225, 135, 67); font-size: 1.2rem;}
@media (max-width: 900px) {
.friendly-legacy-content .comparison-summary-grid {grid-template-columns: 1fr;}
.friendly-legacy-content .comparison-summary-grid > div {min-height: 0px; border-right: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.17);}
.friendly-legacy-content .comparison-summary-grid > div:last-child {border-bottom: 0px;}
.friendly-legacy-content .comparison-heading, .friendly-legacy-content .comparison-next .container {grid-template-columns: 1fr; gap: 1.5rem;}
.friendly-legacy-content .comparison-next-links {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 600px) {
.friendly-legacy-content .comparison-hero-actions {display: grid; grid-template-columns: 1fr;}
.friendly-legacy-content .comparison-hero-actions .button {text-align: center;}
.friendly-legacy-content .comparison-summary-grid > div {padding: 22px 20px;}
.friendly-legacy-content .comparison-next-links {grid-template-columns: 1fr;}
.friendly-legacy-content .comparison-next-links a {min-height: 72px;}
}
@media (max-width: 900px) {
.friendly-legacy-content .region-guide-visual, .friendly-legacy-content .map-review-directory {grid-template-columns: 1fr;}
.friendly-legacy-content .region-guide-visual > div {padding: 0px 1.6rem 1.7rem;}
.friendly-legacy-content .map-review-grid {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 600px) {
.friendly-legacy-content .region-guide-visual {margin-left: -0.35rem; margin-right: -0.35rem;}
.friendly-legacy-content .region-guide-visual figure, .friendly-legacy-content .region-guide-visual img {min-height: 235px;}
.friendly-legacy-content .region-guide-visual > div {padding: 0px 1.35rem 1.5rem;}
.friendly-legacy-content .region-guide-visual h3 {font-size: 1.35rem;}
.friendly-legacy-content .map-review-directory {margin-left: -0.35rem; margin-right: -0.35rem; padding: 1.35rem;}
.friendly-legacy-content .map-review-grid {grid-template-columns: 1fr;}
.friendly-legacy-content .map-review-grid iframe {height: 185px;}
}
.friendly-legacy-content .information-content {max-width: 850px; overflow-wrap: anywhere; line-height: 1.95;}
.friendly-legacy-content .information-content h2 {margin: 2.5rem 0px 0.8rem; color: rgb(23, 86, 85); font-size: 1.45rem;}
.friendly-legacy-content .information-content ul {padding-left: 1.4rem;}
.friendly-legacy-content .information-content li {margin: 0.7rem 0px;}
.friendly-legacy-content .information-content a {color: rgb(23, 86, 85); text-underline-offset: 0.25em;}
.friendly-legacy-content .information-back {margin-top: 3rem;}
.friendly-legacy-content .information-content dd {margin: 0.4rem 0px 1.2rem;}
.friendly-legacy-content .information-content dt {font-weight: 700;}
.friendly-legacy-content .brand-mark, .friendly-legacy-content .footer-brand-mark {display: grid; place-items: center; position: relative; flex: 0 0 40px; width: 40px; height: 40px; border: 0px; border-radius: 11px; background: rgb(247, 245, 239); color: rgb(12, 55, 71); font-family: Georgia, "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: 28px; font-weight: 700; line-height: 1;}
.friendly-legacy-content .brand-mark::after, .friendly-legacy-content .footer-brand-mark::after {position: absolute; top: 6px; right: 7px; width: 5px; height: 5px; border-radius: 50%; background: rgb(225, 135, 67); content: "";}
.friendly-legacy-content .brand-name {color: rgb(247, 245, 239); font-size: 18px; font-weight: 700; letter-spacing: 0.055em; line-height: 1.05;}
.friendly-legacy-content .brand-lead {margin-right: 0.12em; color: rgb(225, 135, 67); font-family: Georgia, "Yu Mincho", "Hiragino Mincho ProN", serif; font-weight: 600;}
.friendly-legacy-content .brand-name b, .friendly-legacy-content .footer-brand b {color: rgb(247, 245, 239); font-weight: 700;}
.friendly-legacy-content .footer-brand {gap: 11px; text-decoration: none;}
.friendly-legacy-content .footer-brand span > span:not(.brand-lead) {line-height: 1.05;}
.friendly-legacy-content .footer-brand small {color: rgba(247, 245, 239, 0.76); font-size: 10px; font-weight: 600; letter-spacing: 0.16em;}
@media (max-width: 600px) {
.friendly-legacy-content .brand-mark, .friendly-legacy-content .footer-brand-mark {flex-basis: 34px; width: 34px; height: 34px; border-radius: 10px; font-size: 24px;}
.friendly-legacy-content .brand-mark::after, .friendly-legacy-content .footer-brand-mark::after {top: 5px; right: 6px; width: 4px; height: 4px;}
.friendly-legacy-content .brand-name {font-size: 15px;}
.friendly-legacy-content .footer-brand {gap: 9px; font-size: 15px;}
.friendly-legacy-content .footer-brand small {font-size: 9px;}
}
.friendly-legacy-content {--premium-paper: #f4f3ec; --premium-forest: #163b32; --premium-lime: #dbed83; --premium-muted: #56665d; --premium-line: #cdd3c8; --premium-serif: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif CJK JP", "Noto Serif JP", serif; --ink: #163b32; --navy: #163b32; --teal: #305d4a; --cream: #f4f3ec; --orange: #526d3c; --muted: #56665d; --line: #cdd3c8; margin: 0px; padding: 0px; color: var(--premium-forest); background: var(--premium-paper); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans CJK JP", Meiryo, sans-serif; font-size: 16px; line-height: 1.85; -webkit-font-smoothing: antialiased; overflow-x: visible;}
.friendly-legacy-content *, .friendly-legacy-content ::before, .friendly-legacy-content ::after {box-sizing: border-box;}
.friendly-legacy-content [hidden] {display: none !important;}
.friendly-legacy-content img {max-width: 100%;}
.friendly-legacy-content :where(a, button, summary) {-webkit-tap-highlight-color: transparent; scroll-margin-block: 110px;}
.friendly-legacy-content :where(a, button, summary, [tabindex]):focus-visible {outline: 3px solid var(--premium-forest); outline-offset: 5px; box-shadow: 0 0 0 5px var(--premium-lime);}
.friendly-legacy-content :where(h1, h2, h3, p) {overflow-wrap: anywhere;}
.friendly-legacy-content :where(h1, h2, h3) {color: inherit;}
.friendly-legacy-content [id] {scroll-margin-top: 110px;}
.friendly-legacy-content .premium-shell, .friendly-legacy-content .container {width: min(1280px, 100% - 96px); margin-inline: auto;}
.friendly-legacy-content .friendly-legacy-content-content:focus {outline: none;}
.friendly-legacy-content .premium-skip {position: fixed; z-index: 99999; top: 12px; left: 12px; padding: 12px 24px; color: var(--premium-forest); background: var(--premium-lime); transform: translateY(-160%);}
.friendly-legacy-content .premium-skip:focus {transform: translateY(0px);}
.friendly-legacy-content .premium-header, .friendly-legacy-content .premium-header.is-scrolled {position: sticky; inset: 0px 0px auto; z-index: 100; color: var(--premium-forest); background: var(--premium-paper); border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--premium-line); box-shadow: none; backdrop-filter: none; transition: none;}
.friendly-legacy-content .premium-header-inner {min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 32px;}
.friendly-legacy-content .premium-brand {display: inline-flex; align-items: center; flex-shrink: 0; gap: 12px; min-height: 52px; color: inherit; text-decoration: none;}
.friendly-legacy-content .premium-brand-mark {position: relative; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid; border-radius: 50%; font-family: var(--premium-serif); font-size: 28px; line-height: 1;}
.friendly-legacy-content .premium-brand-mark > span {position: absolute; right: 2px; bottom: 5px; font-size: 18px; background: var(--premium-paper);}
.friendly-legacy-content .premium-brand-name {font-family: var(--premium-serif); font-weight: 700; font-size: 22px; letter-spacing: 0.07em; line-height: 1.4;}
.friendly-legacy-content .premium-brand-name small {display: block; font-family: Arial, sans-serif; font-size: 9px; font-weight: 500; letter-spacing: 0.16em; line-height: 1.7;}
.friendly-legacy-content .premium-nav {display: flex; align-items: center; gap: clamp(16px, 2vw, 32px); font-size: 13px; font-weight: 600;}
.friendly-legacy-content .premium-nav a {display: inline-flex; align-items: center; gap: 24px; min-height: 48px; padding-block: 8px; text-underline-offset: 7px;}
.friendly-legacy-content .premium-nav a:hover {text-decoration: underline;}
.friendly-legacy-content .premium-nav .premium-nav-cta {padding: 10px 22px; border: 1px solid var(--premium-forest); border-radius: 2px;}
.friendly-legacy-content .premium-menu-toggle {display: none;}
.friendly-legacy-content .premium-eyebrow {margin: 0px 0px 22px; font-family: Arial, sans-serif; font-size: 11px; font-weight: 600; line-height: 1.6; letter-spacing: 0.15em;}
.friendly-legacy-content .premium-button {display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; min-height: 58px; padding: 14px 26px; border: 1px solid var(--premium-forest); border-radius: 2px; background: var(--premium-forest); color: var(--premium-paper); font-size: 14px; font-weight: 600; line-height: 1.7; text-decoration: none; transition: background 0.2s, color 0.2s;}
.friendly-legacy-content .premium-button > span, .friendly-legacy-content .premium-text-link > span {flex-shrink: 0; font-size: 20px; font-weight: 400;}
.friendly-legacy-content .premium-button:hover {color: var(--premium-forest); background: var(--premium-lime);}
.friendly-legacy-content .premium-button-outline {background: transparent; color: var(--premium-forest);}
.friendly-legacy-content .premium-text-link {display: inline-flex; align-items: center; justify-content: space-between; gap: 22px; min-height: 48px; border-bottom: 1px solid; color: inherit; font-size: 13px; font-weight: 600; line-height: 1.75; text-decoration: none;}
.friendly-legacy-content .premium-text-link:hover {text-decoration: underline; text-underline-offset: 5px;}
.friendly-legacy-content .premium-hero {padding-top: 46px;}
.friendly-legacy-content .premium-hero-layout {display: grid; grid-template-columns: minmax(0px, 0.94fr) minmax(0px, 1.06fr); gap: 36px; align-items: center;}
.friendly-legacy-content .premium-hero-copy {padding: 28px 0px 36px;}
.friendly-legacy-content .premium-hero-tag {display: flex; align-items: center; gap: 10px; margin: 0px 0px 28px; font-size: 12px; font-weight: 600; letter-spacing: 0.09em;}
.friendly-legacy-content .premium-hero-tag > span {width: 7px; height: 7px; background: var(--premium-forest); border-radius: 50%;}
.friendly-legacy-content .premium-hero h1 {margin: 0px 0px 25px; font-family: var(--premium-serif); font-size: clamp(48px, 5.25vw, 78px); font-weight: 500; line-height: 1.45; letter-spacing: -0.035em; font-feature-settings: "palt";}
.friendly-legacy-content .premium-hero-lead {margin: 0px 0px 29px; font-size: 15px; line-height: 2.1; letter-spacing: 0.04em;}
.friendly-legacy-content .premium-hero-actions {display: flex; flex-wrap: wrap; align-items: center; gap: 16px 25px;}
.friendly-legacy-content .premium-hero-context {margin: 22px 0px 0px; color: var(--premium-muted); font-size: 11px; line-height: 1.9;}
.friendly-legacy-content .premium-hero-visual {min-width: 0px; margin: 0px;}
.friendly-legacy-content .premium-hero-image-wrap {position: relative; height: clamp(480px, 42vw, 620px); background: rgb(220, 226, 214); border-radius: 180px 2px 2px; isolation: isolate;}
.friendly-legacy-content .premium-hero-image-wrap::after {position: absolute; z-index: 0; inset: 60% 0px 0px; border-radius: inherit; background: linear-gradient(transparent, rgba(9, 31, 25, 0.65)); content: ""; pointer-events: none;}
.friendly-legacy-content .premium-hero-image-wrap img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--premium-hero-position, 83% center); border-radius: inherit;}
.friendly-legacy-content .premium-hero-stamp {position: absolute; z-index: 1; top: 24px; right: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 112px; height: 112px; border: 1px solid var(--premium-forest); border-radius: 50%; background: var(--premium-lime); color: var(--premium-forest); font: 11px / 1.4 Arial, sans-serif; letter-spacing: 0.08em; transform: rotate(9deg);}
.friendly-legacy-content .premium-hero-stamp i {font: italic 24px / 1.3 Georgia, serif; letter-spacing: -0.04em;}
.friendly-legacy-content .premium-hero-stamp small {margin-top: 8px; font-size: 7px; letter-spacing: 0.1em;}
.friendly-legacy-content .premium-hero-photo-label {position: absolute; z-index: 1; bottom: 22px; left: 26px; color: rgb(255, 255, 255); font: 10px / 1.5 Arial, sans-serif; letter-spacing: 0.17em;}
.friendly-legacy-content .premium-hero-visual figcaption {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; padding-top: 12px; color: var(--premium-muted); font-size: 10px; line-height: 1.7;}
.friendly-legacy-content .premium-hero-bottom {display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 0px 26px;}
.friendly-legacy-content .premium-scroll-cue {display: flex; align-items: center; gap: 24px; font: 9px / 1.5 Arial, sans-serif; letter-spacing: 0.15em;}
.friendly-legacy-content .premium-scroll-cue > span {font-size: 22px;}
.friendly-legacy-content .premium-hero-direct {display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 4px 18px; color: var(--premium-muted); font-size: 10px;}
.friendly-legacy-content .premium-hero-direct > div {display: flex; gap: 16px;}
.friendly-legacy-content .premium-hero-direct a {display: flex; align-items: center; gap: 6px; min-height: 44px; color: var(--premium-forest); font-size: 11px; text-decoration: underline; text-underline-offset: 4px;}
.friendly-legacy-content .premium-ticker {overflow: hidden; padding: 22px 0px; border-block: 1px solid var(--premium-line); background: var(--premium-lime);}
.friendly-legacy-content .premium-ticker-track {display: flex; width: max-content; align-items: center; gap: 40px; padding-inline: 32px; font-family: var(--premium-serif); font-size: clamp(26px, 3.2vw, 46px); font-weight: 600; letter-spacing: 0.02em; line-height: 1.5; animation: 4.5s ease-out 0s 1 normal both running premium-ticker-drift;}
.friendly-legacy-content .premium-ticker-track i {font-family: Arial, sans-serif; font-style: normal; font-weight: 400;}
@keyframes premium-ticker-drift { 
  0% { transform: translateX(48px); }
  100% { transform: translateX(0px); }
}
.friendly-legacy-content .premium-section {padding-block: clamp(76px, 8.3vw, 128px);}
.friendly-legacy-content .premium-section h2 {margin: 0px; font-family: var(--premium-serif); font-size: clamp(36px, 3.65vw, 54px); font-weight: 500; line-height: 1.6; letter-spacing: 0.035em; font-feature-settings: "palt";}
.friendly-legacy-content .premium-section-heading {display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 52px;}
.friendly-legacy-content .premium-section-heading > p {margin: 0px 4% 9px 0px; color: var(--premium-muted); font-size: 14px; line-height: 2.15;}
.friendly-legacy-content .premium-condition-layout {display: grid; grid-template-columns: minmax(0px, 0.8fr) minmax(0px, 1.2fr); gap: clamp(32px, 6vw, 88px);}
.friendly-legacy-content .premium-condition-options {align-self: start; border-top: 1px solid var(--premium-line);}
.friendly-legacy-content .premium-condition-options a {display: flex; align-items: center; gap: 22px; min-height: 93px; padding: 22px 14px; border-bottom: 1px solid var(--premium-line); color: var(--premium-forest); font-size: 19px; font-weight: 600; line-height: 1.6; transition: background 0.2s;}
.friendly-legacy-content .premium-condition-options a > span:first-child {font: 13px / 1.5 Georgia, serif;}
.friendly-legacy-content .premium-condition-options a > span:last-child {margin-left: auto; font-size: 24px; font-weight: 400;}
.friendly-legacy-content .premium-condition-options a[aria-selected="true"] {padding-inline: 24px; border-color: var(--premium-forest); background: var(--premium-forest); color: var(--premium-paper);}
.friendly-legacy-content .premium-condition-options a:hover {background: rgb(227, 232, 215);}
.friendly-legacy-content .premium-condition-options a[aria-selected="true"]:hover {background: rgb(36, 76, 62);}
.friendly-legacy-content .premium-condition-panels {min-width: 0px;}
.friendly-legacy-content .premium-condition-panel {position: relative; padding: 38px 42px; background: rgb(233, 237, 223); border: 1px solid var(--premium-line);}
.friendly-legacy-content .premium-condition-panel + .premium-condition-panel {margin-top: 24px;}
.friendly-legacy-content .premium-condition-enhanced .premium-condition-panel {min-height: 446px; margin-top: 0px;}
.friendly-legacy-content .premium-panel-number {position: absolute; top: 20px; right: 24px; color: rgb(186, 199, 174); font: 86px / 1 Georgia, serif; pointer-events: none;}
.friendly-legacy-content .premium-condition-panel > :not(.premium-panel-number) {position: relative;}
.friendly-legacy-content .premium-condition-panel .premium-eyebrow {max-width: calc(100% - 80px); margin-bottom: 17px; font-size: 10px;}
.friendly-legacy-content .premium-condition-panel h3 {margin: 0px 0px 17px; font-family: var(--premium-serif); font-size: clamp(29px, 2.6vw, 38px); font-weight: 500; line-height: 1.6;}
.friendly-legacy-content .premium-condition-panel > p:not(.premium-eyebrow) {max-width: 480px; margin: 0px; color: rgb(64, 84, 71); font-size: 13px; line-height: 1.95;}
.friendly-legacy-content .premium-condition-panel ul {margin: 22px 0px 16px; padding: 0px; list-style: none;}
.friendly-legacy-content .premium-condition-panel li {position: relative; padding-left: 17px; color: rgb(64, 84, 71); font-size: 12px; line-height: 1.9;}
.friendly-legacy-content .premium-condition-panel li::before {position: absolute; top: 0.8em; left: 0px; width: 5px; height: 5px; border: 1px solid; border-radius: 50%; content: "";}
.friendly-legacy-content .premium-section-footnote {max-width: 740px; margin: 24px 0px 0px auto; color: var(--premium-muted); font-size: 11px;}
.friendly-legacy-content .premium-principles {border-block: 1px solid var(--premium-line); background: rgb(233, 236, 227);}
.friendly-legacy-content .premium-principles-layout {display: grid; grid-template-columns: minmax(0px, 0.95fr) minmax(0px, 1.05fr); gap: clamp(40px, 8vw, 120px);}
.friendly-legacy-content .premium-principles-story > p:not(.premium-eyebrow) {margin: 23px 0px 36px; color: var(--premium-muted); font-size: 14px;}
.friendly-legacy-content .premium-recycling-visual {margin: 0px;}
.friendly-legacy-content .premium-recycling-visual img {display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover;}
.friendly-legacy-content .premium-recycling-visual figcaption {margin-top: 9px; color: var(--premium-muted); font-size: 10px; text-align: right;}
.friendly-legacy-content .premium-principles-list article {display: grid; grid-template-columns: 48px minmax(0px, 1fr); gap: 20px; padding-block: 28px 32px; border-top: 1px solid rgb(188, 199, 183);}
.friendly-legacy-content .premium-principles-list article > span {font: 32px / 1.3 Georgia, serif;}
.friendly-legacy-content .premium-principles-list .premium-eyebrow {margin: 0px 0px 9px; font-size: 10px;}
.friendly-legacy-content .premium-principles-list h3 {margin: 0px 0px 13px; font-family: var(--premium-serif); font-size: clamp(22px, 2vw, 28px); font-weight: 600; line-height: 1.55;}
.friendly-legacy-content .premium-principles-list article p:not(.premium-eyebrow) {margin: 0px 0px 9px; color: var(--premium-muted); font-size: 13px;}
.friendly-legacy-content .premium-principles-list > .premium-button {width: 100%; margin-top: 12px;}
.friendly-legacy-content .premium-region-layout {display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: clamp(40px, 7vw, 96px);}
.friendly-legacy-content .premium-city-feature {display: flex; flex-direction: column; min-width: 0px; background: var(--premium-forest); color: var(--premium-paper);}
.friendly-legacy-content .premium-city-feature:focus-visible, .friendly-legacy-content .premium-contact:focus-visible {outline-color: var(--premium-lime);}
.friendly-legacy-content .premium-city-top {display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 30px; font: 10px / 1.8 Arial, sans-serif; letter-spacing: 0.12em;}
.friendly-legacy-content .premium-city-top > span:last-child {font-size: 28px;}
.friendly-legacy-content .premium-city-art {position: relative; display: grid; place-items: center; min-height: 160px; overflow: hidden;}
.friendly-legacy-content .premium-city-art > span {z-index: 1; font: clamp(38px, 5vw, 74px) / 1 Georgia, serif; letter-spacing: -0.025em; color: var(--premium-lime);}
.friendly-legacy-content .premium-city-art i {position: absolute; width: 125%; height: 190px; top: 82px; left: -12%; border: 1px solid rgb(114, 148, 124); border-radius: 50%; transform: rotate(-13deg);}
.friendly-legacy-content .premium-city-art i:nth-of-type(2) {top: 104px;}
.friendly-legacy-content .premium-city-art i:nth-of-type(3) {top: 126px;}
.friendly-legacy-content .premium-city-copy {padding: 30px; margin-top: auto;}
.friendly-legacy-content .premium-city-copy > .premium-eyebrow {color: var(--premium-lime); font-size: 10px;}
.friendly-legacy-content .premium-city-copy h3 {margin: 12px 0px 16px; font-family: var(--premium-serif); font-size: clamp(25px, 2.5vw, 36px); font-weight: 500;}
.friendly-legacy-content .premium-city-copy p {max-width: 390px; margin: 0px 0px 28px; color: rgb(212, 223, 209); font-size: 12px;}
.friendly-legacy-content .premium-city-link {display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 18px; border-top: 1px solid rgb(105, 130, 115); font-size: 13px;}
.friendly-legacy-content .premium-city-feature:hover .premium-city-link {text-decoration: underline; text-underline-offset: 5px;}
.friendly-legacy-content .premium-region-list {border-top: 1px solid var(--premium-line);}
.friendly-legacy-content .premium-region-list a {display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 105px; padding: 19px 12px; border-bottom: 1px solid var(--premium-line);}
.friendly-legacy-content .premium-region-list a:hover {background: rgb(233, 237, 223);}
.friendly-legacy-content .premium-region-list small, .friendly-legacy-content .premium-region-list strong, .friendly-legacy-content .premium-region-list em {display: block;}
.friendly-legacy-content .premium-region-list small {font: 9px / 1.5 Arial, sans-serif; letter-spacing: 0.16em;}
.friendly-legacy-content .premium-region-list strong {margin: 4px 0px 1px; font-size: 19px; font-weight: 500; line-height: 1.6;}
.friendly-legacy-content .premium-region-list em {color: var(--premium-muted); font-size: 11px; font-style: normal;}
.friendly-legacy-content .premium-region-list a > span:last-child {font-size: 24px;}
.friendly-legacy-content .premium-guides {border-block: 1px solid var(--premium-line); background: rgb(238, 238, 230);}
.friendly-legacy-content .premium-journal-layout {display: grid; grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr); align-items: start; gap: clamp(40px, 7vw, 100px);}
.friendly-legacy-content .premium-journal-feature {display: block;}
.friendly-legacy-content .premium-journal-cover {position: relative; display: flex; flex-direction: column; min-height: 330px; padding: 32px; overflow: hidden; background: rgb(220, 228, 194); border: 1px solid rgb(183, 197, 158); box-shadow: rgb(203, 215, 175) 8px 0px 0px inset;}
.friendly-legacy-content .premium-journal-cover > span {display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font: 9px / 1.6 Arial, sans-serif; letter-spacing: 0.14em;}
.friendly-legacy-content .premium-journal-cover strong {position: relative; z-index: 1; margin: 33px 0px 42px; font-family: var(--premium-serif); font-size: clamp(30px, 3.5vw, 49px); font-weight: 500; line-height: 1.55; letter-spacing: 0.02em;}
.friendly-legacy-content .premium-journal-cover > span:last-child {position: relative; z-index: 1; margin-top: auto;}
.friendly-legacy-content .premium-journal-cover b {font: italic 52px / 1 Georgia, serif;}
.friendly-legacy-content .premium-journal-line {position: absolute; width: 280px; height: 340px; right: -160px; bottom: 0px; border: 1px solid rgb(145, 166, 111); border-radius: 50%; transform: rotate(32deg);}
.friendly-legacy-content .premium-journal-line::before, .friendly-legacy-content .premium-journal-line::after {position: absolute; inset: 20px; border: 1px solid rgb(145, 166, 111); border-radius: inherit; content: "";}
.friendly-legacy-content .premium-journal-line::after {inset: 40px;}
.friendly-legacy-content .premium-journal-feature-text {padding-top: 25px;}
.friendly-legacy-content .premium-journal-feature-text .premium-eyebrow {font-size: 10px;}
.friendly-legacy-content .premium-journal-feature h3 {margin: 12px 0px 13px; font-family: var(--premium-serif); font-size: clamp(24px, 2.2vw, 31px); font-weight: 500; line-height: 1.7;}
.friendly-legacy-content .premium-journal-feature p {margin: 0px 0px 14px; color: var(--premium-muted); font-size: 13px;}
.friendly-legacy-content .premium-journal-feature:hover h3 {text-decoration: underline 1px; text-underline-offset: 6px;}
.friendly-legacy-content .premium-journal-list {border-top: 1px solid var(--premium-line);}
.friendly-legacy-content .premium-journal-list > a {display: grid; grid-template-columns: 28px minmax(0px, 1fr) 20px; align-items: center; gap: 16px; padding: 24px 4px; min-height: 99px; border-bottom: 1px solid var(--premium-line);}
.friendly-legacy-content .premium-journal-list > a:hover {background: rgb(227, 232, 215);}
.friendly-legacy-content .premium-journal-index {align-self: start; padding-top: 2px; font: 14px / 1.5 Georgia, serif;}
.friendly-legacy-content .premium-journal-list small {display: block; font: 9px / 1.5 Arial, sans-serif; letter-spacing: 0.12em;}
.friendly-legacy-content .premium-journal-list h3 {margin: 7px 0px 0px; font-size: 16px; font-weight: 500; line-height: 1.7;}
.friendly-legacy-content .premium-journal-list > a > span:last-child {font-size: 23px;}
.friendly-legacy-content .premium-faq-layout {display: grid; grid-template-columns: minmax(0px, 0.8fr) minmax(0px, 1.2fr); gap: clamp(40px, 7vw, 100px);}
.friendly-legacy-content .premium-faq-layout > div:first-child > p:last-child {margin-top: 24px; color: var(--premium-muted); font-size: 13px;}
.friendly-legacy-content .premium-faq-list {border-top: 1px solid var(--premium-line);}
.friendly-legacy-content .premium-faq-list details {border-bottom: 1px solid var(--premium-line);}
.friendly-legacy-content .premium-faq-list summary {position: relative; display: flex; align-items: baseline; gap: 16px; min-height: 88px; padding: 28px 35px 28px 0px; cursor: pointer; font-size: 15px; font-weight: 500; line-height: 1.9; list-style: none;}
.friendly-legacy-content .premium-faq-list summary::-webkit-details-marker {display: none;}
.friendly-legacy-content .premium-faq-list summary > span {font: 21px / 1.5 Georgia, serif;}
.friendly-legacy-content .premium-faq-list summary::after {position: absolute; right: 3px; top: 27px; font-size: 22px; font-weight: 400; content: "+";}
.friendly-legacy-content .premium-faq-list details[open] summary::after {content: "−";}
.friendly-legacy-content .premium-faq-list details > div {padding: 0px 34px 27px; color: var(--premium-muted); font-size: 13px;}
.friendly-legacy-content .premium-faq-list details p {margin-top: 0px;}
.friendly-legacy-content .premium-faq-list .premium-text-link {color: var(--premium-forest);}
.friendly-legacy-content .premium-consultation {padding: 95px 0px 44px; color: var(--premium-paper); background: var(--premium-forest);}
.friendly-legacy-content .premium-consultation-heading {display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 0.85fr); align-items: end; gap: 64px; margin-bottom: 55px;}
.friendly-legacy-content .premium-consultation .premium-eyebrow {color: var(--premium-lime);}
.friendly-legacy-content .premium-consultation h2 {margin: 0px; font-family: var(--premium-serif); font-size: clamp(44px, 5.2vw, 76px); font-weight: 500; letter-spacing: 0.02em; line-height: 1.5;}
.friendly-legacy-content .premium-consultation-intro > p:first-child {margin: 0px 0px 24px; font-size: 16px; line-height: 2;}
.friendly-legacy-content .premium-ad-label {display: inline-block; padding: 3px 8px; border: 1px solid; font-size: 10px; line-height: 1.6; letter-spacing: 0.08em;}
.friendly-legacy-content .premium-consultation-provider {margin: 10px 0px 8px; font-size: 14px;}
.friendly-legacy-content .premium-small {margin-block: 10px 0px; font-size: 12px; line-height: 1.9;}
.friendly-legacy-content .premium-consultation .premium-small, .friendly-legacy-content .premium-consultation-note {color: rgb(212, 223, 209);}
.friendly-legacy-content .premium-contact-grid {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); border: 1px solid rgb(110, 135, 120);}
.friendly-legacy-content .premium-contact {display: flex; flex-direction: column; gap: 18px; min-height: 200px; padding: 28px; color: var(--premium-paper); border-left: 1px solid rgb(110, 135, 120); transition: background 0.2s;}
.friendly-legacy-content .premium-contact:first-child {border-left: 0px;}
.friendly-legacy-content .premium-contact-phone {color: var(--premium-forest); background: var(--premium-lime);}
.friendly-legacy-content .premium-contact:hover {color: var(--premium-forest); background: rgb(230, 241, 182);}
.friendly-legacy-content .premium-contact-label {font-size: 11px; letter-spacing: 0.07em;}
.friendly-legacy-content .premium-contact strong {font-size: clamp(21px, 2.2vw, 31px); font-weight: 500; line-height: 1.5; letter-spacing: -0.01em;}
.friendly-legacy-content .premium-contact-phone strong {font-family: Georgia, serif;}
.friendly-legacy-content .premium-contact-bottom {display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: auto; font-size: 11px;}
.friendly-legacy-content .premium-contact-bottom > span {font-size: 22px;}
.friendly-legacy-content .premium-consultation-note {margin: 22px 0px 0px; font-size: 11px;}
.friendly-legacy-content .premium-footer {padding: 62px 0px 28px; background: rgb(236, 238, 227);}
.friendly-legacy-content .premium-footer-top {display: flex; justify-content: space-between; gap: 50px;}
.friendly-legacy-content .premium-footer .premium-brand-mark > span {background: rgb(236, 238, 227);}
.friendly-legacy-content .premium-footer-tagline {margin: 19px 0px 0px; font-size: 12px; color: var(--premium-muted);}
.friendly-legacy-content .premium-footer-links {display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0px 42px;}
.friendly-legacy-content .premium-footer-links a {display: flex; align-items: center; min-height: 44px; font-size: 12px;}
.friendly-legacy-content .premium-footer-links a:hover, .friendly-legacy-content .premium-footer-bottom a:hover {text-decoration: underline; text-underline-offset: 5px;}
.friendly-legacy-content .premium-footer-bottom {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 32px; margin-top: 46px; padding-top: 22px; border-top: 1px solid var(--premium-line); color: var(--premium-muted);}
.friendly-legacy-content .premium-footer-bottom p {width: 100%; margin: 0px; font-size: 10px;}
.friendly-legacy-content .premium-footer-bottom small, .friendly-legacy-content .premium-footer-bottom a {font-size: 10px;}
.friendly-legacy-content .premium-footer-bottom a {display: inline-flex; align-items: center; min-height: 44px;}
.friendly-legacy-content .premium-mobile-contact {display: none;}
.friendly-legacy-content .premium-article-hero {padding: 30px 0px 65px; border-bottom: 1px solid var(--premium-line); background: rgb(233, 236, 227);}
.friendly-legacy-content .premium-breadcrumb ol {display: flex; flex-wrap: wrap; gap: 5px 12px; margin: 0px 0px 42px; padding: 0px; color: var(--premium-muted); font-size: 11px; list-style: none;}
.friendly-legacy-content .premium-breadcrumb li {display: inline; overflow-wrap: anywhere;}
.friendly-legacy-content .premium-breadcrumb li:not(:last-child)::after {margin-left: 12px; content: "/";}
.friendly-legacy-content .premium-breadcrumb a {display: inline-block; padding-block: 10px; text-decoration: underline; text-underline-offset: 4px;}
.friendly-legacy-content .premium-breadcrumb li:last-child {padding-block: 10px;}
.friendly-legacy-content .premium-article-hero h1 {max-width: 1020px; margin: 0px; font-family: var(--premium-serif); font-size: clamp(32px, 4vw, 57px); font-weight: 500; line-height: 1.65; letter-spacing: 0.02em;}
.friendly-legacy-content .premium-article-deck {margin: 24px 0px 0px; color: var(--premium-muted); font-size: 14px; line-height: 2;}
.friendly-legacy-content .premium-article-layout {display: grid; grid-template-columns: minmax(0px, 1fr) 290px; align-items: start; gap: clamp(48px, 7vw, 104px); padding-block: 70px 100px;}
.friendly-legacy-content .premium-article, .friendly-legacy-content .premium-prose {min-width: 0px;}
.friendly-legacy-content .premium-toc {margin-bottom: 48px; padding: 30px; border-block: 1px solid var(--premium-line); background: rgb(233, 237, 223);}
.friendly-legacy-content .premium-toc .premium-eyebrow {margin-bottom: 6px; font-size: 10px;}
.friendly-legacy-content .premium-toc h2 {margin: 0px 0px 18px; font-size: 18px; font-weight: 500;}
.friendly-legacy-content .premium-toc ol {margin: 0px; padding-left: 1.4em; font-size: 14px;}
.friendly-legacy-content .premium-toc li::marker {font: 12px Georgia, serif;}
.friendly-legacy-content .premium-toc a {display: inline-block; padding: 10px 0px 10px 9px; text-decoration: underline; text-underline-offset: 5px;}
.friendly-legacy-content .premium-prose {font-size: 16px; line-height: 2.15; overflow-wrap: anywhere;}
.friendly-legacy-content .premium-prose > :first-child {margin-top: 0px;}
.friendly-legacy-content .premium-prose p {margin: 0px 0px 1.65em;}
.friendly-legacy-content .premium-prose h2 {margin: 2.6em 0px 1em; padding-bottom: 0.6em; border-bottom: 1px solid var(--premium-line); font-family: var(--premium-serif); font-size: clamp(25px, 2.4vw, 33px); font-weight: 600; line-height: 1.65;}
.friendly-legacy-content .premium-prose h3 {margin: 2em 0px 0.8em; font-size: 21px; line-height: 1.65;}
.friendly-legacy-content .premium-prose h4 {font-size: 17px;}
.friendly-legacy-content .premium-prose :where(ul, ol) {padding-left: 1.5em;}
.friendly-legacy-content .premium-prose li {padding-left: 0.2em; margin-bottom: 0.6em;}
.friendly-legacy-content .premium-prose a {color: rgb(48, 93, 74); text-decoration: underline; text-underline-offset: 0.25em;}
.friendly-legacy-content .premium-prose figure {max-width: 100%; margin: 2em 0px;}
.friendly-legacy-content .premium-prose figcaption {color: var(--premium-muted); font-size: 12px; line-height: 1.8;}
.friendly-legacy-content .premium-prose img, .friendly-legacy-content .premium-prose video {max-width: 100%; height: auto;}
.friendly-legacy-content .premium-prose iframe {max-width: 100%;}
.friendly-legacy-content .premium-prose :where(blockquote, .wp-block-pullquote) {margin: 2em 0px; padding: 20px 25px; border-left: 2px solid rgb(82, 109, 60); background: rgb(233, 237, 223);}
.friendly-legacy-content .premium-prose blockquote p:last-child {margin-bottom: 0px;}
.friendly-legacy-content .premium-prose table {width: 100%; border-collapse: collapse; font-size: 14px;}
.friendly-legacy-content .premium-prose :where(th, td) {padding: 14px; border: 1px solid var(--premium-line); text-align: left; overflow-wrap: anywhere;}
.friendly-legacy-content .premium-prose th {background: rgb(233, 237, 223);}
.friendly-legacy-content .premium-prose .wp-block-table {overflow-x: auto;}
.friendly-legacy-content .premium-prose pre {max-width: 100%; padding: 20px; overflow: auto; background: rgb(233, 237, 223); font-size: 13px;}
.friendly-legacy-content .premium-prose :where(.alignwide, .alignfull) {max-width: 100%; width: 100%; margin-inline: 0px;}
.friendly-legacy-content .premium-page-links {display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px;}
.friendly-legacy-content .premium-page-links > * {min-width: 44px; padding: 8px 14px; border: 1px solid var(--premium-line);}
.friendly-legacy-content .premium-article-back {margin-top: 48px;}
.friendly-legacy-content .premium-article-aside {position: sticky; top: 122px;}
.friendly-legacy-content .premium-aside-consult {padding: 28px 24px; background: rgb(228, 233, 214); border-top: 2px solid var(--premium-forest);}
.friendly-legacy-content .premium-aside-consult .premium-eyebrow {font-size: 10px;}
.friendly-legacy-content .premium-aside-consult h2 {margin: 0px; font-family: var(--premium-serif); font-size: 25px; font-weight: 500; line-height: 1.7;}
.friendly-legacy-content .premium-aside-consult > p:not(.premium-eyebrow) {color: rgb(64, 84, 71); font-size: 12px;}
.friendly-legacy-content .premium-aside-consult > .premium-button {width: 100%; margin-top: 22px; padding-inline: 18px; font-size: 13px;}
.friendly-legacy-content .premium-aside-links {margin-top: 30px;}
.friendly-legacy-content .premium-aside-links > a {display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 54px; padding: 12px 0px; border-bottom: 1px solid var(--premium-line); font-size: 12px;}
.friendly-legacy-content .page-guide-hero {padding: 80px 0px 70px; background: rgb(233, 236, 227); color: var(--premium-forest); border-bottom: 1px solid var(--premium-line);}
.friendly-legacy-content .page-guide-hero::after {display: none; animation: auto ease 0s 1 normal none running none;}
.friendly-legacy-content .page-guide-hero h1 {max-width: 1080px; margin: 16px 0px 24px; font-family: var(--premium-serif); font-size: clamp(34px, 4.2vw, 60px); font-weight: 500; line-height: 1.65;}
.friendly-legacy-content .page-guide-hero p {max-width: 760px; color: var(--premium-muted); line-height: 2;}
.friendly-legacy-content .page-guide-hero .section-label, .friendly-legacy-content .section-label {color: rgb(48, 93, 74); font-family: Arial, sans-serif; font-size: 11px; letter-spacing: 0.15em;}
.friendly-legacy-content .section {padding-block: 90px;}
.friendly-legacy-content .section-title {font-family: var(--premium-serif); font-weight: 500; line-height: 1.65;}
.friendly-legacy-content .section-white {background: var(--premium-paper);}
.friendly-legacy-content .button {min-height: 50px; padding: 12px 23px; border-radius: 2px; font-weight: 500; font-size: 13px; box-shadow: none; line-height: 1.8;}
.friendly-legacy-content .button::before {display: none;}
.friendly-legacy-content .button:hover {transform: none; box-shadow: none; text-decoration: underline; text-underline-offset: 5px;}
.friendly-legacy-content .button-primary {color: var(--premium-paper); background: var(--premium-forest); border-color: var(--premium-forest);}
.friendly-legacy-content .page-guide-hero .button-ghost {color: var(--premium-forest); background: transparent; border-color: var(--premium-forest);}
.friendly-legacy-content .regional-local-section, .friendly-legacy-content .regional-proof-section, .friendly-legacy-content .fukuoka-ward-section, .friendly-legacy-content .regional-navigation, .friendly-legacy-content .comparison-next {background: rgb(233, 236, 227);}
.friendly-legacy-content .local-business-grid {gap: 24px;}
.friendly-legacy-content .local-business-card {min-width: 0px; min-height: 295px; padding: 30px 25px; background: var(--premium-paper); border: 1px solid var(--premium-line); box-shadow: none;}
.friendly-legacy-content .local-business-card:hover, .friendly-legacy-content .regional-nav-grid a:hover {transform: none; box-shadow: none;}
.friendly-legacy-content .local-business-card.is-priority {border: 1px solid rgb(82, 109, 60);}
.friendly-legacy-content .local-business-badge {background: var(--premium-forest); color: var(--premium-paper);}
.friendly-legacy-content .local-business-card h2 {font-family: var(--premium-serif); color: var(--premium-forest); font-size: 24px; font-weight: 500; line-height: 1.65;}
.friendly-legacy-content .local-business-place, .friendly-legacy-content .local-business-card > p:not(.local-business-place) {color: var(--premium-muted);}
.friendly-legacy-content .service-link {display: inline-flex; align-items: center; min-height: 44px; color: rgb(48, 93, 74); text-decoration: underline; text-underline-offset: 5px;}
.friendly-legacy-content .regional-proof-section {padding-top: 0px;}
.friendly-legacy-content .regional-proof-layout {min-width: 0px; margin-inline: auto; background: var(--premium-forest); box-shadow: none;}
.friendly-legacy-content .regional-proof-image img {display: block; aspect-ratio: 4 / 3; object-fit: cover;}
.friendly-legacy-content .regional-proof-layout:hover .regional-proof-image img {transform: none;}
.friendly-legacy-content .regional-review-card {min-width: 0px;}
.friendly-legacy-content .regional-review-card h2 {font-family: var(--premium-serif); font-weight: 500;}
.friendly-legacy-content .regional-review-card .section-label, .friendly-legacy-content .review-score strong, .friendly-legacy-content .review-score span {color: var(--premium-lime);}
.friendly-legacy-content .review-score {flex-wrap: wrap;}
.friendly-legacy-content .review-note, .friendly-legacy-content .review-business-name, .friendly-legacy-content .review-checked, .friendly-legacy-content .review-score small {color: rgb(212, 223, 209);}
.friendly-legacy-content .regional-check-list {background: rgb(233, 237, 223); border-left: 2px solid rgb(82, 109, 60);}
.friendly-legacy-content .regional-check-list :where(p, li, p span) {color: var(--premium-muted);}
.friendly-legacy-content .ward-list {gap: 10px;}
.friendly-legacy-content .ward-list li {background: var(--premium-paper); border-color: var(--premium-line); color: var(--premium-forest); font-weight: 500;}
.friendly-legacy-content .faq-list details {border: 0px; border-block-end: 1px solid var(--premium-line); background: transparent;}
.friendly-legacy-content .faq-list summary {padding-block: 23px; color: var(--premium-forest); font-weight: 500;}
.friendly-legacy-content .faq-list p {color: var(--premium-muted);}
.friendly-legacy-content .regional-nav-grid a {min-width: 0px; min-height: 115px; padding: 22px; border: 1px solid var(--premium-line); color: var(--premium-forest); background: var(--premium-paper); font-weight: 500;}
.friendly-legacy-content .regional-nav-grid span {color: var(--premium-muted);}
.friendly-legacy-content .regional-nav-grid b {color: var(--premium-forest);}
.friendly-legacy-content .final-cta {padding-block: 80px; background: var(--premium-paper); border-top: 1px solid var(--premium-line);}
.friendly-legacy-content .final-cta h2 {font-family: var(--premium-serif); font-weight: 500; line-height: 1.65;}
.friendly-legacy-content .comparison-summary {padding: 0px; background: var(--premium-forest);}
.friendly-legacy-content .comparison-summary-grid > div {padding: 32px; color: rgb(212, 223, 209);}
.friendly-legacy-content .comparison-summary-grid span {color: var(--premium-lime);}
.friendly-legacy-content .comparison-table-wrap {max-width: 100%; border: 1px solid var(--premium-line); box-shadow: none; scrollbar-color: rgb(82, 109, 60) rgb(233, 237, 223);}
.friendly-legacy-content .comparison-table {background: var(--premium-paper);}
.friendly-legacy-content .comparison-table th {background: var(--premium-forest); font-weight: 500;}
.friendly-legacy-content .comparison-table td {padding-block: 25px; color: var(--premium-muted); border-color: var(--premium-line);}
.friendly-legacy-content .comparison-table td:first-child, .friendly-legacy-content .comparison-index {color: var(--premium-forest);}
.friendly-legacy-content .comparison-table tr.is-priority td {background: rgb(233, 237, 223);}
.friendly-legacy-content .comparison-table small {color: var(--premium-paper); background: var(--premium-forest);}
.friendly-legacy-content .comparison-note {padding: 20px 24px; color: rgb(64, 84, 71); background: rgb(233, 237, 223); border-color: rgb(82, 109, 60);}
.friendly-legacy-content .comparison-next-links a {color: var(--premium-forest); background: var(--premium-paper); border: 1px solid var(--premium-line); font-weight: 500;}
.friendly-legacy-content .comparison-next-links span {color: var(--premium-forest);}
.friendly-legacy-content .information-content {max-width: 880px; font-size: 16px; line-height: 2.1;}
.friendly-legacy-content .information-content h2 {padding-bottom: 15px; border-bottom: 1px solid var(--premium-line); color: var(--premium-forest); font-family: var(--premium-serif); font-size: 28px; font-weight: 500;}
.friendly-legacy-content .information-content a {display: inline-block; padding-block: 7px; color: rgb(48, 93, 74); text-decoration: underline;}
.friendly-legacy-content .reveal, .friendly-legacy-content .reveal.is-visible {opacity: 1 !important; transform: none !important; transition: none !important;}
.friendly-legacy-content .scroll-rail {display: none;}
@media (min-width: 901px) {
.friendly-legacy-content.admin-bar .premium-header {top: 32px;}
}
@media (max-width: 1100px) {
.friendly-legacy-content .premium-shell, .friendly-legacy-content .container {width: calc(100% - 64px);}
.friendly-legacy-content .premium-header-inner {gap: 18px;}
.friendly-legacy-content .premium-brand-name {font-size: 19px;}
.friendly-legacy-content .premium-nav {gap: 17px; font-size: 12px;}
.friendly-legacy-content .premium-nav .premium-nav-cta {padding-inline: 14px;}
.friendly-legacy-content .premium-hero-layout {gap: 28px;}
.friendly-legacy-content .premium-hero h1 {font-size: clamp(43px, 5.2vw, 60px);}
.friendly-legacy-content .premium-hero-actions {gap: 12px;}
.friendly-legacy-content .premium-hero-actions .premium-button {padding-inline: 20px;}
.friendly-legacy-content .premium-hero-image-wrap {height: 545px; border-top-left-radius: 130px;}
.friendly-legacy-content .premium-hero-bottom {align-items: flex-start;}
.friendly-legacy-content .premium-hero-direct {max-width: 510px;}
.friendly-legacy-content .premium-condition-panel {padding: 30px;}
.friendly-legacy-content .premium-contact {padding: 23px;}
.friendly-legacy-content .premium-article-layout {grid-template-columns: minmax(0px, 1fr) 255px; gap: 42px;}
}
@media (max-width: 900px) {
.friendly-legacy-content .premium-header-inner {min-height: 78px; flex-wrap: wrap; gap: 0px;}
.friendly-legacy-content .premium-header:not(.premium-nav-ready) {position: relative;}
.friendly-legacy-content .premium-nav {width: 100%; flex-wrap: wrap; justify-content: flex-start; gap: 0px 22px; padding: 10px 0px 18px;}
.friendly-legacy-content .premium-nav a {font-size: 13px;}
.friendly-legacy-content .premium-nav-ready .premium-menu-toggle {display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 44px; min-height: 48px; padding: 10px 0px 10px 12px; border: 0px; background: transparent; color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 11px; cursor: pointer;}
.friendly-legacy-content .premium-menu-icon {position: relative; width: 21px; height: 13px; border-block: 1px solid;}
.friendly-legacy-content .premium-menu-icon::after {position: absolute; top: 5px; left: 0px; width: 21px; border-top: 1px solid; content: "";}
.friendly-legacy-content .premium-menu-toggle[aria-expanded="true"] .premium-menu-icon {border-bottom-color: transparent; transform: rotate(45deg); height: 1px;}
.friendly-legacy-content .premium-menu-toggle[aria-expanded="true"] .premium-menu-icon::after {top: -1px; transform: rotate(90deg);}
.friendly-legacy-content .premium-nav-ready .premium-nav {display: none; max-height: calc(100dvh - 170px); overflow-y: auto;}
.friendly-legacy-content .premium-nav-ready .premium-nav.is-open {display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px 22px; padding-bottom: 25px;}
.friendly-legacy-content .premium-nav .premium-nav-cta {justify-content: space-between; grid-column: 1 / -1; margin-top: 6px;}
.friendly-legacy-content .premium-hero {padding-top: 28px;}
.friendly-legacy-content .premium-hero-layout {grid-template-columns: minmax(0px, 1fr) minmax(0px, 0.95fr); gap: 24px;}
.friendly-legacy-content .premium-hero-copy {padding: 12px 0px;}
.friendly-legacy-content .premium-hero-tag {font-size: 10px; margin-bottom: 20px;}
.friendly-legacy-content .premium-hero h1 {font-size: clamp(36px, 5.1vw, 47px);}
.friendly-legacy-content .premium-hero-lead {font-size: 13px;}
.friendly-legacy-content .premium-hero-image-wrap {height: 480px; border-top-left-radius: 90px;}
.friendly-legacy-content .premium-hero-stamp {width: 88px; height: 88px; top: 18px; right: 14px; font-size: 9px;}
.friendly-legacy-content .premium-hero-stamp i {font-size: 20px;}
.friendly-legacy-content .premium-hero-stamp small {font-size: 6px;}
.friendly-legacy-content .premium-hero-bottom {padding-top: 25px;}
.friendly-legacy-content .premium-scroll-cue {display: none;}
.friendly-legacy-content .premium-hero-direct {width: 100%; max-width: none; justify-content: space-between;}
.friendly-legacy-content .premium-section-heading > p {margin-right: 0px; font-size: 13px;}
.friendly-legacy-content .premium-condition-layout {grid-template-columns: minmax(0px, 0.85fr) minmax(0px, 1.15fr); gap: 28px;}
.friendly-legacy-content .premium-condition-options a {font-size: 16px; gap: 14px; padding-inline: 8px;}
.friendly-legacy-content .premium-condition-options a[aria-selected="true"] {padding-inline: 14px;}
.friendly-legacy-content .premium-condition-panel {padding: 25px;}
.friendly-legacy-content .premium-condition-panel h3 {font-size: 28px;}
.friendly-legacy-content .premium-panel-number {font-size: 65px;}
.friendly-legacy-content .premium-principles-layout, .friendly-legacy-content .premium-region-layout, .friendly-legacy-content .premium-journal-layout {gap: 38px;}
.friendly-legacy-content .premium-principles-list article {grid-template-columns: 32px minmax(0px, 1fr); gap: 15px;}
.friendly-legacy-content .premium-principles-list article > span {font-size: 26px;}
.friendly-legacy-content .premium-principles-list h3 {font-size: 22px;}
.friendly-legacy-content .premium-city-top, .friendly-legacy-content .premium-city-copy {padding-inline: 23px;}
.friendly-legacy-content .premium-city-copy h3 {font-size: 25px;}
.friendly-legacy-content .premium-region-list strong {font-size: 17px;}
.friendly-legacy-content .premium-journal-cover {min-height: 305px; padding: 25px;}
.friendly-legacy-content .premium-journal-cover strong {font-size: 32px;}
.friendly-legacy-content .premium-journal-list > a {gap: 12px; padding-block: 19px;}
.friendly-legacy-content .premium-journal-list h3 {font-size: 14px;}
.friendly-legacy-content .premium-faq-layout {grid-template-columns: minmax(0px, 0.8fr) minmax(0px, 1.2fr); gap: 38px;}
.friendly-legacy-content .premium-consultation-heading {gap: 35px;}
.friendly-legacy-content .premium-consultation h2 {font-size: 49px;}
.friendly-legacy-content .premium-consultation-intro > p:first-child {font-size: 14px;}
.friendly-legacy-content .premium-contact-grid {grid-template-columns: 1fr;}
.friendly-legacy-content .premium-contact {display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.5fr); align-items: center; gap: 8px 22px; min-height: 120px; padding: 24px 28px; border-left: 0px; border-top: 1px solid rgb(110, 135, 120);}
.friendly-legacy-content .premium-contact:first-child {border-top: 0px;}
.friendly-legacy-content .premium-contact strong {font-size: 28px; grid-area: 1 / 2;}
.friendly-legacy-content .premium-contact-bottom {grid-column: 2;}
.friendly-legacy-content .premium-footer-top {flex-direction: column; gap: 32px;}
.friendly-legacy-content .premium-footer-links {grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0px 25px;}
.friendly-legacy-content .premium-article-layout {grid-template-columns: minmax(0px, 1fr); gap: 60px;}
.friendly-legacy-content .premium-article-aside {position: static; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 35px;}
.friendly-legacy-content .regional-proof-layout {gap: 0px;}
.friendly-legacy-content .regional-proof-image {min-height: 320px;}
.friendly-legacy-content .regional-proof-image img {max-height: 440px; width: 100%;}
.friendly-legacy-content .section {padding-block: 70px;}
.friendly-legacy-content .regional-proof-section {padding-top: 0px;}
.friendly-legacy-content .page-guide-hero {padding-block: 55px;}
}
@media (max-width: 640px) {
.friendly-legacy-content {padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px));}
.friendly-legacy-content [id] {scroll-margin-top: 92px;}
.friendly-legacy-content .premium-shell, .friendly-legacy-content .container {width: calc(100% - 40px);}
.friendly-legacy-content .premium-header-inner {min-height: 74px;}
.friendly-legacy-content .premium-brand {gap: 9px;}
.friendly-legacy-content .premium-brand-mark {width: 36px; height: 36px; font-size: 24px;}
.friendly-legacy-content .premium-brand-mark > span {font-size: 15px; right: 0px;}
.friendly-legacy-content .premium-brand-name {font-size: 18px;}
.friendly-legacy-content .premium-brand-name small {font-size: 7px; letter-spacing: 0.13em;}
.friendly-legacy-content .premium-nav {gap: 0px 18px;}
.friendly-legacy-content .premium-nav-ready .premium-nav.is-open {column-gap: 16px;}
.friendly-legacy-content .premium-hero {padding-top: 22px;}
.friendly-legacy-content .premium-hero-layout {grid-template-columns: minmax(0px, 1fr); gap: 26px;}
.friendly-legacy-content .premium-hero-copy {padding: 0px;}
.friendly-legacy-content .premium-hero-tag {margin-bottom: 16px; font-size: 11px;}
.friendly-legacy-content .premium-hero h1 {font-size: clamp(43px, 12.1vw, 65px); margin-bottom: 17px; line-height: 1.42; letter-spacing: -0.025em;}
.friendly-legacy-content .premium-hero-lead {margin-bottom: 20px; font-size: 13px; line-height: 1.95;}
.friendly-legacy-content .premium-hero-actions {gap: 10px 19px;}
.friendly-legacy-content .premium-hero-actions .premium-button {min-height: 53px; padding: 11px 18px; gap: 22px; font-size: 13px;}
.friendly-legacy-content .premium-hero-actions .premium-text-link {font-size: 11px; gap: 12px;}
.friendly-legacy-content .premium-hero-context {margin-top: 14px; font-size: 10px;}
.friendly-legacy-content .premium-hero-image-wrap {height: auto; aspect-ratio: 1.3 / 1; border-top-left-radius: 92px;}
.friendly-legacy-content .premium-hero-image-wrap img {position: absolute; inset: 0px; object-position: var(--premium-hero-position, 83% center);}
.friendly-legacy-content .premium-hero-visual figcaption {font-size: 9px; padding-top: 9px;}
.friendly-legacy-content .premium-hero-photo-label {bottom: 16px; left: 20px; font-size: 8px;}
.friendly-legacy-content .premium-hero-stamp {width: 79px; height: 79px; right: 13px; top: 13px;}
.friendly-legacy-content .premium-hero-stamp small {margin-top: 4px;}
.friendly-legacy-content .premium-hero-bottom {padding: 17px 0px 12px;}
.friendly-legacy-content .premium-hero-direct {justify-content: flex-start; gap: 2px 18px;}
.friendly-legacy-content .premium-hero-direct > span {font-size: 9px;}
.friendly-legacy-content .premium-hero-direct > div {gap: 23px;}
.friendly-legacy-content .premium-ticker {padding-block: 17px;}
.friendly-legacy-content .premium-ticker-track {gap: 24px; padding-inline: 20px; font-size: 27px;}
.friendly-legacy-content .premium-section {padding-block: 70px;}
.friendly-legacy-content .premium-section h2 {font-size: 36px; line-height: 1.55;}
.friendly-legacy-content .premium-eyebrow {font-size: 10px; margin-bottom: 17px;}
.friendly-legacy-content .premium-section-heading {display: block; margin-bottom: 30px;}
.friendly-legacy-content .premium-section-heading > p {margin-top: 22px; font-size: 12px; line-height: 1.95;}
.friendly-legacy-content .premium-condition-layout {grid-template-columns: minmax(0px, 1fr); gap: 22px;}
.friendly-legacy-content .premium-condition-options {display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr));}
.friendly-legacy-content .premium-condition-options a {min-height: 68px; padding: 14px 9px; gap: 8px; font-size: 12px;}
.friendly-legacy-content .premium-condition-options a > span:first-child {font-size: 10px;}
.friendly-legacy-content .premium-condition-options a > span:last-child {font-size: 17px;}
.friendly-legacy-content .premium-condition-options a:nth-child(2n+1) {border-right: 1px solid var(--premium-line);}
.friendly-legacy-content .premium-condition-options a[aria-selected="true"] {padding-inline: 9px;}
.friendly-legacy-content .premium-condition-panel {padding: 27px 23px;}
.friendly-legacy-content .premium-condition-enhanced .premium-condition-panel {min-height: 450px;}
.friendly-legacy-content .premium-condition-panel h3 {font-size: 30px;}
.friendly-legacy-content .premium-condition-panel .premium-eyebrow {font-size: 9px;}
.friendly-legacy-content .premium-condition-panel > p:not(.premium-eyebrow), .friendly-legacy-content .premium-condition-panel li {font-size: 12px;}
.friendly-legacy-content .premium-section-footnote {font-size: 10px;}
.friendly-legacy-content .premium-principles-layout, .friendly-legacy-content .premium-region-layout, .friendly-legacy-content .premium-journal-layout, .friendly-legacy-content .premium-faq-layout {grid-template-columns: minmax(0px, 1fr); gap: 35px;}
.friendly-legacy-content .premium-principles-story > p:not(.premium-eyebrow) {font-size: 12px; margin-block: 20px 25px;}
.friendly-legacy-content .premium-recycling-visual img {aspect-ratio: 1.5 / 1;}
.friendly-legacy-content .premium-principles-list article {padding-block: 25px; gap: 20px;}
.friendly-legacy-content .premium-principles-list h3 {font-size: 23px;}
.friendly-legacy-content .premium-principles-list .premium-eyebrow {font-size: 9px; margin-bottom: 9px;}
.friendly-legacy-content .premium-principles-list article p:not(.premium-eyebrow) {font-size: 12px;}
.friendly-legacy-content .premium-city-art {min-height: 150px;}
.friendly-legacy-content .premium-city-art > span {font-size: clamp(44px, 12vw, 70px);}
.friendly-legacy-content .premium-city-copy h3 {font-size: 29px;}
.friendly-legacy-content .premium-city-copy p {font-size: 12px;}
.friendly-legacy-content .premium-city-copy > .premium-eyebrow {font-size: 10px;}
.friendly-legacy-content .premium-region-list a {min-height: 98px; padding-inline: 5px;}
.friendly-legacy-content .premium-region-list strong {font-size: 18px;}
.friendly-legacy-content .premium-journal-cover {min-height: 320px; padding: 29px;}
.friendly-legacy-content .premium-journal-cover strong {font-size: 39px;}
.friendly-legacy-content .premium-journal-feature h3 {font-size: 27px;}
.friendly-legacy-content .premium-journal-feature-text > .premium-eyebrow {font-size: 9px;}
.friendly-legacy-content .premium-journal-list > a {min-height: 98px; padding-block: 23px;}
.friendly-legacy-content .premium-journal-list h3 {font-size: 15px;}
.friendly-legacy-content .premium-faq-list summary {font-size: 14px; padding-block: 24px; min-height: 80px; gap: 13px;}
.friendly-legacy-content .premium-faq-list summary::after {top: 23px;}
.friendly-legacy-content .premium-faq-list details > div {padding: 0px 10px 24px 30px; font-size: 12px;}
.friendly-legacy-content .premium-consultation {padding: 66px 0px 30px;}
.friendly-legacy-content .premium-consultation-heading {grid-template-columns: minmax(0px, 1fr); gap: 30px; margin-bottom: 28px;}
.friendly-legacy-content .premium-consultation h2 {font-size: clamp(40px, 11.5vw, 58px);}
.friendly-legacy-content .premium-consultation-intro > p:first-child {font-size: 14px; margin-bottom: 22px;}
.friendly-legacy-content .premium-consultation-provider {font-size: 12px;}
.friendly-legacy-content .premium-small {font-size: 11px;}
.friendly-legacy-content .premium-contact {display: flex; min-height: 175px; gap: 12px; padding: 24px; align-items: stretch;}
.friendly-legacy-content .premium-contact strong {font-size: 29px;}
.friendly-legacy-content .premium-contact-label, .friendly-legacy-content .premium-contact-bottom {font-size: 10px;}
.friendly-legacy-content .premium-consultation-note {font-size: 10px;}
.friendly-legacy-content .premium-footer {padding: 45px 0px 15px;}
.friendly-legacy-content .premium-footer-links {grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 2px 20px;}
.friendly-legacy-content .premium-footer-links a {font-size: 11px;}
.friendly-legacy-content .premium-footer-tagline {font-size: 11px;}
.friendly-legacy-content .premium-footer-bottom {margin-top: 30px;}
.friendly-legacy-content .premium-footer-bottom p {font-size: 10px;}
.friendly-legacy-content .premium-mobile-contact {position: fixed; z-index: 90; inset: auto 0px 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; padding: 9px 12px calc(9px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--premium-line); background: var(--premium-paper);}
.friendly-legacy-content .premium-mobile-contact a {display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 62px; padding: 7px 10px; background: var(--premium-forest); color: var(--premium-paper); border-radius: 2px;}
.friendly-legacy-content .premium-mobile-contact a:last-child {background: var(--premium-lime); color: var(--premium-forest);}
.friendly-legacy-content .premium-mobile-contact small {font-size: 9px; line-height: 1.6;}
.friendly-legacy-content .premium-mobile-contact a > span {font-size: 14px; font-weight: 600;}
.friendly-legacy-content .premium-mobile-contact a > span > span {margin-left: 15px; font-weight: 400;}
.friendly-legacy-content .premium-article-hero {padding-block: 18px 40px;}
.friendly-legacy-content .premium-breadcrumb ol {margin-bottom: 27px; font-size: 10px; gap: 0px 9px;}
.friendly-legacy-content .premium-breadcrumb li:not(:last-child)::after {margin-left: 9px;}
.friendly-legacy-content .premium-article-hero h1 {font-size: 31px;}
.friendly-legacy-content .premium-article-deck {font-size: 12px;}
.friendly-legacy-content .premium-article-layout {padding-block: 38px 65px;}
.friendly-legacy-content .premium-toc {padding: 24px 20px; margin-bottom: 35px;}
.friendly-legacy-content .premium-toc h2 {font-size: 17px;}
.friendly-legacy-content .premium-toc ol {font-size: 13px;}
.friendly-legacy-content .premium-prose {font-size: 15px; line-height: 2.05;}
.friendly-legacy-content .premium-prose h2 {font-size: 25px;}
.friendly-legacy-content .premium-prose h3 {font-size: 20px;}
.friendly-legacy-content .premium-prose :where(th, td) {padding: 10px; font-size: 12px;}
.friendly-legacy-content .premium-article-aside {grid-template-columns: minmax(0px, 1fr); gap: 8px;}
.friendly-legacy-content .premium-aside-consult {padding: 27px;}
.friendly-legacy-content .page-guide-hero {padding-block: 40px;}
.friendly-legacy-content .page-guide-hero h1 {font-size: 31px;}
.friendly-legacy-content .page-guide-hero p {font-size: 13px;}
.friendly-legacy-content .section {padding-block: 55px;}
.friendly-legacy-content .regional-proof-section {padding-top: 0px;}
.friendly-legacy-content .portal-heading {gap: 18px;}
.friendly-legacy-content .local-business-card {min-height: 0px; padding: 28px 22px;}
.friendly-legacy-content .regional-proof-layout {margin-inline: auto;}
.friendly-legacy-content .regional-proof-image, .friendly-legacy-content .regional-proof-image img {min-height: 240px;}
.friendly-legacy-content .regional-review-card {padding: 27px 22px;}
.friendly-legacy-content .regional-review-card .button {white-space: normal;}
.friendly-legacy-content .regional-layout {gap: 30px;}
.friendly-legacy-content .comparison-summary {padding: 0px;}
.friendly-legacy-content .comparison-summary-grid > div {padding: 25px;}
.friendly-legacy-content .comparison-next-links {gap: 12px;}
.friendly-legacy-content .final-cta {padding: 55px 20px;}
.friendly-legacy-content .final-cta .container {width: 100%;}
.friendly-legacy-content .information-content {font-size: 15px;}
.friendly-legacy-content .information-content h2 {font-size: 24px;}
}
@media (max-width: 360px) {
.friendly-legacy-content .premium-shell, .friendly-legacy-content .container {width: calc(100% - 32px);}
.friendly-legacy-content .premium-brand-name {font-size: 16px;}
.friendly-legacy-content .premium-brand-mark {width: 32px; height: 32px; font-size: 22px;}
.friendly-legacy-content .premium-hero-actions {gap: 6px 14px;}
.friendly-legacy-content .premium-hero-actions .premium-button {width: 100%;}
.friendly-legacy-content .premium-condition-options a {font-size: 11px; gap: 5px;}
.friendly-legacy-content .premium-condition-panel {padding-inline: 20px;}
.friendly-legacy-content .premium-condition-panel h3 {font-size: 27px;}
.friendly-legacy-content .premium-condition-panel .premium-text-link {font-size: 12px; gap: 14px;}
.friendly-legacy-content .premium-contact strong {font-size: 26px;}
.friendly-legacy-content .premium-city-copy h3 {font-size: 25px;}
.friendly-legacy-content .premium-footer-links {gap: 0px 14px;}
}
@media (prefers-reduced-motion: reduce) {
.friendly-legacy-content *, .friendly-legacy-content ::before, .friendly-legacy-content ::after {animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important;}
}
@media print {
.friendly-legacy-content {padding: 0px; background: rgb(255, 255, 255); color: rgb(0, 0, 0);}
.friendly-legacy-content .premium-header {position: static;}
.friendly-legacy-content .premium-nav, .friendly-legacy-content .premium-menu-toggle, .friendly-legacy-content .premium-mobile-contact, .friendly-legacy-content .premium-consultation, .friendly-legacy-content .premium-article-aside, .friendly-legacy-content .premium-ticker {display: none !important;}
.friendly-legacy-content .premium-shell, .friendly-legacy-content .container {width: 100%;}
.friendly-legacy-content .premium-article-layout {display: block; padding-block: 25px;}
.friendly-legacy-content .premium-condition-panel[hidden] {margin-top: 20px; display: block !important;}
}

/* Shared friendly palette, retaining article/table/card structure and behavior. */
.friendly-legacy-content { --premium-paper:#fffdf9; --premium-forest:#203e50; --premium-lime:#ffdb9a; --premium-muted:#526570; --premium-line:#d9e6ea; --premium-serif:var(--font); --ink:#203e50; --navy:#203e50; --teal:#167bab; --cream:#fffdf9; --orange:#df6220; --muted:#526570; --line:#d9e6ea; padding:0; font-family:var(--font); }
.friendly-site .friendly-legacy-content :is(h1,h2,h3,.section-title) { font-family:var(--font); font-weight:800; }
.friendly-legacy-content .premium-article-hero, .friendly-legacy-content .page-guide-hero, .friendly-legacy-content .regional-local-section, .friendly-legacy-content .regional-proof-section, .friendly-legacy-content .fukuoka-ward-section, .friendly-legacy-content .regional-navigation, .friendly-legacy-content .comparison-next { background:#eef8fc; }
.friendly-legacy-content .premium-toc, .friendly-legacy-content .premium-aside-consult { background:#eef8fc; }
.friendly-legacy-content :is(.button,.premium-button,.local-business-card,.regional-nav-grid a) { border-radius:10px; }
.friendly-legacy-content .premium-article-hero { padding-top:30px; }
@media(max-width:600px) { .friendly-legacy-content {padding-bottom:0;} }