/* core-blocks.css */ .wp-block-search__button{margin-left:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{fill:currentColor;height:1.25em;min-height:24px;min-width:24px;vertical-align:text-bottom;width:1.25em}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__button{box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;margin-left:0;max-width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search.wp-block-search__button-only .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}:where(.wp-block-search__input){-webkit-appearance:initial;-moz-appearance:initial;appearance:none;border:1px solid #949494;flex-grow:1;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important;text-transform:inherit}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){background-color:#fff;border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{float:right} /*# sourceURL=https://japan-days.com/wp-includes/blocks/search/style.min.css */ .wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em} /*# sourceURL=https://japan-days.com/wp-includes/blocks/search/theme.min.css */ .wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative} /*# sourceURL=https://japan-days.com/wp-includes/blocks/group/style.min.css */ :where(.wp-block-group.has-background){padding:1.25em 2.375em} /*# sourceURL=https://japan-days.com/wp-includes/blocks/group/theme.min.css */ .wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word}.wp-block-navigation .wp-block-navigation-item__description{display:none}.link-ui-tools{outline:1px solid #f0f0f0;padding:8px}.link-ui-block-inserter{padding-top:8px}.link-ui-block-inserter__back{margin-left:8px;text-transform:uppercase} /*# sourceURL=https://japan-days.com/wp-includes/blocks/navigation-link/style.min.css */ .wp-block-navigation{position:relative}.wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none}.wp-block-navigation .wp-block-navigation-item{align-items:center;background-color:inherit;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block;z-index:1}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{color:inherit}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation :where(a),.wp-block-navigation :where(a:active),.wp-block-navigation :where(a:focus){text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{stroke:currentColor;display:inline-block;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation{--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}:where(.wp-block-navigation) ul li{padding:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;opacity:0;position:absolute;z-index:2}@media not (prefers-reduced-motion){.wp-block-navigation .has-child .wp-block-navigation__submenu-container{transition:opacity .1s linear}}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{height:0;overflow:hidden;visibility:hidden;width:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1;padding:.5em 1em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:auto;margin-right:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{left:-1px;top:100%}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:transparent;content:"";display:block;height:100%;position:absolute;right:100%;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-right:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(-90deg)}}@media (hover:hover){.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child.open-always{align-items:var(--navigation-layout-align,initial);flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);gap:var(--wp--style--block-gap,2em)}.wp-block-navigation .has-child.open-always,.wp-block-navigation .has-child.open-always .wp-block-navigation-item{justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container,.wp-block-navigation .has-child.open-always.wp-block-navigation-submenu{gap:var(--wp--style--block-gap,2em)}.wp-block-navigation .has-child.open-always .wp-block-navigation-item,.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container,.wp-block-navigation .has-child.open-always.wp-block-navigation-submenu{padding-bottom:0;padding-top:0}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container{padding-left:var(--wp--style--block-gap,2em);padding-right:var(--wp--style--block-gap,2em)}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:0}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content,.wp-block-navigation .has-child.open-always>.wp-block-navigation-item__content{flex-grow:0}.wp-block-navigation .has-child.open-always>.wp-block-navigation__submenu-container{background-color:transparent;border:none;color:inherit;flex-basis:100%;height:auto;opacity:1;overflow:visible;position:static;visibility:visible;width:auto}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{left:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:0}}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:transparent;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-submenu__toggle[aria-expanded=true]+.wp-block-navigation__submenu-icon>svg,.wp-block-navigation-submenu__toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-left:0;padding-right:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-left:-.6em;pointer-events:none}.wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle){padding:0}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:auto;right:0}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:auto;right:100%}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid rgba(0,0,0,.15)}.wp-block-navigation.has-background .wp-block-navigation__submenu-container{background-color:inherit}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-left:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container :where(.wp-block-navigation-item a){color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{background-color:inherit;display:flex;flex-direction:column}@media not (prefers-reduced-motion){.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards}}.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay){padding:clamp(1rem,var(--wp--style--root--padding-top),20rem) clamp(1rem,var(--wp--style--root--padding-right),20rem) clamp(1rem,var(--wp--style--root--padding-bottom),20rem) clamp(1rem,var(--wp--style--root--padding-left),20rem)}.wp-block-navigation__responsive-container.is-menu-open{overflow:auto;z-index:100000}.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content{padding-top:calc(2rem + 24px)}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-page-list{background:transparent!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}.wp-block-navigation__responsive-container.disable-default-overlay .wp-block-navigation__overlay-container{display:none;width:100%}.wp-block-navigation__responsive-container.disable-default-overlay .wp-block-navigation__responsive-close{max-width:none}.wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content>:not(.wp-block-navigation__overlay-container){display:none}.wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container{display:block}.wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container .wp-block-navigation__submenu-container{left:0;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay){background-color:#fff}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay){color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:transparent;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{font-family:inherit;font-size:inherit;font-weight:inherit}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{position:absolute;right:0;top:0;z-index:2}.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{font-family:inherit;font-size:inherit;font-weight:inherit}.disable-default-overlay .wp-block-navigation__responsive-container-close{right:clamp(1rem,var(--wp--style--root--padding-left),20rem);top:clamp(1rem,var(--wp--style--root--padding-left),20rem)}.wp-block-navigation__responsive-close{width:100%}.has-modal-open .wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%)}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden} /*# sourceURL=https://japan-days.com/wp-includes/blocks/navigation/style.min.css */ :root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em} /*# sourceURL=https://japan-days.com/wp-includes/blocks/template-part/theme.min.css */ h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} /*# sourceURL=https://japan-days.com/wp-includes/blocks/heading/style.min.css */ .is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} /*# sourceURL=https://japan-days.com/wp-includes/blocks/paragraph/style.min.css */ .wp-block-post-featured-image{margin-left:0;margin-right:0}.wp-block-post-featured-image a{display:block;height:100%}.wp-block-post-featured-image :where(img){box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom;width:100%}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{background-color:#000;inset:0;position:absolute}.wp-block-post-featured-image{position:relative}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{background-color:transparent}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{opacity:0}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{opacity:.1}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{opacity:.2}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{opacity:.3}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{opacity:.4}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{opacity:.5}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{opacity:.6}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{opacity:.7}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{opacity:.8}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{opacity:.9}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{opacity:1}.wp-block-post-featured-image:where(.alignleft,.alignright){width:100%} /*# sourceURL=https://japan-days.com/wp-includes/blocks/post-featured-image/style.min.css */ .wp-block-post-terms{box-sizing:border-box}.wp-block-post-terms .wp-block-post-terms__separator{white-space:pre-wrap} /*# sourceURL=https://japan-days.com/wp-includes/blocks/post-terms/style.min.css */ .wp-block-post-title{box-sizing:border-box;word-break:break-word}.wp-block-post-title :where(a){display:inline-block;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit} /*# sourceURL=https://japan-days.com/wp-includes/blocks/post-title/style.min.css */ .wp-block-post-author-name{box-sizing:border-box} /*# sourceURL=https://japan-days.com/wp-includes/blocks/post-author-name/style.min.css */ .wp-block-post-date{box-sizing:border-box} /*# sourceURL=https://japan-days.com/wp-includes/blocks/post-date/style.min.css */ .wp-block-post-template{box-sizing:border-box;list-style:none;margin-bottom:0;margin-top:0;max-width:100%;padding:0}.wp-block-post-template.is-flex-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.25em}.wp-block-post-template.is-flex-container>li{margin:0;width:100%}@media (min-width:600px){.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{width:calc(50% - .625em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}}@media (max-width:600px){.wp-block-post-template-is-layout-grid[class*=columns-]:not(.has-native-responsive-grid){grid-template-columns:1fr}}.wp-block-post-template-is-layout-constrained>li>.alignright,.wp-block-post-template-is-layout-flow>li>.alignright{float:right;margin-inline-end:0;margin-inline-start:2em}.wp-block-post-template-is-layout-constrained>li>.alignleft,.wp-block-post-template-is-layout-flow>li>.alignleft{float:left;margin-inline-end:2em;margin-inline-start:0}.wp-block-post-template-is-layout-constrained>li>.aligncenter,.wp-block-post-template-is-layout-flow>li>.aligncenter{margin-inline-end:auto;margin-inline-start:auto} /*# sourceURL=https://japan-days.com/wp-includes/blocks/post-template/style.min.css */ :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} /*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ /*! This file is auto-generated */ .skip-link.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal!important}.skip-link.screen-reader-text:focus{background-color:#eee;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} /*# sourceURL=/wp-includes/css/wp-block-template-skip-link.min.css */ /* source/1853c2eb962969eb.css */ .jdf-scroll-top{ position:fixed; right:max(18px,env(safe-area-inset-right)); bottom:max(18px,env(safe-area-inset-bottom)); display:flex; width:50px; height:50px; align-items:center; justify-content:center; padding:0; border:1px solid rgba(255,255,255,.5); border-radius:50%; background:#9b493a; box-shadow:0 8px 24px rgba(0,0,0,.22); color:#fff; font-family:Arial,sans-serif; font-size:25px; font-weight:400; line-height:1; opacity:0; pointer-events:none; transform:translateY(12px); transition:opacity .2s ease,transform .2s ease,background-color .2s ease; z-index:999; cursor:pointer; } .jdf-scroll-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)} .jdf-scroll-top:hover{background:#940023;transform:translateY(-2px)} .jdf-scroll-top:focus-visible{outline:3px solid rgba(188,0,45,.3);outline-offset:3px} @media(max-width:560px){ .jdf-scroll-top{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:44px;height:44px;font-size:22px} } @media(prefers-reduced-motion:reduce){.jdf-scroll-top{transition:none}} /* source/978133645835dfdc.css */ /* ========================================================== japantripth Japan Map 角丸・影は使いません。色は下の変数で変えられます。 ========================================================== */ .jtm { --jtm-ink: #1a1a1a; --jtm-sub: #6e6e6e; --jtm-faint: #9a9a9a; --jtm-line: #e3e3e0; --jtm-line2: #cfcfcb; --jtm-tint: #f6f6f3; --jtm-red: #9b493a; --jtm-th: "IBM Plex Sans Thai", "Noto Sans Thai", sans-serif; --jtm-mono: ui-monospace, "SFMono-Regular", Menlo, monospace; font-family: var(--jtm-th); color: var(--jtm-ink); line-height: 1.9; margin: 0 0 34px; /* 画面幅ではなく「置かれた場所の幅」で判定します。 メインカラムが狭いテーマでも正しく折り返すために必要です。 */ container-type: inline-size; container-name: jtm; } /* 投稿本文が720pxでも、TOPページと同じ1200px基準で配置する指定。 ショートコードのwide="1"の場合だけ適用し、通常の記事内地図は広げない。 */ .jtm.jtm-wide { position: relative; left: 50%; width: min(1200px, calc(100vw - 48px)); max-width: 1200px; transform: translateX(-50%); } .jtm *, .jtm *::before, .jtm *::after { box-sizing: border-box; border-radius: 0; } .jtm a { text-decoration: none; color: inherit; box-shadow: none; } /* ---- 見出し ---- */ .jtm-h { border-bottom: 2px solid var(--jtm-ink); padding-bottom: 8px; margin-bottom: 18px; } .jtm-h h2 { font-size: 20px; font-weight: 700; margin: 0; line-height: 1.4; border: 0; padding: 0; background: none; } /* ---- レイアウト ---- */ .jtm-row { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 26px; align-items: start; } .jtm-row.jtm-nopanel { grid-template-columns: minmax(0, 1fr); } .jtm-box { position: relative; border: 1px solid var(--jtm-line); padding: 14px; display: flex; gap: 14px; background: #fff; } .jtm-svg { flex: 1; min-width: 0; display: flex; justify-content: center; } /* ---- 地方ボタン ---- */ .jtm-nav { width: 132px; flex: none; border: 1px solid var(--jtm-line); align-self: flex-start; } .jtm-btn { display: block; width: 100%; text-align: left; border: 0; border-bottom: 1px solid var(--jtm-line); background: #fff; font-family: var(--jtm-th); font-size: 13.5px; padding: 8px 11px; cursor: pointer; color: var(--jtm-ink); font-weight: 500; line-height: 1.6; } .jtm-btn:last-child { border-bottom: 0; } .jtm-btn:hover { background: var(--jtm-tint); } .jtm-btn.is-on, .jtm-btn.is-on:hover { background: var(--jtm-ink); color: #fff; font-weight: 600; } /* ---- 地図本体 ---- */ .jtm-map { width: 100%; max-width: 560px; display: block; height: auto; } .jtm-pf { fill: #e6e6e0; stroke: #fff; stroke-width: 1; cursor: pointer; } .jtm-pf.lv1 { fill: #f3cdd5; } .jtm-pf.lv2 { fill: #e28fa1; } .jtm-pf.lv3 { fill: #cf4e6c; } .jtm-pf.lv4 { fill: #9b493a; } .jtm-pf.lv0 { cursor: default; } .jtm-pf.is-dim { fill: #efefea; } .jtm-pf:hover { fill: var(--jtm-ink); } .jtm-map a:focus-visible .jtm-pf { fill: var(--jtm-ink); outline: none; } .jtm-rlab { font-size: 14px; font-weight: 700; fill: var(--jtm-ink); text-anchor: middle; font-family: var(--jtm-th); paint-order: stroke; stroke: #fff; stroke-width: 4px; pointer-events: none; } .jtm-okbox { fill: none; stroke: #c8c8c2; stroke-width: 1; } .jtm-oklab { font-size: 12px; font-weight: 600; fill: #5a5a55; text-anchor: middle; font-family: var(--jtm-th); pointer-events: none; } /* ---- ツールチップ ---- */ .jtm-tip { position: absolute; background: var(--jtm-ink); color: #fff; padding: 6px 11px; font-size: 12.5px; line-height: 1.45; pointer-events: none; opacity: 0; white-space: nowrap; z-index: 6; transform: translate(-50%, -118%); transition: opacity .1s; } .jtm-tip b { font-weight: 600; display: block; } .jtm-tip i { font-style: normal; font-size: 10.5px; color: #b4b4ae; font-family: var(--jtm-mono); } /* ---- 凡例 ---- */ .jtm-legend { display: flex; align-items: center; gap: 3px; font-size: 11px; color: var(--jtm-sub); position: absolute; left: 160px; bottom: 14px; } .jtm-legend > span:first-child { margin-right: 7px; } .jtm-lg { width: 22px; height: 9px; display: block; } .jtm-lg.lv0 { background: #e6e6e0; } .jtm-lg.lv1 { background: #f3cdd5; } .jtm-lg.lv2 { background: #e28fa1; } .jtm-lg.lv3 { background: #cf4e6c; } .jtm-lg.lv4 { background: #9b493a; } .jtm-lgtx { margin-left: 7px; font-family: var(--jtm-mono); font-size: 10px; color: var(--jtm-faint); } /* ---- 記事パネル ---- */ .jtm-panel { border: 1px solid var(--jtm-ink); background: #fff; } .jtm-phead { background: var(--jtm-ink); color: #fff; padding: 12px 15px; } .jtm-pt { font-size: 17px; font-weight: 700; margin: 0; line-height: 1.5; } .jtm-pn { font-size: 11.5px; margin: 1px 0 0; color: #afafa9; font-family: var(--jtm-mono); } .jtm-pn b { color: #fff; font-size: 14px; } .jtm-prefs { padding: 12px 13px; border-bottom: 1px solid var(--jtm-line); display: flex; flex-wrap: wrap; gap: 6px; } .jtm-prefs a, .jtm-prefs span { border: 1px solid var(--jtm-line2); padding: 2px 8px; font-size: 12px; line-height: 1.7; } .jtm-prefs span { color: var(--jtm-faint); border-color: var(--jtm-line); } .jtm-prefs a:hover { background: var(--jtm-ink); color: #fff; border-color: var(--jtm-ink); } .jtm-list a { display: flex; gap: 12px; padding: 12px 13px; border-bottom: 1px solid var(--jtm-line); align-items: flex-start; } .jtm-list a:hover { background: var(--jtm-tint); } .jtm-list .jtm-th { width: 88px; flex: none; aspect-ratio: 3 / 2; background: #ddddd7; overflow: hidden; } .jtm-list .jtm-th img { width: 100%; height: 100%; object-fit: cover; object-position: center 35%; display: block; } .jtm-list .jtm-tt { font-size: 13px; line-height: 1.62; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .jtm-pbtn { display: block; text-align: center; padding: 12px; background: var(--jtm-red); color: #fff; font-weight: 600; font-size: 14px; } .jtm-pbtn:hover { background: #9c0025; color: #fff; } .jtm-empty { padding: 20px 14px; font-size: 13px; color: var(--jtm-sub); text-align: center; } /* ========================================================== レイアウト切り替え 置かれた場所の幅（コンテナ幅）で判定します。 メインカラムが 900px 未満のテーマでは、右パネルを地図の下に 回して地図を大きく見せます。 ========================================================== */ @container jtm (max-width: 900px) { .jtm-row { grid-template-columns: 1fr; gap: 18px; } .jtm-box { display: block; } /* 地方ボタンは地図の上に横並びで */ .jtm-nav { width: auto; display: grid; grid-template-columns: repeat(5, 1fr); margin-bottom: 14px; border-right: 0; border-bottom: 0; } .jtm-btn { border-right: 1px solid var(--jtm-line); border-bottom: 1px solid var(--jtm-line); text-align: center; font-size: 13px; padding: 8px 4px; } .jtm-map { max-width: 620px; margin: 0 auto; } .jtm-legend { position: static; margin-top: 10px; justify-content: center; } } @container jtm (max-width: 560px) { .jtm-nav { grid-template-columns: repeat(3, 1fr); } /* 幅が無いとタイ語ラベルが潰れて読めないので消します。 地方への導線は上のボタンが担当します。 */ .jtm-rlab { display: none; } .jtm-map { max-width: 100%; } .jtm-list .jtm-th { width: 74px; } } /* ---------------------------------------------------------- フォールバック コンテナクエリ非対応の古いブラウザ向け（画面幅で判定） ---------------------------------------------------------- */ @supports not (container-type: inline-size) { @media (max-width: 900px) { .jtm-row { grid-template-columns: 1fr; gap: 18px; } .jtm-box { display: block; } .jtm-nav { width: auto; display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 14px; } .jtm-btn { border-right: 1px solid var(--jtm-line); text-align: center; font-size: 13px; } .jtm-rlab { display: none; } .jtm-legend { position: static; margin-top: 8px; } .jtm-map { max-width: 100%; } } } /* JAPANDAYS map selection: 2026-09-04 */ .jtm-help { margin: 0 0 12px; font-size: 14px; line-height: 1.7; color: #343434; } .jtm-btn { min-height: 44px; } .jtm-btn.is-on, .jtm-btn.is-on:hover { background: #9b493a; color: #fff; font-weight: 700; } .jtm-btn.is-on::after { content: ' ✓'; font-weight: 700; } .jtm-btn:focus-visible, .jtm-prefs a:focus-visible { outline: 3px solid #9b493a; outline-offset: 3px; } .jtm[data-selected-region]:not([data-selected-region="all"]) .jtm-pf.is-dim { fill: #e8eaed; stroke: #fff; opacity: 0.65; } .jtm[data-selected-region] .jtm-pf.is-selected { fill: #9b493a; stroke: #fff; stroke-width: 1.6; opacity: 1; } .jtm[data-selected-region] .jtm-pf.is-selected:hover, .jtm[data-selected-region] .jtm-map a:focus-visible .jtm-pf.is-selected { fill: #76001c; stroke: #1a1a1a; stroke-width: 2; } .jtm[data-selected-region] .jtm-pf.is-dim:hover { fill: #c9cdd2; opacity: 1; } .jtm[data-selected-region]:not([data-selected-region="all"]) .jtm-legend { display: none; } .jtm .jtm-map a .jtm-pf { cursor: pointer; } .jtm .jtm-prefs a { min-height: 40px; display: inline-flex; align-items: center; padding: 6px 10px; } /* スマホ：県名と記事数を黒帯ではなく地図左下のラベルにする */ @media (max-width: 600px) { html body #japan-map .jtm-panel { position: relative; overflow: visible !important; } html body #japan-map .jtm-panel .jtm-phead { position: absolute !important; left: 8px; top: -44px; z-index: 5; display: flex !important; align-items: baseline; gap: 8px; padding: 5px 10px !important; border-radius: 3px; background: rgba(26,26,26,.88) !important; } html body #japan-map .jtm-panel .jtm-phead * { line-height: 1.3 !important; margin: 0 !important; } html body #japan-map .jtm-panel .jtm-phead .jtm-pt { font-size: 14px !important; } } /* source/0ac8325a541c7c73.css */ .jd-finder{box-sizing:border-box;border:1px solid #d9d9d5;background:#fafaf8;padding:24px;margin:24px 0 32px;color:#222;text-align:left} .home main.jt-ref-home{display:flex;flex-direction:column;width:100%} .home main.jt-ref-home>.jd-featured-home{order:1} .home main.jt-ref-home>#destinations{order:2} .home main.jt-ref-home>.jd-purpose-home{order:3} .home main.jt-ref-home>#japan-map{order:4} .home main.jt-ref-home>.jd-latest-home{order:5} .home main.jt-ref-home>#ranking{order:6} .home main.jt-ref-home>#seasonal{order:7} .home main.jt-ref-home>#latest,.home main.jt-ref-home>#news{display:none} .home #japan-map .jtm[data-selected-pref] .jtm-pf{opacity:1} .home #japan-map .jtm[data-selected-pref] .jtm-pf.is-pref-selected{fill:#9b493a;stroke:#1a1a1a;stroke-width:2;opacity:1} .home #japan-map .jtm-prefs a.is-pref-selected{border-color:#9b493a;background:#9b493a;color:#fff} .home #japan-map .jtm-loading{margin:0;padding:24px;color:#666;text-align:center} .jd-finder *,.jd-finder-results *{box-sizing:border-box} .jd-finder h2{font-size:22px;line-height:1.5;margin:0 0 5px;padding:0;border:0;background:none;color:#222} .jd-finder-intro{font-size:14px;color:#555;margin:0 0 18px} .jd-finder-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:16px;align-items:end;margin:0} .jd-finder-form>div{min-width:0} .jd-finder-form label{display:block;font-size:14px;font-weight:600;margin-bottom:6px} .jd-finder-form select{display:block;width:100%;max-width:100%;min-width:0;height:50px;border:1px solid #999;background:#fff;color:#222;padding:8px 12px;font:inherit;font-size:16px;border-radius:0} .jd-finder-form button{height:50px;min-width:110px;border:1px solid #9b493a;background:#9b493a;color:#fff;padding:10px 24px;font:inherit;font-size:16px;font-weight:700;cursor:pointer;border-radius:0} .jd-finder-form button:hover{background:#850020} .jd-finder-form :focus-visible,.jd-finder-results a:focus-visible{outline:3px solid #9b493a;outline-offset:3px} .jd-finder-home{width:calc(100% - 48px);max-width:1200px;margin-left:auto;margin-right:auto} .jd-featured-home{width:calc(100% - 32px);max-width:1560px;margin:24px auto 0} .jd-featured-grid,.jd-featured-grid *{box-sizing:border-box} .jd-featured-grid{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(700px,2.75fr) minmax(180px,.72fr);gap:16px;align-items:stretch} .jd-featured-rail{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;min-width:0} .jd-featured-side-card{position:relative;min-width:0;min-height:0;margin:0;background:#222;overflow:hidden} .jd-featured-side-card>a{position:relative;display:block;width:100%;height:100%;min-height:0;color:#fff;text-decoration:none;overflow:hidden} .jd-featured-side-card img,.jd-featured-side-placeholder{display:block;width:100%;height:100%;object-fit:cover;margin:0;transition:transform .35s ease} .jd-featured-side-placeholder{display:flex;align-items:center;justify-content:center;background:#e9e9e5;color:#555;font-size:12px;font-weight:700;letter-spacing:.1em} .jd-featured-side-shade{position:absolute;inset:32% 0 0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.88));pointer-events:none} .jd-featured-side-copy{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:15px 14px} .jd-featured-side-copy small{display:block;margin-bottom:6px;color:#fff;font-size:10px;font-weight:700;line-height:1.3;letter-spacing:.04em} .jd-featured-side-copy strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:14px;line-height:1.45;text-shadow:0 1px 2px rgba(0,0,0,.45)} .jd-featured-side-card a:hover img{transform:scale(1.025)} .jd-featured-side-card a:focus-visible{outline:3px solid #9b493a;outline-offset:-3px} .jd-featured{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(360px,1fr);min-height:430px;background:#fff;border-top:1px solid #222;border-bottom:1px solid #d9d9d5;color:#202020} .jd-featured-media{display:block;min-width:0;overflow:hidden;background:#efefec} .jd-featured-image{display:block;width:100%;height:100%;min-height:430px;object-fit:cover;margin:0;transition:transform .45s ease} .jd-featured-media:hover .jd-featured-image{transform:scale(1.015)} .jd-featured-copy{display:flex;flex-direction:column;min-width:0;padding:34px 38px 78px;border-left:1px solid #deded9} .jd-featured-heading-row{display:flex;align-items:center;gap:18px;margin-bottom:18px} .jd-featured-heading-row span{height:1px;background:#777;flex:1} .jd-featured-eyebrow{margin:0;color:#222;font-size:12px;font-weight:700;letter-spacing:.14em;white-space:nowrap} .jd-featured-badge{align-self:flex-start;margin:0 0 20px;padding:6px 10px;border:1px solid #555;font-size:12px;line-height:1.2} .jd-featured-label{margin:0 0 14px;color:#9b493a;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase} .jd-featured h2{margin:0 0 18px;padding:0;border:0;background:none;font-size:clamp(28px,2.25vw,40px);font-weight:700;line-height:1.38;letter-spacing:-.02em;overflow-wrap:anywhere} .jd-featured h2 a{color:inherit;text-decoration:none} .jd-featured h2 a:hover{color:#850020} .jd-featured-excerpt{margin:0;color:#555;font-size:15px;line-height:1.9} .jd-featured-action{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:auto;padding-top:24px;border-top:1px solid #bbb} .jd-featured-partner{margin:0;font-size:13px;line-height:1.5} .jd-featured-partner strong{color:#9b493a;letter-spacing:.05em} .jd-featured-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 22px;background:#9b493a;color:#fff;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap} .jd-featured-cta:hover{background:#850020;color:#fff} .jd-featured a:focus-visible{outline:3px solid #9b493a;outline-offset:3px} .jd-featured-home+.jd-finder-home{position:relative;z-index:3;margin-top:-52px} .jd-featured-home+.jd-finder-home>.jd-finder{background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.12)} .jd-purpose-home,.jd-latest-home{box-sizing:border-box;width:calc(100% - 48px);max-width:1200px;margin:56px auto 0;color:#222} .jd-home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px;border-bottom:2px solid #222;padding-bottom:13px} .jd-home-section-head p{margin:0 0 4px;color:#9b493a;font-size:11px;font-weight:800;letter-spacing:.14em} .jd-home-section-head h2{margin:0;padding:0;border:0;background:none;font-size:26px;line-height:1.4} .jd-home-section-head>span,.jd-home-section-head>a{margin:0 0 3px;color:#666;font-size:13px;text-decoration:none} .jd-home-section-head>a:hover{color:#9b493a;text-decoration:underline} .jd-purpose-home .jd-home-section-head{border-bottom:0;padding-bottom:0} .jd-purpose-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,178px);gap:10px} .jd-purpose-grid a{position:relative;display:flex;align-items:flex-end;min-width:0;padding:18px;background:#222;color:#fff;text-decoration:none;overflow:hidden} .jd-purpose-grid a:first-child{grid-column:span 2;grid-row:span 2;padding:28px} .jd-purpose-grid a:nth-child(8){grid-column:span 2} .jd-purpose-grid img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;margin:0;transition:transform .4s ease} .jd-purpose-tile:hover img{transform:scale(1.035)} .jd-purpose-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 10%,rgba(0,0,0,.84) 100%)} .jd-purpose-tint{position:absolute;z-index:1;inset:0;display:block;mix-blend-mode:multiply;opacity:.42} .jd-purpose-tile-1 .jd-purpose-tint{background:#9c1730}.jd-purpose-tile-2 .jd-purpose-tint{background:#2e5b74}.jd-purpose-tile-3 .jd-purpose-tint{background:#a84362}.jd-purpose-tile-4 .jd-purpose-tint{background:#9a5d16}.jd-purpose-tile-5 .jd-purpose-tint{background:#253f70}.jd-purpose-tile-6 .jd-purpose-tint{background:#426631}.jd-purpose-tile-7 .jd-purpose-tint{background:#14566f}.jd-purpose-tile-8 .jd-purpose-tint{background:#714c31} .jd-purpose-copy{position:relative;z-index:2;display:block;min-width:0} .jd-purpose-copy small{display:block;margin:0 0 7px;color:#fff;font-size:10px;font-weight:800;line-height:1.2;letter-spacing:.13em} .jd-purpose-copy strong{display:block;color:#fff;font-size:18px;line-height:1.38;text-shadow:0 2px 8px rgba(0,0,0,.4)} .jd-purpose-copy em{font:inherit;font-style:normal} .jd-purpose-grid a:first-child .jd-purpose-copy strong{font-size:32px;line-height:1.25} .jd-purpose-arrow{position:absolute;z-index:3;right:14px;top:14px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.7);border-radius:50%;color:#fff;font-size:13px;line-height:1} .jd-purpose-grid a:hover .jd-purpose-arrow{background:#fff;color:#9b493a} .jd-purpose-grid a:focus-visible,.jd-latest-home a:focus-visible{outline:3px solid #9b493a;outline-offset:3px} .jd-latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px} .jd-latest-grid article{min-width:0;margin:0;background:#fff} .jd-latest-image{display:block;aspect-ratio:3/2;background:#efefeb;overflow:hidden} .jd-latest-image img{display:block;width:100%;height:100%;object-fit:cover;margin:0;transition:transform .3s ease} .jd-latest-grid article:hover .jd-latest-image img{transform:scale(1.025)} .jd-latest-grid article>div{padding-top:12px} .jd-latest-grid p{margin:0 0 7px;color:#777;font-size:11px;line-height:1.5} .jd-latest-grid h3{margin:0;padding:0;border:0;background:none;font-size:17px;line-height:1.55} .jd-latest-grid h3 a{color:#222;text-decoration:none} .jd-latest-grid h3 a:hover{color:#9b493a;text-decoration:underline} .jd-finder-local{width:100%;max-width:100%;min-width:0;margin:28px 0 0;box-sizing:border-box} .jd-finder-local>.jd-finder{width:100%;max-width:100%;margin:0 0 28px} @media(max-width:560px){.jd-finder-local{margin-top:20px}.jd-finder-local>.jd-finder{margin-bottom:24px}} .jd-finder-results{width:calc(100% - 48px);max-width:1200px;margin:28px auto 64px;min-height:50vh} .jd-finder-breadcrumb{font-size:13px;color:#666} .jd-finder-results a{color:inherit} .jd-results-head{display:flex;align-items:baseline;gap:16px;justify-content:space-between;border-bottom:2px solid #222;padding-bottom:12px;margin-top:28px} .jd-results-head h1{font-size:26px;line-height:1.5;margin:0} .jd-results-head p{white-space:nowrap;font-size:14px;margin:0;color:#555} .jd-filter-reset{font-size:14px;line-height:2;margin:12px 0 24px} .jd-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px} .jd-result-card{min-width:0;border:1px solid #e0e0dc;background:#fff} .jd-result-card>a{display:block;text-decoration:none} .jd-result-card img,.jd-result-placeholder{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin:0} .jd-result-placeholder{display:flex;align-items:center;justify-content:center;background:#f0f0ec;color:#666;font-weight:700;letter-spacing:.12em} .jd-result-card h2{font-size:18px;line-height:1.65;padding:16px 16px 8px;margin:0;border:0;background:none;overflow-wrap:anywhere} .jd-result-card a:hover h2{color:#9b493a;text-decoration:underline} .jd-result-meta{font-size:12px;line-height:1.8;color:#666;margin:0;padding:0 16px 16px} .jd-results-empty{background:#f6f6f3;padding:36px 24px;margin:24px 0;text-align:center} .jd-results-empty h2{font-size:20px;line-height:1.6;margin:0 0 10px} .jd-results-empty p{font-size:15px;margin:0} .jd-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;padding:0;margin:32px 0} .jd-pagination a,.jd-pagination span{display:block;min-width:44px;padding:10px 14px;border:1px solid #ccc;text-align:center;text-decoration:none} .jd-pagination .current{background:#9b493a;border-color:#9b493a;color:#fff} @media(max-width:800px){.jd-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jd-finder{padding:20px}.jd-finder-form{gap:12px}.jd-finder-form button{min-width:86px;padding:10px 16px}} @media(max-width:900px){.jd-purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:260px;grid-auto-rows:145px;gap:3px}.jd-purpose-grid a:first-child{grid-column:span 2;grid-row:span 1;padding:22px}.jd-purpose-grid a:nth-child(8){grid-column:span 2}.jd-purpose-grid a:first-child .jd-purpose-copy strong{font-size:27px}} @media(max-width:1180px){.jd-featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.jd-featured{grid-column:1/-1;grid-row:1;order:-1}.jd-featured-rail{display:contents}.jd-featured-side-card{aspect-ratio:1/1}.jd-featured-home+.jd-finder-home{margin-top:24px}.jd-featured-home+.jd-finder-home>.jd-finder{box-shadow:none}} @media(max-width:900px){.jd-featured{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr)}.jd-featured-copy{padding:28px 28px 32px}.jd-featured,.jd-featured-image{min-height:390px}.jd-featured h2{font-size:28px}} @media(max-width:700px){.jd-featured-home{width:100%;margin-top:0}.jd-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:#fff}.jd-featured{display:flex;flex-direction:column;border-top:0}.jd-featured-media{aspect-ratio:4/3}.jd-featured,.jd-featured-image{min-height:0}.jd-featured-image{height:100%}.jd-featured-copy{padding:24px 20px 28px;border-left:0}.jd-featured-heading-row{margin-bottom:14px}.jd-featured-badge{margin-bottom:16px}.jd-featured h2{font-size:27px}.jd-featured-excerpt{font-size:14px}.jd-featured-action{margin-top:22px}.jd-featured-side-copy{padding:12px}.jd-featured-side-copy strong{font-size:13px;-webkit-line-clamp:3}.jd-featured-home+.jd-finder-home{margin-top:20px}.jd-featured-home+.jd-finder-home>.jd-finder{box-shadow:none}} @media(max-width:700px){.jd-purpose-home,.jd-latest-home{width:calc(100% - 32px);margin-top:40px}.jd-home-section-head{display:block}.jd-home-section-head>span,.jd-home-section-head>a{display:block;margin-top:8px}.jd-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.jd-latest-grid h3{font-size:15px}} @media(max-width:560px){.jd-finder-home,.jd-finder-results{width:calc(100% - 32px)}.jd-finder{padding:18px 14px;margin:20px 0 24px}.jd-finder h2{font-size:20px}.jd-finder-form{grid-template-columns:1fr}.jd-finder-form button{width:100%}.jd-result-grid{grid-template-columns:1fr;gap:20px}.jd-results-head{display:block}.jd-results-head h1{font-size:23px}.jd-results-head p{margin-top:6px}.jd-result-card h2{font-size:18px}.jd-featured-action{display:block}.jd-featured-partner{margin-bottom:14px}.jd-featured-cta{width:100%}.jd-purpose-grid a{padding:13px}.jd-purpose-copy strong{font-size:15px}.jd-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.jd-latest-image{aspect-ratio:16/9}.jd-latest-grid article>div{padding-top:8px}.jd-latest-grid p{margin-bottom:5px;font-size:10px}.jd-latest-grid h3{display:-webkit-box;overflow:hidden;font-size:14px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}} /* Mobile TOP map: keep a compact orientation map beside large region buttons. */ @media(max-width:560px){ .home #japan-map .jtm.jtm-wide{width:calc(100vw - 24px)} .home #japan-map .jtm-help{margin-bottom:9px;font-size:0} .home #japan-map .jtm-help::after{content:"แตะแผนที่หรือชื่อภูมิภาค แล้วเลือกจังหวัดด้านล่าง";font-size:13px;line-height:1.6} .home #japan-map .jtm-row{gap:10px} .home #japan-map .jtm-box{display:grid;grid-template-columns:minmax(118px,42%) minmax(0,58%);gap:8px;align-items:stretch;padding:8px;border:1px solid #deded9;background:#fff} .home #japan-map .jtm-svg{display:flex;grid-column:1;grid-row:1;min-width:0;align-items:center;justify-content:center;padding:4px;border:1px solid #ecece7;background:#f8f8f5} .home #japan-map .jtm-svg svg{display:block;width:100%;height:100%;max-height:186px} .home #japan-map .jtm-legend{display:none} .home #japan-map .jtm-nav{grid-column:2;grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border:0} .home #japan-map .jtm-btn{min-height:46px;padding:7px 4px;font-size:14px;line-height:1.35} .home #japan-map .jtm-panel{margin:0} .home #japan-map .jtm-phead{padding:10px 12px} .home #japan-map .jtm-pt{font-size:17px} .home #japan-map .jtm-prefs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px} .home #japan-map .jtm-prefs a,.home #japan-map .jtm-prefs span{display:flex;min-width:0;min-height:44px;align-items:center;justify-content:center;padding:6px 7px;font-size:14px;line-height:1.35;text-align:center} } /* STEP35: keep the mobile map and regional choices compact and aligned. */ .home #japan-map .jtm-nav>br{display:none} @media(max-width:700px){ .home #japan-map .jtm-box{display:grid;grid-template-columns:minmax(0,40%) minmax(0,60%);gap:8px;padding:8px} .home #japan-map .jtm-svg{grid-column:1;grid-row:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:4px} .home #japan-map .jtm-svg svg{width:100%;height:auto;max-height:240px} .home #japan-map .jtm-nav{display:grid!important;width:100%;grid-column:2;grid-row:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:48px;gap:0;margin:0;border:1px solid var(--jtm-line);align-self:start} .home #japan-map .jtm-btn{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:100%;min-height:48px;margin:0;padding:5px 4px;font-size:13px;line-height:1.4;text-align:center;border:0;border-right:1px solid var(--jtm-line);border-bottom:1px solid var(--jtm-line);overflow-wrap:anywhere} .home #japan-map .jtm-btn:nth-of-type(2n){border-right:0} .home #japan-map .jtm-btn:nth-last-of-type(-n+2){border-bottom:0} .home #japan-map .jtm-btn.is-on::after{margin-left:3px} } /* source/03f82d9eb51827e7.css */ /* WP Popular Posts plugin stylesheet Developed by Hector Cabrera cabrerahector.com | @cabrerahector Use the following classes to style your popular posts list as you like. */ /* Styles the "Sorry, no data so far" message */ .wpp-no-data { } /* UL - Popular Posts container styles */ .wpp-list { /* LI - Post container styles */ li { overflow: hidden; float: none; clear: both; margin-bottom: 1rem; &:last-of-type { margin-bottom: 0; } /* Styles for the popular post in view */ &.current { } a { &:has(.wpp-thumbnail) { display: block; float: left; margin: 0 1rem 0 0; .wpp-thumbnail { display: block; border: none; &.wpp_def_no_src { object-fit: contain; } } } } /* Title styles */ .wpp-post-title { } /* Excerpt styles */ .wpp-excerpt { display: block; } /* Stats tag styles */ .wpp-meta, .post-stats { display: block; font-size: 0.8em; } /* Comments count styles */ .wpp-comments { } /* Views count styles */ .wpp-views { } /* Author styles */ .wpp-author { } /* Post date styles */ .wpp-date { } /* Post category styles */ .wpp-category { } /* WP-PostRatings styles */ .wpp-rating { } } } /* source/09f57dcc9f4f97ae.css */ /* JAPAN TRIP 0.5.0 — travel news and planning system. Global tokens live in theme.json. */ :root { --jt-display-font: "Noto Sans Thai", sans-serif; --jt-body-font: "Noto Sans Thai", sans-serif; } /* ------------------------------------------------------------ * Reference-led article page (v0.5.0) * 760px reading column + 300px editorial sidebar. * ------------------------------------------------------------ */ .jt-ref-article, .jt-ref-article .wp-block-group, .jt-ref-article img, .jt-ref-article table, .jt-ref-article a, .jt-ref-article button { border-radius: 0 !important; box-shadow: none !important; } .jt-ref-article { margin-block-start: 0 !important; padding-bottom: 48px; background: #fff; color: #202020; } .jt-article-breadcrumb { min-height: 46px; gap: 0 6px; padding-block: 12px; border-bottom: 1px solid #e3e3e0; color: #777772; font-size: 11.5px; line-height: 1.8; } .jt-article-breadcrumb p, .jt-article-breadcrumb .wp-block-post-terms { margin: 0; } .jt-article-breadcrumb span { margin-left: 6px; color: #aaa9a4; } .jt-article-breadcrumb a { color: inherit; text-decoration: none; } .jt-article-header { width: min(100%, 1200px); margin-block: 0 !important; padding: 30px 440px 28px 0; } .jt-article-category { margin: 0 0 8px; color: #a52f2f; font-size: 12px; font-weight: 500; line-height: 1.7; } .jt-article-header .wp-block-post-title { max-width: 760px; margin: 0 0 14px; font-family: inherit; font-size: clamp(27px, 2.5vw, 32px); font-weight: 700; letter-spacing: -0.01em; line-height: 1.55; } .jt-article-deck { max-width: 720px; margin: 0 0 18px; color: #4f4f4b; font-size: 15px; line-height: 1.9; } .jt-article-deck p { margin: 0; } .jt-article-byline { min-height: 56px; gap: 8px 14px; margin: 0 0 22px; padding: 10px 0; border-top: 1px solid #d6d6d2; border-bottom: 1px solid #d6d6d2; color: #777772; font-size: 11.5px; line-height: 1.7; } .jt-article-byline .wp-block-post-author-name { color: #202020; font-size: 12.5px; font-weight: 600; } .jt-article-published time::before { content: "เผยแพร่ "; } .jt-article-updated time::before { content: "อัปเดต "; } .jt-article-tags { margin-left: auto; } .jt-article-tags a { display: inline-block; margin-left: 5px; padding: 2px 8px; border: 1px solid #d6d6d2; color: #40403d; text-decoration: none; } .jt-article-featured { width: 760px; max-width: 100%; margin: 0; } .jt-article-featured img { display: block; width: 100%; height: auto; object-fit: cover; } .jt-ref-article .jt-article-layout { display: grid; grid-template-columns: minmax(0, 760px) minmax(0, 300px); gap: 44px; align-items: start; margin-block: 0 !important; padding-top: 4px; } .jt-article-main { min-width: 0; } .jt-article-main > * + * { margin-block-start: 0; } .jt-generated-toc { margin: 0 0 30px; padding: 18px 20px; border: 1px solid #cfcfcb; background: #f6f6f3; } .jt-generated-toc[hidden] { display: none; } .jt-generated-toc-title { margin: 0 0 10px; padding-bottom: 8px; border-bottom: 1px solid #cfcfcb; font-size: 13px; font-weight: 700; } .jt-generated-toc ol { margin: 0; padding-left: 20px; font-size: 14px; line-height: 2.05; } .jt-generated-toc li.is-subsection { margin-left: 16px; color: #62625e; font-size: 13.5px; } .jt-generated-toc a { color: inherit; text-decoration: none; } .jt-generated-toc a:hover, .jt-generated-toc a:focus-visible { color: #a52f2f; text-decoration: underline; } .jt-article-main .wp-block-post-content > p, .jt-article-main .wp-block-post-content > ul, .jt-article-main .wp-block-post-content > ol, .jt-article-main .wp-block-post-content > blockquote, .jt-article-main .wp-block-post-content > figure { font-size: 17px; line-height: 2.05; } .jt-article-main .wp-block-post-content > p { margin-block: 0 22px; } .jt-article-main .wp-block-post-content > ul, .jt-article-main .wp-block-post-content > ol { margin-block: 0 24px; padding-left: 25px; } .jt-article-main .wp-block-post-content li + li { margin-top: 4px; } .jt-article-main .wp-block-post-content h2 { margin: 42px 0 18px; padding-bottom: 9px; border-bottom: 2px solid #202020; font-family: inherit; font-size: 22px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.6; } .jt-article-main .wp-block-post-content h2:first-child { margin-top: 0; } .jt-article-main .wp-block-post-content h3 { margin: 32px 0 14px; padding-bottom: 7px; border-bottom: 1px solid #cfcfcb; font-family: inherit; font-size: 18px; font-weight: 600; letter-spacing: 0; line-height: 1.7; } .jt-article-main .wp-block-post-content a { color: #a52f2f; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .jt-article-main .wp-block-table { margin: 0 0 28px; overflow-x: auto; } .jt-article-main .wp-block-table table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.8; } .jt-article-main .wp-block-table th, .jt-article-main .wp-block-table td { padding: 9px 12px; border: 1px solid #d6d6d2; text-align: left; vertical-align: top; } .jt-article-main .wp-block-table th { background: #f1f1ee; font-size: 13px; font-weight: 600; } .jt-article-main .wp-block-image, .jt-article-main .wp-block-gallery { margin-block: 0 28px; } .jt-article-main figcaption { margin-top: 6px; color: #777772; font-size: 11.5px; line-height: 1.6; } .jt-article-method { margin-top: 42px !important; padding: 16px 0; border-top: 1px solid #202020; border-bottom: 1px solid #202020; } .jt-article-method p { margin: 0; font-size: 13px; line-height: 1.85; } .jt-article-method p + p { margin-top: 4px; color: #62625e; } .jt-article-navigation { gap: 20px; margin-top: 30px !important; padding-top: 18px; border-top: 1px solid #d6d6d2; font-size: 13px; line-height: 1.75; } .jt-ref-article .jt-article-sidebar { position: sticky; top: 24px; display: block; min-width: 0; } .jt-sidebar-section { margin: 0 0 32px; } .jt-sidebar-heading { align-items: baseline; gap: 9px; margin-bottom: 14px; padding-bottom: 7px; border-bottom: 2px solid #202020; } .jt-sidebar-heading h2, .jt-sidebar-heading p { margin: 0; } .jt-sidebar-heading h2 { font-family: inherit; font-size: 13px; font-weight: 700; line-height: 1.7; } .jt-sidebar-heading p { color: #92928d; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; letter-spacing: 0.14em; } .jt-sidebar-popular .wp-block-post-template { margin: 0; padding: 0; counter-reset: sidebar-rank; list-style: none; } .jt-sidebar-popular .wp-block-post-template > li { counter-increment: sidebar-rank; margin: 0; } .jt-sidebar-story { position: relative; align-items: flex-start; gap: 11px; min-height: 72px; padding: 10px 0 10px 24px; border-bottom: 1px solid #e3e3e0; } .jt-sidebar-story::before { position: absolute; top: 13px; left: 0; content: counter(sidebar-rank); color: #92928d; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; } .jt-sidebar-story .wp-block-post-featured-image { flex: 0 0 76px; width: 76px !important; margin: 0; } .jt-sidebar-story .wp-block-post-featured-image img { display: block; width: 76px; height: 51px; object-fit: cover; } .jt-sidebar-story .wp-block-post-title { margin: 0; font-family: inherit; font-size: 13px; font-weight: 500; line-height: 1.65; } .jt-sidebar-story .wp-block-post-title a { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #202020; text-decoration: none; } .jt-sidebar-empty, .jt-sidebar-guide > p { margin: 0; color: #62625e; font-size: 13px; line-height: 1.9; } .jt-sidebar-line { margin-top: 32px; padding: 16px; background: #06c755; color: #fff; text-align: center; } .jt-sidebar-line p { margin: 0; font-size: 14px; line-height: 1.6; } .jt-sidebar-line small { font-size: 11.5px; opacity: 0.9; } @media (max-width: 980px) { .jt-article-header { padding-right: 0; } .jt-ref-article .jt-article-layout { grid-template-columns: minmax(0, 1fr); gap: 44px; } .jt-ref-article .jt-article-sidebar { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; } .jt-sidebar-line { grid-column: 1 / -1; margin-top: 0; } } @media (max-width: 600px) { .jt-ref-article { padding-bottom: 32px; } .jt-article-breadcrumb { min-height: 40px; font-size: 10.5px; } .jt-article-header { padding-block: 22px 24px; } .jt-article-header .wp-block-post-title { font-size: 25px; line-height: 1.55; } .jt-article-deck { font-size: 14px; } .jt-article-byline { align-items: flex-start; gap: 4px 10px; } .jt-article-tags { width: 100%; margin-left: 0; } .jt-generated-toc { padding: 16px; } .jt-generated-toc ol { font-size: 13.5px; } .jt-article-main .wp-block-post-content > p, .jt-article-main .wp-block-post-content > ul, .jt-article-main .wp-block-post-content > ol, .jt-article-main .wp-block-post-content > blockquote, .jt-article-main .wp-block-post-content > figure { font-size: 16.5px; } .jt-article-main .wp-block-post-content h2 { font-size: 20px; } .jt-article-main .wp-block-post-content h3 { font-size: 17.5px; } .jt-ref-article .jt-article-sidebar { display: block; } .jt-sidebar-section { margin-bottom: 30px; } } *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; overflow-x: clip; background: var(--wp--preset--color--canvas); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } body, button, input, select, textarea { font-family: var(--jt-body-font); } a, button, input, select, textarea { -webkit-tap-highlight-color: transparent; } a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, .wp-element-button:focus-visible, [tabindex]:focus-visible { outline: 3px solid var(--wp--preset--color--signal); outline-offset: 3px; } h1, h2, h3, h4, .wp-block-post-title { font-family: var(--jt-display-font); } .wp-site-blocks { padding: 0; } .wp-site-blocks > * { margin-block-start: 0; } .jt-section { padding-block: clamp(56px, 7vw, 96px); } .jt-section-compact { padding-block: clamp(40px, 5vw, 64px); } .jt-section-surface { background: var(--wp--preset--color--surface); } .jt-section-ink { background: var(--wp--preset--color--ink-blue); color: var(--wp--preset--color--surface); } .jt-section-ink h1, .jt-section-ink h2, .jt-section-ink h3, .jt-section-ink h4, .jt-section-ink p { color: inherit; } .jt-eyebrow, .jt-badge { display: inline-block; width: fit-content; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--wp--preset--color--signal); font-family: var(--jt-body-font); font-size: var(--wp--preset--font-size--meta); font-weight: 600; letter-spacing: 0.09em; line-height: 1.5; text-transform: uppercase; } .jt-badge-recommended, .jt-badge-alternative { color: var(--wp--preset--color--signal); } .jt-badge-warning { color: var(--wp--preset--color--warning); } /* Masthead */ .jt-site-header { position: relative; z-index: 100; border-bottom: 1px solid var(--wp--preset--color--ink); background: var(--wp--preset--color--surface); } .jt-masthead-row { min-height: 88px; gap: 32px; } .jt-logo { gap: 0; line-height: 1; } .jt-logo .wp-block-site-title { margin: 0; font-family: var(--jt-body-font); font-size: 22px; font-weight: 700; letter-spacing: 0.08em; line-height: 1.1; } .jt-logo .wp-block-site-title a { color: var(--wp--preset--color--ink); } .jt-logo-subtitle { margin: 5px 0 0; color: var(--wp--preset--color--signal); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; line-height: 1.4; } .jt-masthead-deck { margin: 0 auto 0 0; padding-left: 32px; border-left: 1px solid var(--wp--preset--color--border); color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--meta); line-height: 1.55; } .jt-header-actions { gap: 0; } .jt-header-search { margin: 0; } .jt-header-search .wp-block-search__button { display: grid; place-items: center; width: 48px; height: 48px; min-width: 48px; margin: 0; padding: 0; border: 0; border-left: 1px solid var(--wp--preset--color--border); border-radius: 0; background: var(--wp--preset--color--surface); color: var(--wp--preset--color--ink); } .jt-nav-row { min-height: 45px; border-top: 1px solid var(--wp--preset--color--border); } .jt-primary-nav { gap: clamp(18px, 3vw, 38px); } .jt-primary-nav .wp-block-navigation-item__content { padding-block: 12px; color: var(--wp--preset--color--ink); font-size: 14px; font-weight: 600; } .jt-nav-note { margin: 0; color: var(--wp--preset--color--muted); font-size: 11px; letter-spacing: 0.12em; } /* Photo-led home lead */ /* Home v0.3.1 deliberately follows a familiar travel-news hierarchy: * hero search, top stories, category index, guide panels, utility and latest. */ .jt-hero-shell { position: relative; margin: 0; } .jt-hero-shell .jt-site-header { position: absolute; top: 0; right: 0; left: 0; z-index: 20; border-bottom: 1px solid rgba(255, 255, 255, 0.42); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.52), transparent); color: #fff; } .jt-header-bar { min-height: 76px; gap: 28px; } .jt-hero-shell .jt-logo .wp-block-site-title a, .jt-hero-shell .jt-logo-subtitle, .jt-hero-shell .jt-primary-nav .wp-block-navigation-item__content, .jt-hero-shell .jt-header-search .wp-block-search__button { color: #fff; } .jt-hero-shell .jt-logo-subtitle { color: rgba(255, 255, 255, 0.82); } .jt-hero-shell .jt-primary-nav { margin-inline: auto; } .jt-hero-shell .jt-header-search .wp-block-search__button { border-left-color: rgba(255, 255, 255, 0.45); background: transparent; } .jt-home-hero { position: relative; min-height: clamp(560px, 72vh, 760px); margin: 0; padding: 0; overflow: hidden; background: #252525; } .jt-home-hero::after { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.28) 56%, rgba(0, 0, 0, 0.15) 100%); content: ""; } .jt-hero-image, .jt-hero-image img { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; object-fit: cover; } .jt-hero-content { position: relative; z-index: 2; margin-top: 0 !important; padding-top: clamp(160px, 23vh, 230px); color: #fff; } .jt-hero-content > * { margin-block: 0; } .jt-hero-content > * + * { margin-top: 18px; } .jt-hero-kicker { font-size: 12px; font-weight: 700; letter-spacing: 0.13em; } .jt-hero-title { max-width: 680px; color: #fff !important; font-family: var(--jt-body-font); font-size: clamp(48px, 6vw, 76px); font-weight: 700; letter-spacing: -0.04em; line-height: 1.1; } .jt-hero-summary { max-width: 600px; color: rgba(255, 255, 255, 0.9); font-size: clamp(17px, 2vw, 21px); } .jt-hero-search { max-width: 590px; margin-top: 30px !important; } .jt-hero-search .wp-block-search__inside-wrapper { min-height: 58px; border: 0; border-radius: 0; background: #fff; } .jt-hero-search .wp-block-search__input { padding-inline: 20px; border: 0; color: var(--wp--preset--color--ink); font-size: 16px; } .jt-hero-search .wp-block-search__button { margin: 0; padding-inline: 26px; border-radius: 0; background: var(--wp--preset--color--signal); } .jt-hero-credit { position: absolute; right: 20px; bottom: 14px; z-index: 3; margin: 0; color: rgba(255, 255, 255, 0.74); font-size: 11px; } .jt-hero-credit a { color: inherit; text-decoration: underline; } .jt-home-hero-grid { align-items: flex-start; gap: clamp(36px, 5vw, 72px); } .jt-home-media { margin-top: 32px; } .jt-home-lead-image { margin: 0; } .jt-home-lead-image img { display: block; width: 100%; aspect-ratio: 3 / 2; border-radius: 0; object-fit: cover; } .jt-home-lead-image figcaption { margin-top: 8px; color: var(--wp--preset--color--muted); font-size: 12px; line-height: 1.55; text-align: left; } .jt-home-lead-image figcaption a { color: inherit; text-decoration: underline; text-underline-offset: 2px; } .jt-home-hero-copy { display: flex; flex-direction: column; gap: 22px; padding-top: 0; } .jt-home-hero-copy h1 { max-width: 520px; margin: 0; font-size: clamp(44px, 5.1vw, 64px); font-weight: 500; letter-spacing: -0.035em; line-height: 1.18; } .jt-home-hero-copy > p:not(.jt-eyebrow, .jt-home-hero-link) { max-width: 470px; margin: 0; color: var(--wp--preset--color--slate); font-size: clamp(18px, 1.6vw, 20px); line-height: 1.8; } .jt-home-hero-link { margin: 8px 0 0; font-size: var(--wp--preset--font-size--label); font-weight: 600; } .jt-home-hero-link a { color: var(--wp--preset--color--teal); } .jt-condition-selector { margin-top: clamp(48px, 6vw, 80px); padding: 28px 0 0; border-top: 1px solid var(--wp--preset--color--ink); border-bottom: 1px solid var(--wp--preset--color--ink); border-radius: 0; background: transparent; } .jt-condition-intro { gap: 24px; padding-bottom: 22px; } .jt-condition-intro h2, .jt-condition-intro p { margin-block: 0; } .jt-condition-intro p { color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--small); } .jt-decision-form { margin: 0; } .jt-field-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--wp--preset--color--border); border-left: 1px solid var(--wp--preset--color--border); } .jt-field { display: flex; flex-direction: column; gap: 10px; min-height: 112px; padding: 18px; border-right: 1px solid var(--wp--preset--color--border); border-radius: 0; background: var(--wp--preset--color--surface); } .jt-field > * { margin: 0; } .jt-field-label { color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--meta); font-weight: 600; } .jt-field-label strong { margin-right: 7px; color: var(--wp--preset--color--signal); font-size: 12px; letter-spacing: 0.08em; } .jt-field select { width: 100%; min-height: 44px; padding: 4px 28px 4px 0; border: 0; border-bottom: 1px solid var(--wp--preset--color--ink); border-radius: 0; background: transparent; color: var(--wp--preset--color--ink); font: inherit; font-size: var(--wp--preset--font-size--label); font-weight: 600; } .jt-decision-action { display: flex; justify-content: flex-end; padding-block: 18px; } .jt-decision-submit { width: min(100%, 300px); min-height: 52px; border-radius: 2px; cursor: pointer; } .jt-decision-result { margin: 0 0 28px; padding: clamp(24px, 4vw, 40px); border-top: 1px solid var(--wp--preset--color--signal); border-radius: 0; background: var(--wp--preset--color--ink-blue); color: var(--wp--preset--color--surface); } .jt-decision-result:focus-visible, .jt-decision-result :focus-visible { outline-color: var(--wp--preset--color--surface); } .jt-decision-result[hidden] { display: none; } .jt-decision-result h3, .jt-decision-result p { margin-block: 0; color: inherit; } .jt-decision-result > * + * { margin-top: 12px; } .jt-decision-result .jt-badge { color: #F39789; } .jt-decision-warning { padding: 12px 0; border-top: 1px solid rgba(255, 255, 255, 0.32); border-bottom: 1px solid rgba(255, 255, 255, 0.32); border-radius: 0; background: transparent; } .jt-decision-link { display: inline-block; color: var(--wp--preset--color--surface); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; } /* Home news sections */ .jt-home-section { padding-block: clamp(54px, 6vw, 84px); } .jt-home-section-heading { gap: 20px; margin-bottom: 28px; padding-bottom: 12px; border-bottom: 2px solid var(--wp--preset--color--ink); } .jt-home-section-heading h2, .jt-home-section-heading p { margin: 0; } .jt-home-section-heading h2 { font-family: var(--jt-body-font); font-size: clamp(25px, 3vw, 34px); font-weight: 700; } .jt-home-section-heading p { color: var(--wp--preset--color--signal); font-size: 11px; font-weight: 700; letter-spacing: 0.12em; } .jt-top-stories { background: var(--wp--preset--color--surface); } .jt-top-stories-grid { display: grid; grid-template-columns: 581fr 549fr; gap: 40px; max-width: 1170px; } .jt-top-story-card > *, .jt-small-story-card > * { margin-block: 0; } .jt-top-story-card > * + * { margin-top: 13px; } .jt-top-story-card .wp-block-post-featured-image, .jt-top-story-card .wp-block-image, .jt-small-story-card .wp-block-post-featured-image, .jt-small-story-card .wp-block-image { margin: 0 0 13px; } .jt-top-story-card img, .jt-small-story-card img { display: block; width: 100%; border-radius: 0; object-fit: cover; } .jt-top-story-card img { aspect-ratio: 581 / 378; } .jt-small-story-card img { aspect-ratio: 260 / 158; } .jt-top-story-card .wp-block-post-title, .jt-top-story-card h3 { font-family: var(--jt-body-font); font-size: clamp(27px, 3vw, 38px); font-weight: 700; line-height: 1.28; } .jt-top-story-card .wp-block-post-excerpt, .jt-top-story-card > p:not(.jt-story-category, .jt-story-date) { color: var(--wp--preset--color--slate); font-size: 16px; } .jt-top-story-secondary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 28px; } .jt-small-story-card > * + * { margin-top: 8px; } .jt-small-story-card .wp-block-post-title, .jt-small-story-card h3 { font-family: var(--jt-body-font); font-size: 18px; font-weight: 700; line-height: 1.38; } .jt-story-category, .jt-top-story-card .wp-block-post-terms, .jt-small-story-card .wp-block-post-terms { color: var(--wp--preset--color--signal); font-size: 12px; font-weight: 700; letter-spacing: 0.03em; } .jt-story-date, .jt-top-story-card .wp-block-post-date, .jt-small-story-card .wp-block-post-date { color: var(--wp--preset--color--muted); font-size: 12px; } .jt-story-fallback-main .wp-block-image { position: relative; } .jt-story-fallback-main .wp-block-image::after { position: absolute; right: 12px; bottom: 9px; padding: 3px 6px; background: rgba(0, 0, 0, 0.64); color: #fff; font-size: 9px; content: "Nakaharu Line / Unsplash"; } .jt-category-band { padding-block: 0; border-top: 1px solid var(--wp--preset--color--border); border-bottom: 1px solid var(--wp--preset--color--border); background: var(--wp--preset--color--canvas); } .jt-category-band-grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 0; } .jt-category-link { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 9px; min-height: 126px; padding: 18px 8px; border-left: 1px solid var(--wp--preset--color--border); color: var(--wp--preset--color--ink); font-size: 13px; font-weight: 600; text-align: center; } .jt-category-link:last-child { border-right: 1px solid var(--wp--preset--color--border); } .jt-category-link:hover { background: #fff; color: var(--wp--preset--color--signal); text-decoration: none; } .jt-category-link svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; } .jt-explore-section { background: #f3f3f1; } .jt-reference-heading { display: grid; grid-template-columns: minmax(48px, 1fr) auto minmax(48px, 1fr); align-items: center; gap: clamp(18px, 3vw, 34px); margin-bottom: 32px; } .jt-reference-heading::before, .jt-reference-heading::after { content: ""; border-top: 1px solid #d4d2cd; } .jt-reference-heading h2 { margin: 0; font-size: clamp(27px, 3vw, 34px); font-weight: 400; letter-spacing: -0.02em; line-height: 1.25; text-align: center; } .jt-explore-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; } .jt-explore-tile { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #202020; color: #fff; } .jt-explore-tile::after { position: absolute; inset: 0; content: ""; background: rgba(10, 10, 10, 0.62); } .jt-explore-tile img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 240ms ease; } .jt-explore-tile:hover img { transform: scale(1.025); } .jt-explore-tile:focus-visible { outline-offset: -5px; } .jt-explore-copy { position: absolute; z-index: 1; inset: 50% 16px auto; display: flex; align-items: center; flex-direction: column; gap: 6px; transform: translateY(-50%); text-align: center; } .jt-explore-copy strong { color: inherit; font-size: clamp(20px, 2.2vw, 28px); font-weight: 500; line-height: 1.3; } .jt-explore-copy small { color: rgba(255, 255, 255, 0.88); font-size: 13px; line-height: 1.5; } .jt-decision-section { background: #f3f3f1; } .jt-decision-intro { margin-bottom: 30px; text-align: center; } .jt-decision-intro h3 { margin: 0; font-family: var(--jt-body-font); font-size: clamp(21px, 2.4vw, 27px); font-weight: 600; } .jt-decision-intro p { margin: 8px 0 0; color: var(--wp--preset--color--slate); font-size: 16px; } .jt-decision-form { max-width: var(--wp--style--global--wide-size); } .jt-decision-section .jt-field-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--wp--preset--color--border); border-left: 1px solid var(--wp--preset--color--border); background: #fff; } .jt-decision-section .jt-field { display: grid; grid-template-columns: 42px minmax(112px, 0.55fr) minmax(150px, 1fr); align-items: center; gap: 14px; min-height: 88px; padding: 14px 18px; border-right: 1px solid var(--wp--preset--color--border); border-bottom: 1px solid var(--wp--preset--color--border); background: #fff; } .jt-decision-section .jt-field-number { color: var(--wp--preset--color--signal); font-size: 20px; font-weight: 400; font-variant-numeric: tabular-nums; } .jt-decision-section .jt-field-label { color: var(--wp--preset--color--ink); font-size: 15px; font-weight: 600; } .jt-decision-section .jt-field select { min-height: 46px; padding-left: 10px; border: 1px solid #d4d2cd; background: #fff; font-size: 15px; font-weight: 400; } .jt-decision-section .jt-decision-action { justify-content: center; padding-block: 24px 0; } .jt-decision-section .jt-decision-submit { width: min(100%, 260px); min-height: 50px; border-radius: 0; } .jt-decision-section .jt-decision-result { margin: 32px 0 0; padding: clamp(24px, 4vw, 38px) clamp(20px, 5vw, 64px); border-top: 1px solid var(--wp--preset--color--ink); border-bottom: 1px solid var(--wp--preset--color--ink); background: #fff; color: var(--wp--preset--color--ink); } .jt-decision-section .jt-decision-result:focus-visible, .jt-decision-section .jt-decision-result :focus-visible { outline-color: var(--wp--preset--color--signal); } .jt-decision-section .jt-decision-result .jt-badge, .jt-decision-section .jt-decision-link { color: var(--wp--preset--color--signal); } .jt-decision-section .jt-decision-warning { border-color: var(--wp--preset--color--border); } .jt-latest-section { background: #fff; } .jt-latest-layout { align-items: flex-start; gap: clamp(38px, 6vw, 76px); } .jt-latest-query .wp-block-post-template, .jt-ranking-query .wp-block-post-template { padding: 0; list-style: none; } .jt-latest-story { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 24px; padding-block: 22px; border-bottom: 1px solid var(--wp--preset--color--border); } .jt-latest-story .wp-block-post-featured-image { margin: 0; } .jt-latest-story img { display: block; width: 100%; height: 142px; object-fit: cover; } .jt-latest-story-copy > * { margin-block: 0; } .jt-latest-story-copy > * + * { margin-top: 8px; } .jt-latest-story-copy .wp-block-post-title { font-family: var(--jt-body-font); font-weight: 700; } .jt-latest-story-copy .wp-block-post-excerpt { color: var(--wp--preset--color--slate); font-size: 14px; } .jt-latest-fallback { padding: 40px; border: 1px solid var(--wp--preset--color--border); background: var(--wp--preset--color--canvas); } .jt-latest-fallback > * { margin-block: 0; } .jt-latest-fallback > * + * { margin-top: 10px; } .jt-ranking-column { position: sticky; top: 24px; } .jt-ranking-story { gap: 14px; padding-block: 16px; border-bottom: 1px solid var(--wp--preset--color--border); } .jt-ranking-story .wp-block-post-title { font-family: var(--jt-body-font); font-weight: 600; } .jt-ranking-number { color: var(--wp--preset--color--signal); font-size: 8px; } .jt-ranking-fallback p { margin: 0; padding-block: 16px; border-bottom: 1px solid var(--wp--preset--color--border); font-size: 15px; } .jt-ranking-fallback strong { margin-right: 10px; color: var(--wp--preset--color--signal); } .jt-home-trust-bar { padding-block: 22px; border-top: 1px solid var(--wp--preset--color--border); background: var(--wp--preset--color--canvas); } .jt-home-trust-bar p { margin: 0; color: var(--wp--preset--color--slate); font-size: 13px; } .jt-home-trust-bar strong { color: var(--wp--preset--color--ink); } /* Topic index */ .jt-topic-index { border-top: 1px solid var(--wp--preset--color--border); border-bottom: 1px solid var(--wp--preset--color--border); background: var(--wp--preset--color--canvas); } .jt-topic-index-inner { gap: 0; min-height: 58px; } .jt-topic-index-inner p { margin: 0; padding: 5px clamp(14px, 2vw, 24px); border-left: 1px solid var(--wp--preset--color--border); font-size: 14px; font-weight: 600; } .jt-topic-index-inner p:first-child { padding-left: 0; border-left: 0; } .jt-topic-index-label { color: var(--wp--preset--color--muted); font-size: 12px !important; letter-spacing: 0.06em; } .jt-topic-index-inner a { color: var(--wp--preset--color--ink); } .jt-section-head { gap: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--wp--preset--color--ink); } .jt-section-head h2, .jt-section-head p { margin-block: 0; } /* Decision and comparison components */ .jt-quick-answer, .is-style-jt-quick-answer { padding: clamp(24px, 4vw, 40px); border-top: 1px solid var(--wp--preset--color--signal); border-radius: 0; background: var(--wp--preset--color--ink-blue); color: var(--wp--preset--color--surface); } .jt-quick-answer h2, .jt-quick-answer h3, .jt-quick-answer p, .is-style-jt-quick-answer h2, .is-style-jt-quick-answer h3, .is-style-jt-quick-answer p { color: inherit; } .jt-quick-answer > * { margin-block: 0; } .jt-quick-answer > * + * { margin-block-start: 16px; } .jt-answer-top, .jt-answer-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .jt-answer-meta { color: rgba(255, 255, 255, 0.68); font-size: var(--wp--preset--font-size--meta); } .jt-chip-row { display: flex; flex-wrap: wrap; gap: 0; padding-block: 12px; border-top: 1px solid rgba(255, 255, 255, 0.32); border-bottom: 1px solid rgba(255, 255, 255, 0.32); } .jt-chip { display: inline-block; min-height: 0; margin: 0; padding: 0 14px; border-left: 1px solid rgba(255, 255, 255, 0.32); border-radius: 0; background: transparent; color: inherit; font-size: var(--wp--preset--font-size--label); font-weight: 600; } .jt-chip:first-child { padding-left: 0; border-left: 0; } .jt-answer-price { font-size: var(--wp--preset--font-size--label); font-weight: 600; } .jt-transport-card, .is-style-jt-transport-card { padding: 28px 0; border-top: 1px solid var(--wp--preset--color--ink); border-bottom: 1px solid var(--wp--preset--color--ink); border-radius: 0; background: transparent; } .jt-transport-card > * { margin-block: 0; } .jt-transport-card > * + * { margin-block-start: 18px; } .jt-transport-top, .jt-transport-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .jt-transport-type, .jt-transport-subtitle { color: var(--wp--preset--color--muted); } .jt-transport-type { font-size: var(--wp--preset--font-size--meta); } .jt-metric-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--wp--preset--color--border); border-left: 1px solid var(--wp--preset--color--border); } .jt-metric { min-height: 96px; padding: 16px; border-right: 1px solid var(--wp--preset--color--border); border-bottom: 1px solid var(--wp--preset--color--border); border-radius: 0; background: var(--wp--preset--color--surface); } .jt-metric > * { margin: 0; } .jt-metric-label { color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--meta); } .jt-metric-value { margin-top: 4px !important; font-size: var(--wp--preset--font-size--heading-small); font-weight: 600; line-height: 1.45; } .jt-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--wp--preset--color--border); border-bottom: 1px solid var(--wp--preset--color--border); } .jt-detail { padding: 16px 18px; border-radius: 0; background: transparent; } .jt-detail + .jt-detail { border-left: 1px solid var(--wp--preset--color--border); } .jt-detail > * { margin: 0; } .jt-detail > * + * { margin-top: 6px; } .jt-detail-good strong { color: var(--wp--preset--color--ink); } .jt-detail-warning { background: var(--wp--preset--color--warning-soft); } .jt-detail-warning strong { color: var(--wp--preset--color--warning); } .jt-official-link { font-size: var(--wp--preset--font-size--label); font-weight: 600; } /* Callouts, sources, and trust */ .jt-callout, .is-style-jt-callout { position: relative; padding: 16px 0; border-top: 1px solid var(--wp--preset--color--border); border-bottom: 1px solid var(--wp--preset--color--border); border-radius: 0; background: transparent; } .jt-callout::before, .is-style-jt-callout::before { display: block; margin-bottom: 8px; color: var(--wp--preset--color--muted); font-size: 11px; font-weight: 700; letter-spacing: 0.1em; content: "NOTE"; } .jt-callout > * { margin: 0; } .jt-callout > * + * { margin-top: 6px; } .jt-callout-warning { padding-inline: 16px; background: var(--wp--preset--color--warning-soft); } .jt-callout-warning::before { color: var(--wp--preset--color--warning); content: "CAUTION"; } .jt-callout-trust::before { content: "EDITORIAL NOTE"; } .jt-source-bar { display: flex; align-items: flex-start; gap: 20px; padding: 18px 0; border-top: 1px solid var(--wp--preset--color--border); border-bottom: 1px solid var(--wp--preset--color--border); border-radius: 0; background: transparent; } .jt-source-copy { flex: 1 1 auto; } .jt-source-copy > * { margin: 0; } .jt-source-copy > * + * { margin-top: 4px; } .jt-source-copy p:last-child { color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--meta); } .jt-trust-section { border-top: 1px solid var(--wp--preset--color--border); background: var(--wp--preset--color--canvas); } .jt-trust-intro { max-width: 760px; margin-left: 0 !important; } .jt-trust-intro h2 { margin-block: 14px 18px; font-size: clamp(34px, 4vw, 52px); font-weight: 500; line-height: 1.25; } .jt-trust-intro p:last-child { max-width: 660px; } .jt-trust-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 42px !important; border-top: 1px solid var(--wp--preset--color--ink); border-bottom: 1px solid var(--wp--preset--color--ink); } .jt-trust-item { padding: 24px; } .jt-trust-item + .jt-trust-item { border-left: 1px solid var(--wp--preset--color--border); } .jt-trust-item > * { margin-block: 0; } .jt-trust-item > * + * { margin-top: 12px; } .jt-trust-number { color: var(--wp--preset--color--signal); font-size: 11px; font-weight: 700; letter-spacing: 0.09em; } .jt-trust-section > .jt-official-link { margin-top: 24px; } /* Editorial story list */ .jt-card-grid .wp-block-post-template { display: grid; grid-template-columns: 1fr; gap: 0; margin-top: 40px; padding: 0; list-style: none; } .jt-card-grid .wp-block-post-template > li { margin: 0; } .jt-article-card, .is-style-jt-card { display: grid !important; grid-template-columns: minmax(220px, 31%) minmax(0, 1fr); gap: clamp(22px, 4vw, 48px); height: auto; padding-block: 24px; overflow: visible; border: 0; border-top: 1px solid var(--wp--preset--color--border); border-radius: 0; background: transparent; } .jt-article-card .wp-block-post-featured-image { width: 100%; margin: 0; background: var(--wp--preset--color--subtle); } .jt-article-card .wp-block-post-featured-image img { display: block; width: 100%; height: 100%; border-radius: 0; object-fit: cover; } .jt-article-card-body { display: flex; flex: 1; flex-direction: column; gap: 10px; padding: 0; } .jt-article-card-body > * { margin: 0; } .jt-article-card .wp-block-post-title { font-size: var(--wp--preset--font-size--heading-medium); font-weight: 600; } .jt-article-card .wp-block-post-excerpt { color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--small); } .jt-card-meta { display: flex; gap: 12px; margin-top: auto; color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--meta); } .jt-story-list .wp-block-post-template { grid-template-columns: minmax(0, 7fr) minmax(320px, 5fr); column-gap: clamp(32px, 5vw, 64px); } .jt-story-list .wp-block-post-template > li:first-child { grid-row: span 5; } .jt-story-list .wp-block-post-template > li:first-child .jt-article-card { display: block !important; padding-top: 0; border-top: 0; } .jt-story-list .wp-block-post-template > li:first-child .wp-block-post-featured-image { aspect-ratio: 3 / 2; } .jt-story-list .wp-block-post-template > li:first-child .jt-article-card-body { padding-top: 20px; } .jt-story-list .wp-block-post-template > li:first-child .wp-block-post-title { font-size: clamp(28px, 3vw, 40px); } .jt-story-list .wp-block-post-template > li:not(:first-child) .jt-article-card { grid-template-columns: 150px minmax(0, 1fr); gap: 20px; padding-block: 18px; } .jt-story-list .wp-block-post-template > li:not(:first-child) .wp-block-post-featured-image { aspect-ratio: 4 / 3; } .jt-story-list .wp-block-post-template > li:not(:first-child) .wp-block-post-title { font-size: var(--wp--preset--font-size--heading-small); } .jt-story-list .wp-block-post-template > li:not(:first-child) .wp-block-post-excerpt { display: none; } /* Article, archive, search, FAQ, and 404 */ .jt-article-hero { padding-block: clamp(48px, 6vw, 80px); } .jt-article-hero-grid { align-items: flex-end; gap: clamp(32px, 5vw, 64px); } .jt-article-hero .wp-block-post-title { font-size: clamp(38px, 5vw, 60px); font-weight: 500; } .jt-article-hero .wp-block-post-featured-image, .jt-article-hero .wp-block-post-featured-image img { border-radius: 0; } .jt-post-meta { display: flex; flex-wrap: wrap; gap: 12px; padding-top: 16px; border-top: 1px solid var(--wp--preset--color--border); color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--meta); } .jt-article-layout { display: grid; grid-template-columns: minmax(0, 760px) minmax(260px, 340px); gap: clamp(36px, 6vw, 80px); align-items: start; } .jt-article-main > * + * { margin-block-start: 28px; } .jt-article-sidebar { position: sticky; top: 24px; display: flex; flex-direction: column; gap: 24px; } .jt-toc { padding: 20px 0; border-top: 1px solid var(--wp--preset--color--ink); border-bottom: 1px solid var(--wp--preset--color--ink); border-radius: 0; background: transparent; } .jt-toc > * { margin: 0; } .jt-toc > * + * { margin-top: 12px; } .jt-toc a { color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--label); font-weight: 600; } .jt-condition-example { padding: 18px 0; border-top: 1px solid var(--wp--preset--color--border); border-bottom: 1px solid var(--wp--preset--color--border); border-radius: 0; background: transparent; } .jt-condition-example > * { margin: 0; } .jt-condition-example > * + * { margin-top: 8px; } .jt-faq details { padding-block: 18px; border-bottom: 1px solid var(--wp--preset--color--border); } .jt-faq summary { cursor: pointer; font-family: var(--jt-display-font); font-size: var(--wp--preset--font-size--heading-small); font-weight: 600; } .jt-faq details > p { color: var(--wp--preset--color--slate); } .jt-archive-header, .jt-search-header { padding-block: clamp(48px, 6vw, 80px); border-bottom: 1px solid var(--wp--preset--color--border); } .jt-archive-header h1, .jt-search-header h1 { font-size: clamp(38px, 5vw, 60px); font-weight: 500; } .jt-filter-row { display: flex; flex-wrap: wrap; gap: 0; } .jt-search-form .wp-block-search__inside-wrapper { max-width: 720px; } .jt-search-form .wp-block-search__input { min-height: 56px; padding-inline: 16px; border: 1px solid var(--wp--preset--color--muted); border-radius: 2px 0 0 2px; font: inherit; } .jt-search-form .wp-block-search__button { min-width: 56px; margin: 0; border-radius: 0 2px 2px 0; } .jt-static-content { max-width: 720px; margin-inline: auto; } .jt-static-content > * + * { margin-block-start: 28px; } .jt-404 { min-height: 680px; padding-block: 64px; text-align: center; } .jt-404 > * { margin-inline: auto; } .jt-404-number { margin: 0; color: var(--wp--preset--color--signal); font-size: clamp(48px, 8vw, 80px); font-weight: 600; line-height: 1; } /* Footer */ .jt-site-footer { padding-block: clamp(48px, 6vw, 72px); border-top: 1px solid var(--wp--preset--color--ink); background: var(--wp--preset--color--ink-blue); color: var(--wp--preset--color--surface); } .jt-site-footer a, .jt-site-footer .wp-block-site-title a, .jt-site-footer p { color: inherit; } .jt-site-footer .jt-logo { max-width: 340px; } .jt-footer-inner { gap: 40px; } .jt-footer-links { gap: 24px; font-size: var(--wp--preset--font-size--label); font-weight: 600; } .jt-footer-operation { margin: 0; color: rgba(255, 255, 255, 0.62) !important; font-size: 12px; letter-spacing: 0.05em; } /* Core block refinements */ .wp-block-button .wp-element-button { min-height: 44px; border-radius: 2px; transition: background-color 160ms ease, color 160ms ease; } .wp-block-button .wp-element-button:hover { background: var(--wp--preset--color--ink-blue); text-decoration: none; } .is-style-outline > .wp-element-button { border: 1px solid var(--wp--preset--color--ink); border-radius: 2px; background: transparent; color: var(--wp--preset--color--ink); } .is-style-outline > .wp-element-button:hover { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--surface); } @media (max-width: 1023px) { .jt-masthead-row, .jt-nav-row, .jt-footer-inner { padding-inline: 20px; } .jt-home-hero-grid, .jt-article-hero-grid { gap: 32px; } .jt-field-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jt-field:nth-child(-n + 2) { border-bottom: 1px solid var(--wp--preset--color--border); } .jt-trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jt-trust-item:nth-child(3) { border-top: 1px solid var(--wp--preset--color--border); border-left: 0; } .jt-trust-item:nth-child(4) { border-top: 1px solid var(--wp--preset--color--border); } .jt-article-layout { display: block; } .jt-article-sidebar { position: static; margin-top: 48px; } .jt-story-list .wp-block-post-template { grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr); column-gap: 32px; } .jt-header-bar { padding-inline: 20px; } .jt-hero-shell .jt-primary-nav { display: none; } .jt-top-stories-grid { grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr); gap: 30px; } .jt-top-story-secondary { gap: 24px 18px; } .jt-category-band-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .jt-category-link:nth-child(n + 5) { border-top: 1px solid var(--wp--preset--color--border); } .jt-explore-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .jt-section, .jt-section-compact, .jt-home-hero, .jt-article-hero, .jt-archive-header, .jt-search-header { padding-block: 48px; } .jt-masthead-row { min-height: 64px; padding-inline: 16px; } .jt-masthead-deck, .jt-nav-note { display: none; } .jt-header-bar { min-height: 64px; padding-inline: 16px; } .jt-hero-shell .jt-header-search { display: none; } .jt-hero-shell .jt-primary-nav { display: block; margin: 0 0 0 auto; } .jt-hero-shell .jt-primary-nav .wp-block-navigation__responsive-container-open { position: static; color: #fff; } .jt-home-hero { min-height: 600px; } .jt-home-hero::after { background: linear-gradient(90deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.28)); } .jt-hero-content { padding-top: 156px; } .jt-hero-title { font-size: clamp(43px, 12vw, 58px); } .jt-hero-search { width: 100%; } .jt-hero-search .wp-block-search__inside-wrapper { min-height: 54px; } .jt-hero-search .wp-block-search__button { padding-inline: 17px; } .jt-hero-credit { right: 14px; bottom: 10px; font-size: 9px; } .jt-home-section { padding-block: 48px; } .jt-home-section-heading { margin-bottom: 22px; } .jt-top-stories-grid { grid-template-columns: 1fr; gap: 38px; } .jt-top-story-secondary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px 16px; } .jt-top-story-card .wp-block-post-title, .jt-top-story-card h3 { font-size: 27px; } .jt-small-story-card .wp-block-post-title, .jt-small-story-card h3 { font-size: 16px; } .jt-category-band-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .jt-category-link { min-height: 104px; padding: 14px 4px; font-size: 11px; } .jt-category-link svg { width: 25px; height: 25px; } .jt-reference-heading { gap: 16px; margin-bottom: 22px; } .jt-reference-heading h2 { font-size: 24px; } .jt-explore-grid { display: grid; grid-template-columns: none; grid-auto-columns: min(82vw, 320px); grid-auto-flow: column; gap: 12px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x mandatory; scrollbar-width: none; } .jt-explore-grid::-webkit-scrollbar { display: none; } .jt-explore-tile { scroll-snap-align: start; } .jt-latest-layout { flex-direction: column; } .jt-latest-layout > .wp-block-column { flex-basis: auto !important; width: 100%; } .jt-decision-section .jt-field-grid { grid-template-columns: 1fr; } .jt-decision-section .jt-field { grid-template-columns: 38px minmax(0, 1fr); gap: 4px 12px; min-height: 0; padding: 16px; } .jt-decision-section .jt-field select { grid-column: 2; width: 100%; } .jt-decision-section .jt-decision-submit { width: 100%; max-width: none; } .jt-latest-story { grid-template-columns: 112px minmax(0, 1fr); gap: 15px; } .jt-latest-story img { height: 82px; } .jt-latest-story-copy .wp-block-post-excerpt { display: none; } .jt-ranking-column { position: static; margin-top: 42px; } .jt-logo .wp-block-site-title { font-size: 18px; } .jt-logo-subtitle { font-size: 11px; } .jt-nav-row { min-height: 0; padding: 0 16px; border-top: 0; } .jt-primary-nav { width: 100%; justify-content: flex-end; } .jt-primary-nav .wp-block-navigation__responsive-container-open { position: absolute; right: 76px; top: 19px; } .jt-home-hero-grid, .jt-article-hero-grid { flex-direction: column; } .jt-home-media { margin-top: 0; } .jt-home-hero-copy h1 { font-size: clamp(38px, 11vw, 48px); overflow-wrap: anywhere; } .jt-condition-selector { margin-top: 48px; } .jt-condition-intro { align-items: flex-start; flex-direction: column; } .jt-field-grid { grid-template-columns: 1fr; } .jt-field, .jt-field:nth-child(-n + 2) { min-height: 0; border-bottom: 1px solid var(--wp--preset--color--border); } .jt-decision-action { justify-content: stretch; } .jt-decision-submit { width: 100%; max-width: none; } .jt-topic-index-inner { padding-block: 10px; } .jt-topic-index-inner p, .jt-topic-index-inner p:first-child { padding: 5px 10px; border-left: 1px solid var(--wp--preset--color--border); } .jt-topic-index-inner p:first-child { width: 100%; border-left: 0; } .jt-answer-footer, .jt-transport-actions, .jt-source-bar { align-items: flex-start; flex-direction: column; } .jt-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jt-detail-grid { grid-template-columns: 1fr; } .jt-detail + .jt-detail { border-top: 1px solid var(--wp--preset--color--border); border-left: 0; } .jt-trust-strip { grid-template-columns: 1fr; } .jt-trust-item + .jt-trust-item, .jt-trust-item:nth-child(3), .jt-trust-item:nth-child(4) { border-top: 1px solid var(--wp--preset--color--border); border-left: 0; } .jt-card-grid .wp-block-post-template, .jt-story-list .wp-block-post-template { grid-template-columns: 1fr; } .jt-story-list .wp-block-post-template > li:first-child { grid-row: auto; } .jt-story-list .wp-block-post-template > li:not(:first-child) .jt-article-card, .jt-article-card, .is-style-jt-card { grid-template-columns: 118px minmax(0, 1fr); gap: 16px; } .jt-story-list .wp-block-post-template > li:first-child .jt-article-card { display: block !important; } .jt-story-list .wp-block-post-template > li:first-child .wp-block-post-title { font-size: var(--wp--preset--font-size--heading-medium); } .jt-article-card .wp-block-post-excerpt { display: none; } .jt-site-footer { padding-block: 48px; } .jt-footer-inner, .jt-footer-links { align-items: flex-start; flex-direction: column; } .jt-footer-links { gap: 12px; } .jt-static-content h1 { font-size: var(--wp--preset--font-size--heading-large); } .jt-404 { min-height: 0; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; } } /* ------------------------------------------------------------ * Reference-led media home (v0.4.0) * Structure follows the approved editorial reference: ranking, * destinations, map, seasonal features, latest articles and news. * ------------------------------------------------------------ */ .jt-ref-header, .jt-ref-footer, .jt-ref-home, .jt-ref-home .wp-block-group, .jt-ref-home .wp-block-post-featured-image, .jt-ref-home img, .jt-ref-home a, .jt-ref-home span, .jt-ref-header input, .jt-ref-header button { border-radius: 0 !important; box-shadow: none !important; } .jt-ref-header { position: relative; z-index: 20; margin-block: 0 !important; background: #fff; border-bottom: 1px solid #e3e3e0; } .jt-ref-masthead { min-height: 82px; gap: 20px; padding-block: 16px; } .jt-ref-logo { flex: none; color: #1a1a1a; font-family: Arial, "Noto Sans Thai", sans-serif; font-size: 22px; font-weight: 700; letter-spacing: -0.03em; line-height: 1; text-decoration: none; } .jt-ref-logo span { color: #9b493a; } .jt-ref-logo small { display: block; margin-top: 5px; color: #8b8b86; font-family: Arial, sans-serif; font-size: 8px; font-weight: 400; letter-spacing: 0.15em; line-height: 1; } .jt-ref-search { width: 230px; margin-left: auto; } .jt-ref-search .wp-block-search__inside-wrapper { min-height: 36px; padding: 0 !important; border: 1px solid #cfcfcb; background: #fff; } .jt-ref-search .wp-block-search__input { min-width: 0; padding: 6px 10px; border: 0; background: transparent; font-family: inherit; font-size: 13px; } .jt-ref-search .wp-block-search__button { min-width: 52px; margin: 0; padding: 0 10px; border: 0; background: #1a1a1a; color: #fff; font-size: 11px; } .jt-ref-social { flex: none; color: #92928d; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; letter-spacing: 0.02em; } .jt-ref-nav-row { min-height: 54px; border-top: 1px solid #e3e3e0; } .jt-ref-nav { align-self: stretch; min-width: 0; } .jt-ref-nav .wp-block-navigation__container { height: 100%; gap: 0 26px; } .jt-ref-nav .wp-block-navigation-item { height: 100%; } .jt-ref-nav .wp-block-navigation-item__content { display: flex; align-items: center; height: 100%; padding-block: 13px 10px; border-bottom: 3px solid transparent; font-size: 14px; font-weight: 500; line-height: 1.6; text-decoration: none; white-space: nowrap; } .jt-ref-nav .wp-block-navigation-item__content[aria-current="page"], .jt-ref-nav .wp-block-navigation-item__content:hover, .jt-ref-nav .wp-block-navigation-item__content:focus-visible { border-bottom-color: #9b493a; } .jt-ref-deals { display: flex; align-self: stretch; align-items: center; justify-content: center; min-width: 126px; padding: 12px 20px; background: #9b493a; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.6; text-decoration: none; white-space: nowrap; } .jt-ref-home { margin-block-start: 0 !important; background: #fff; color: #1a1a1a; } .jt-ref-section { margin-block: 0 !important; padding-block: 36px 4px; } .jt-ref-section + .jt-ref-section { margin-block-start: 0 !important; } .jt-ref-section-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 20px; padding-bottom: 8px; border-bottom: 2px solid #1a1a1a; } .jt-ref-section-head h2 { margin: 0; font-family: inherit; font-size: 20px; font-weight: 700; line-height: 1.5; } .jt-ref-section-head .jt-ref-kicker { margin: 0; color: #92928d; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; letter-spacing: 0.14em; line-height: 1.4; } .jt-ref-section-head .jt-ref-more { margin: 0 0 0 auto; font-size: 12px; font-weight: 500; line-height: 1.7; white-space: nowrap; } .jt-ref-section-head .jt-ref-more a { padding-bottom: 1px; border-bottom: 1px solid #cfcfcb; color: #62625e; text-decoration: none; } .jt-ref-ranking-query .wp-block-post-template, .jt-ref-rank-fallback, .jt-ref-latest-query .wp-block-post-template, .jt-ref-latest-fallback, .jt-ref-seasonal-query .wp-block-post-template, .jt-ref-seasonal-fallback { display: grid; margin: 0; padding: 0; list-style: none; } .jt-ref-ranking-query .wp-block-post-template, .jt-ref-rank-fallback, .jt-ref-latest-query .wp-block-post-template, .jt-ref-latest-fallback { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 20px; } .jt-ref-seasonal-query .wp-block-post-template, .jt-ref-seasonal-fallback { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px 18px; } .jt-ref-card { position: relative; margin: 0; padding: 0; background: transparent; border: 0; } .jt-ref-card .wp-block-post-featured-image, .jt-ref-card > img, .jt-ref-thumb { position: relative; margin: 0 0 9px; overflow: hidden; aspect-ratio: 3 / 2; background: #f1f1ee; } .jt-ref-card .wp-block-post-featured-image img, .jt-ref-card > img, .jt-ref-thumb > img, .jt-ref-thumb .wp-block-post-featured-image, .jt-ref-thumb .wp-block-post-featured-image a, .jt-ref-thumb .wp-block-post-featured-image img { display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; } .jt-ref-card > img { height: auto; } .jt-ref-card-title, .jt-ref-card .wp-block-post-title { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0 0 7px; font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1.72; } .jt-ref-card-title a, .jt-ref-card .wp-block-post-title a { color: inherit; text-decoration: none; } .jt-ref-meta { display: flex; align-items: center; gap: 8px; margin: 0; color: #6e6e6a; font-size: 11px; line-height: 1.5; } .jt-ref-meta > * { margin: 0; } .jt-ref-meta .wp-block-post-date { color: #92928d; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; } .jt-ref-area { padding: 1px 7px; border: 1px solid #cfcfcb; color: #1a1a1a; font-weight: 500; } .jt-ref-area a { text-decoration: none; } .jt-ref-cat-label { position: absolute; right: auto; bottom: 0; left: 0; z-index: 2; margin: 0; padding: 3px 9px; background: rgba(26, 26, 26, 0.88); color: #fff; font-size: 11px; font-weight: 600; line-height: 1.55; } .jt-ref-cat-label a { color: inherit; text-decoration: none; } .jt-ref-cat-label--red { background: #9b493a; } .jt-ref-rank-card { counter-increment: jt-ranking; } .jt-ref-ranking-query .wp-block-post-template, .jt-ref-rank-fallback { counter-reset: jt-ranking; } .jt-ref-rank-card::before { position: absolute; top: 0; left: 0; z-index: 4; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: #1a1a1a; color: #fff; content: counter(jt-ranking); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 15px; font-weight: 500; line-height: 1; } .jt-ref-ranking-query .wp-block-post-template > li:nth-child(-n + 3) .jt-ref-rank-card::before, .jt-ref-rank-fallback > .jt-ref-rank-card:nth-child(-n + 3)::before { background: #9b493a; } .jt-ref-empty-note { margin: 0; color: #797975; font-size: 11px; line-height: 1.7; } .jt-ref-region-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1px; overflow: hidden; background: #e3e3e0; border: 1px solid #e3e3e0; } .jt-ref-region { display: block; background: #fff; color: #1a1a1a; text-decoration: none; } .jt-ref-region img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } .jt-ref-region > span { display: block; padding: 8px 6px; font-size: 13px; font-weight: 600; line-height: 1.4; text-align: center; } .jt-ref-region small { display: block; margin-top: 2px; color: #92928d; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-weight: 400; letter-spacing: 0.05em; } .jt-ref-map-wrap, .jt-ref-map-wrap > * { width: 100%; max-width: none; } .jt-ref-map-wrap .jtm-wrap { margin: 0; } .jt-ref-news-query .wp-block-post-template, .jt-ref-news-fallback { margin: 0; padding: 0; border-top: 1px solid #e3e3e0; list-style: none; } .jt-ref-news-row { display: grid; grid-template-columns: 86px 112px minmax(0, 1fr); align-items: start; gap: 14px; margin: 0; padding: 12px 0; border-bottom: 1px solid #e3e3e0; } .jt-ref-news-row > * { margin: 0; } .jt-ref-news-date { padding-top: 4px; color: #92928d; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; line-height: 1.5; white-space: nowrap; } .jt-ref-news-cat { justify-self: start; margin-top: 3px; padding: 1px 7px; background: #f6f6f3; border: 1px solid #e3e3e0; font-size: 10px; line-height: 1.65; white-space: nowrap; } .jt-ref-news-cat a { color: inherit; text-decoration: none; } .jt-ref-news-title, .jt-ref-news-row .wp-block-post-title { margin: 0; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.7; } .jt-ref-news-title a { color: inherit; text-decoration: none; } .jt-ref-footer { margin-block: 56px 0 !important; padding-block: 38px 30px; background: #1a1a1a; color: #b8b8b2; font-size: 13px; } .jt-ref-footer-cols { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 32px; padding-bottom: 26px; border-bottom: 1px solid #333330; } .jt-ref-footer h4 { margin: 0 0 12px; color: #fff; font-size: 12px; font-weight: 600; line-height: 1.6; } .jt-ref-footer a:not(.jt-ref-logo) { display: block; padding: 3px 0; color: inherit; font-size: 12px; line-height: 1.7; text-decoration: none; } .jt-ref-logo--footer { display: inline-block; margin-bottom: 10px; color: #fff; } .jt-ref-logo--footer span { color: #ff5c7a; } .jt-ref-footer-brand p { max-width: 300px; margin: 0; font-size: 12px; line-height: 2.05; } .jt-ref-copyright { padding-top: 18px; } .jt-ref-copyright p { margin: 0; color: #77776f; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; line-height: 1.7; } @media (max-width: 900px) { .jt-ref-masthead, .jt-ref-nav-row, .jt-ref-section-head, .jt-ref-query, .jt-ref-region-grid, .jt-ref-map-wrap, .jt-ref-footer-cols, .jt-ref-copyright { margin-inline: 20px !important; } .jt-ref-social { display: none; } .jt-ref-search { width: 210px; } .jt-ref-nav-row { min-height: 50px; } .jt-ref-nav .wp-block-navigation__responsive-container-open { display: flex; align-items: center; min-height: 50px; padding: 0; } .jt-ref-nav .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; } .jt-ref-deals { min-width: 118px; } .jt-ref-ranking-query .wp-block-post-template, .jt-ref-rank-fallback, .jt-ref-latest-query .wp-block-post-template, .jt-ref-latest-fallback, .jt-ref-seasonal-query .wp-block-post-template, .jt-ref-seasonal-fallback { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jt-ref-region-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .jt-ref-footer-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { .jt-ref-masthead, .jt-ref-nav-row, .jt-ref-section-head, .jt-ref-query, .jt-ref-region-grid, .jt-ref-map-wrap, .jt-ref-footer-cols, .jt-ref-copyright { margin-inline: 14px !important; } .jt-ref-masthead { min-height: 70px; gap: 10px; padding-block: 12px; } .jt-ref-logo { font-size: 19px; } .jt-ref-logo small { font-size: 6.5px; } .jt-ref-search { width: min(46vw, 170px); } .jt-ref-search .wp-block-search__input { font-size: 12px; } .jt-ref-search .wp-block-search__button { min-width: 42px; padding-inline: 6px; font-size: 10px; } .jt-ref-deals { min-width: 108px; padding-inline: 14px; font-size: 13px; } .jt-ref-section { padding-top: 30px; } .jt-ref-section-head { align-items: flex-end; gap: 7px; margin-bottom: 16px; } .jt-ref-section-head h2 { font-size: 17px; line-height: 1.55; } .jt-ref-section-head .jt-ref-kicker { display: none; } .jt-ref-section-head .jt-ref-more { font-size: 10px; } .jt-ref-ranking-query .wp-block-post-template, .jt-ref-rank-fallback, .jt-ref-latest-query .wp-block-post-template, .jt-ref-latest-fallback, .jt-ref-seasonal-query .wp-block-post-template, .jt-ref-seasonal-fallback { gap: 20px 12px; } .jt-ref-card-title, .jt-ref-card .wp-block-post-title { font-size: 13.5px; line-height: 1.72; } .jt-ref-meta { gap: 5px; font-size: 10px; } .jt-ref-meta .wp-block-post-author-name { display: none; } .jt-ref-area { padding-inline: 5px; } .jt-ref-region > span { font-size: 12px; } .jt-ref-news-row { grid-template-columns: 72px minmax(0, 1fr); gap: 5px 10px; } .jt-ref-news-date { grid-column: 1; } .jt-ref-news-cat { grid-column: 2; } .jt-ref-news-title, .jt-ref-news-row .wp-block-post-title { grid-column: 1 / -1; font-size: 13px; } .jt-ref-footer { margin-top: 44px !important; padding-block: 32px 24px; } .jt-ref-footer-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; } .jt-ref-footer-brand { grid-column: 1 / -1; } } /* home-categories.css */ /* Homepage categories: Tabiiro-style quiet icon grid; six approved destinations. */ .jd-category-home{order:1;box-sizing:border-box;width:calc(100% - 40px)!important;max-width:1180px!important;margin:0 auto 48px!important;scroll-margin-top:24px} .jd-category-home h2{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:0;border:0;color:#333;font-family:inherit;font-size:24px;font-weight:700;line-height:1.5;letter-spacing:0} .jd-category-home h2:before{content:"";display:block;width:16px;height:22px;flex:none;background:linear-gradient(135deg,#333 0 50%,var(--jd-line) 50% 100%)} .jd-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;padding:1px;border:0;background:var(--jd-line)} .jd-category-entry{box-sizing:border-box;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 6px;border:0;background:var(--jd-surface);color:#333!important;text-decoration:none!important;text-align:center;font-family:inherit;font-size:15px;font-weight:500;line-height:1.45;transition:background-color .15s ease} .jd-category-entry svg{display:block;width:34px;height:34px;flex:none;color:var(--jd-muted)} .jd-category-entry span{display:block} .jd-category-entry small{display:block;margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit} .jd-category-entry:hover,.jd-category-entry:active{background:var(--jd-wash-color)} .jd-category-entry:focus-visible{outline:2px solid var(--jd-muted);outline-offset:-4px} @media(max-width:900px){ .jd-category-home{margin-bottom:32px!important} .jd-category-home h2{font-size:21px;margin-bottom:18px} .jd-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .jd-category-entry{min-height:100px;padding:10px 3px;gap:7px;font-size:14px;line-height:1.45} .jd-category-entry svg{width:30px;height:30px} } @media(prefers-reduced-motion:reduce){.jd-category-entry{transition:none}} .home main.jt-ref-home>.jd-purpose-home{order:4} /* header.css */ /* STEP38.6: approved A typography and compact mobile header; existing brand colours preserved. */ header .jt-ref-logo{font-family:Arial,sans-serif;font-size:32px;font-weight:700;letter-spacing:-1px;line-height:1;text-decoration:none;color:#1a1a1a} header .jt-ref-logo span{color:var(--jd-rust)} header .jt-ref-logo small{font-family:Arial,sans-serif;font-weight:400;font-size:8px;letter-spacing:.12em;line-height:1.2;margin-top:6px;color:#8b8b86} html:not(.jd-menu-ready) .jd-mobile-search-trigger{pointer-events:none} .jd-mobile-search-trigger{display:none} .jd-header-search[hidden]{display:none!important} .jd-header-search{position:fixed;z-index:99996;right:clamp(24px,4vw,64px);width:440px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:20px;background:var(--jd-surface);border:1px solid var(--jd-line);box-shadow:0 8px 24px rgba(48,57,67,0.125);color:var(--jd-ink)} .jd-header-search-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;font-size:16px} .jd-header-search-title button{display:grid;place-items:center;width:32px;height:32px;padding:0;background:none;border:0;color:inherit;cursor:pointer} .jd-header-search form{display:flex;gap:0;border:1px solid var(--jd-line)} .jd-header-search input{flex:1;min-width:0;box-sizing:border-box;border:0;border-radius:0;padding:12px;background:#fff;font:inherit;font-size:15px} .jd-header-search form button{flex:none;border:0;border-radius:0;padding:10px 18px;background:var(--jd-muted);color:#fff;font:inherit;font-size:14px;cursor:pointer} .jd-header-search :focus-visible{outline:2px solid var(--jd-muted);outline-offset:2px} @media(max-width:900px){.jd-header-search{right:16px;width:calc(100vw - 32px);padding:16px}} .jd-nav-category-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:10px 0;border-bottom:1px solid var(--jd-line);color:var(--jd-ink)!important;text-decoration:none!important;font-size:14px;line-height:1.6} .jd-nav-category-links a:last-child{border-bottom:0} .jd-nav-category-links a:hover{color:var(--jd-rust)!important} header .jd-desktop-navigation .jd-nav-chevron{display:block!important;width:10px!important;height:10px!important;flex:none;margin-left:5px} /* STEP73: B desktop header; optical logo alignment compensates for the tiny tagline. */ @media(min-width:901px){ header .jt-ref-header{display:flex!important;align-items:center;gap:32px;padding:0 clamp(24px,4vw,64px)!important;height:100px;min-height:100px;box-sizing:border-box;background:var(--jd-wash-color)!important;border-bottom:0} header .jt-ref-masthead{display:contents!important} header.wp-block-template-part{background:var(--jd-wash-color)!important;border-bottom:1px solid var(--jd-line)!important} header .jt-ref-logo{display:block!important;flex:none;white-space:nowrap;margin:0!important;padding:0!important;align-self:center!important;line-height:1!important;transform:translateY(8px)} header .jt-ref-logo small{margin-top:7px;line-height:1!important;color:var(--jd-muted)} header .jt-ref-nav{color:var(--jd-ink)} header .jd-desktop-navigation .wp-block-navigation-item__content,header .jd-saved-entry,header .jd-mobile-search-trigger,header .jt-ref-nav .wp-block-navigation__responsive-container-open{color:var(--jd-ink)!important} header .jt-ref-search{display:none!important} header .jt-ref-nav-row{flex:1;min-width:0;width:auto!important;max-width:none!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important} header nav.jt-ref-nav{display:flex;align-items:center!important;gap:8px;margin:0!important;min-height:44px} header .jd-desktop-navigation{order:0;justify-content:flex-end;padding:0} header .jd-desktop-navigation .wp-block-navigation__container{gap:0 4px;justify-content:flex-end} header .jd-desktop-navigation .wp-block-navigation-item__content{display:flex;align-items:center;gap:5px;padding:10px 2px} header .jd-nav-icon{display:flex;align-items:center;justify-content:center;flex:none;width:17px;height:20px} header .jd-nav-icon svg{display:block!important;width:17px!important;height:17px!important;flex:none} header .jd-desktop-navigation .jd-nav-chevron{margin-left:0} header .jd-mobile-search-trigger{display:flex;align-items:center;justify-content:center;flex:none;order:1;width:40px;height:44px;background:transparent;border:0;padding:0;color:var(--jd-ink);cursor:pointer} header .jd-saved-entry{order:2;flex:none;min-height:44px;padding:0 4px;align-items:center} header .jt-ref-nav .wp-block-navigation__responsive-container-open{order:3;margin-left:0;min-height:44px;flex:none} header .jd-mobile-search-trigger:focus-visible{outline:2px solid var(--jd-muted);outline-offset:2px} } @media(min-width:901px) and (max-width:1450px){ header .jt-ref-header{gap:16px;padding-inline:20px!important} header .jt-ref-logo{font-size:24px} header .jd-nav-icon,header .jd-nav-icon svg{width:14px!important;height:14px!important} header .jd-desktop-navigation .wp-block-navigation-item__content{gap:3px} header nav.jt-ref-nav{gap:6px} header .jd-desktop-navigation .wp-block-navigation__container{gap:0 4px} header .jd-desktop-navigation .wp-block-navigation-item__content{font-size:11.5px;padding-inline:2px} header .jd-saved-label{display:none} header .jt-ref-nav .wp-block-navigation__responsive-container-open{padding:0!important} header .jd-menu-trigger-label{display:none} } @media(min-width:1151px) and (max-width:1450px){ header .jt-ref-header{gap:24px;padding-inline:clamp(24px,4vw,64px)!important} header .jt-ref-logo{font-size:32px} header .jd-saved-label,header .jd-menu-trigger-label{display:inline} } @media(max-width:900px){ header .jt-ref-header{display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px!important;min-height:76px;box-sizing:border-box;border-bottom:1px solid var(--jd-line)} header .jt-ref-masthead{display:contents!important} header .jt-ref-search{display:none!important} header .jt-ref-logo{font-family:Arial,sans-serif!important;font-weight:700!important;letter-spacing:-.7px!important;font-size:23px!important;white-space:nowrap;margin:0!important;transform:translateY(8px)} header .jt-ref-logo small{font-size:7px!important;letter-spacing:.1em} header .jt-ref-nav-row{min-height:44px!important;margin:0!important;padding:0!important;border:0!important;width:auto!important;max-width:none!important} header .jt-ref-nav{display:flex!important;align-items:center!important;gap:3px!important;margin:0!important} header .jd-mobile-search-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:44px;background:transparent;border:0;padding:0;color:var(--jd-ink)} header .jd-saved-entry{padding:0!important;min-width:40px;height:44px;justify-content:center;gap:2px} header .jd-saved-entry svg{width:22px;height:22px} header .jd-saved-label{display:none!important} header .jd-saved-entry [data-saved-count]{font-size:10px} header .jt-ref-nav .wp-block-navigation__responsive-container-open{min-height:44px!important;width:44px!important;padding:0!important;display:flex!important;flex-direction:column;justify-content:center;gap:3px!important} header .wp-block-navigation__responsive-container-open svg{width:23px;height:23px} header .jd-menu-trigger-label{font-size:8px!important;letter-spacing:.07em;line-height:1!important} } @media(max-width:350px){header .jt-ref-header{padding-inline:12px!important}header .jt-ref-logo{font-size:21px!important}header .jt-ref-logo small{font-size:6.5px!important}} /* STEP47: approved B hover menu. One layout and shared article cards for every category. */ @media(min-width:901px){ .jd-nav-area-popup{display:grid;grid-template-columns:270px minmax(0,1fr);gap:50px;padding:28px 40px;background:#fff;border:0;border-top:1px solid var(--jd-rust);box-shadow:0 12px 22px rgba(48,57,67,0.071)} .jd-hover-index h2{margin:0 0 27px;border:0;padding:0 0 0 14px;border-left:3px solid var(--jd-rust);font-size:27px;line-height:1.3;font-weight:500;color:var(--jd-ink)} .jd-hover-links{display:flex;flex-direction:column;gap:10px} .jd-nav-area-popup .jd-hover-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box;min-height:53px;padding:15px;background:var(--jd-wash-color);border:1px solid var(--jd-line);color:var(--jd-ink)!important;text-decoration:none!important;font-size:14px;line-height:1.6;font-weight:400} .jd-hover-entry>svg{display:block;width:14px;height:14px;flex:none;color:var(--jd-rust)} .jd-nav-area-popup .jd-hover-entry:hover{background:var(--jd-wash-color);color:var(--jd-ink)!important} .jd-hover-close{position:absolute;right:6px;top:3px;display:grid;place-items:center;width:28px;height:28px;padding:0;background:none;border:0;color:var(--jd-muted);font:inherit;font-size:23px;line-height:1;cursor:pointer} /* Approved C: one large feature and three horizontal stories. */ .jd-hover-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,136px);gap:16px 20px;align-self:start} .jd-hover-stories .jd-card-item{min-width:0;min-height:0} .jd-hover-stories .jd-card-item .jd-article-card{display:grid;grid-template-columns:58% minmax(0,1fr);height:100%;min-height:0;overflow:hidden;text-decoration:none;border:1px solid var(--jd-line);background:var(--jd-surface);border-radius:0;color:var(--jd-ink)!important;box-shadow:none} .jd-hover-stories .jd-card-item .jd-article-card:hover{background:var(--jd-surface)} .jd-hover-stories .jd-card-item .jd-article-card .jd-card-photo{width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;display:block} .jd-hover-stories .jd-card-item .jd-article-card .jd-card-copy{display:flex;flex-direction:column;min-width:0;padding:11px 12px;align-items:flex-start} .jd-hover-stories .jd-card-item .jd-article-card .jd-card-meta{display:flex;align-items:center;gap:10px;margin:0;justify-content:flex-start} .jd-hover-stories .jd-card-date{display:none} .jd-hover-stories .jd-card-item .jd-article-card .jd-card-location{display:flex;align-items:center;gap:4px;color:#fff;background:var(--jd-rust);font-size:11px;line-height:18px;padding:3px 7px} .jd-hover-stories .jd-card-item .jd-card-location svg{display:block;width:11px;height:15px;flex:none} .jd-hover-stories .jd-card-item .jd-article-card .jd-card-title{font-size:13px;font-weight:600;line-height:1.5;min-height:0;margin:7px 0;padding:0;color:var(--jd-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .jd-hover-stories .jd-card-item .jd-article-card .jd-card-read{display:flex;align-items:center;justify-content:center;gap:9px;align-self:flex-start;width:116px;max-width:100%;min-height:30px;box-sizing:border-box;margin:auto 0 0;padding:6px 8px;background:var(--jd-rust);border:1px solid var(--jd-rust);color:white;text-decoration:none;font-size:11px;line-height:1.4} .jd-hover-stories .jd-card-read svg{width:8px;height:14px;display:block;flex:none} .jd-hover-stories .jd-article-card:hover .jd-card-read{background:var(--jd-ink)} .jd-hover-stories .jd-card-item:first-child{grid-column:1;grid-row:1/span 3} .jd-hover-stories .jd-card-item:not(:first-child){grid-column:2} .jd-hover-stories .jd-card-item:first-child .jd-article-card{display:flex;flex-direction:column} .jd-hover-stories .jd-card-item:first-child .jd-article-card .jd-card-photo{flex:1;height:0;min-height:0} .jd-hover-stories .jd-card-item:first-child .jd-article-card .jd-card-copy{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:14px 16px} .jd-hover-stories .jd-card-item:first-child .jd-card-meta{grid-column:1/-1} .jd-hover-stories .jd-card-item:first-child .jd-article-card .jd-card-title{font-size:16px;line-height:1.5;margin:0;align-self:center} .jd-hover-stories .jd-card-item:first-child .jd-article-card .jd-card-read{width:130px;min-height:34px;margin:0;font-size:12px;align-self:center} .jd-nav-area-popup .jd-nav-area-regions{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 20px} .jd-nav-area-popup .jd-menu-area-region a{justify-content:space-between;gap:10px;background:var(--jd-wash-color);border:1px solid var(--jd-line);padding:8px 10px;margin:5px 0 0;min-height:36px;font-size:12px;color:var(--jd-ink)!important} .jd-nav-area-popup .jd-menu-area-region a>svg{width:13px;height:13px;flex:none;color:var(--jd-rust)} .jd-nav-area-popup :focus-visible{outline:2px solid var(--jd-rust);outline-offset:3px} } @media(min-width:901px) and (max-width:1100px){.jd-nav-area-popup{grid-template-columns:220px minmax(0,1fr);gap:28px;padding:28px}.jd-hover-stories{gap:16px}.jd-hover-stories .jd-card-item .jd-article-card{grid-template-columns:52% minmax(0,1fr)}.jd-hover-stories .jd-card-item .jd-article-card .jd-card-copy{padding:10px}.jd-hover-stories .jd-card-item:first-child .jd-article-card .jd-card-copy{grid-template-columns:1fr;gap:8px;padding:12px}.jd-hover-stories .jd-card-item:first-child .jd-article-card .jd-card-title{font-size:15px}.jd-hover-stories .jd-card-item:first-child .jd-article-card .jd-card-read{justify-self:start}.jd-nav-area-popup .jd-nav-area-regions{grid-template-columns:repeat(3,minmax(0,1fr))}} /* STEP71: E area menu, city navigation + feature + destinations. */ @media(min-width:901px){ .jd-nav-area-popup.jd-city-area-popup{grid-template-columns:230px minmax(0,1fr) minmax(0,1fr);gap:28px;padding:28px 32px;color:var(--jd-ink)} .jd-city-index h2,.jd-city-detail h2{font-size:25px;line-height:1.3;font-weight:500;border-left:3px solid var(--jd-rust);padding-left:14px;margin:0 0 20px} .jd-city-index>p{font-size:12px;margin:0 0 10px;color:var(--jd-muted)} .jd-city-tabs{display:flex;flex-direction:column} .jd-city-tabs [data-city]{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:11px 14px;background:var(--jd-wash-color);border:1px solid var(--jd-line);border-bottom:0;border-left:3px solid transparent;color:var(--jd-ink);font:inherit;font-size:14px;text-align:left;cursor:pointer} .jd-city-tabs [data-city]:last-child{border-bottom:1px solid var(--jd-line)} .jd-city-tabs [data-city][aria-selected=true]{background:var(--jd-wash-color);border-left-color:var(--jd-rust);color:var(--jd-rust)} .jd-city-tabs [data-city] svg{width:14px;height:14px;color:var(--jd-rust)} .jd-city-secondary{display:grid;gap:8px;margin-top:18px} .jd-city-secondary .jd-hover-entry{min-height:42px;padding:10px 14px;font-size:13px;background:var(--jd-rust);color:#fff!important;border-color:var(--jd-rust)} .jd-city-secondary .jd-hover-entry svg{color:#fff} .jd-city-feature{position:relative;min-width:0;height:482px;overflow:hidden;background:var(--jd-wash-color)} .jd-city-feature>img{width:100%;height:100%;object-fit:cover;display:block} .jd-city-area-popup .jd-destination-photo{display:block;position:relative;overflow:hidden;width:100%;height:100%;min-height:0} .jd-city-area-popup .jd-destination-photo img{position:absolute;max-width:none!important;width:var(--photo-width)!important;height:var(--photo-height)!important;left:var(--photo-left);top:var(--photo-top);object-fit:fill} .jd-city-caption{position:absolute;left:16px;bottom:14px;background:rgba(48,57,67,0.6);padding:4px 9px;color:#fff;font-size:12px} .jd-city-detail{min-width:0;display:flex;flex-direction:column;height:482px} .jd-city-detail h2{margin-bottom:12px} .jd-city-description{font-size:12px;line-height:1.6;margin:0 0 16px;color:var(--jd-ink)} .jd-city-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .jd-city-quick .jd-hover-entry{min-height:42px;padding:10px;font-size:12px;gap:6px} .jd-city-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:1px solid var(--jd-line);padding-top:16px;margin-top:18px;flex:1;min-height:0} .jd-city-story{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--jd-line);background:var(--jd-surface);color:var(--jd-ink)!important;text-decoration:none!important;min-width:0} .jd-city-story>img,.jd-city-story>.jd-destination-photo{width:100%;height:132px;object-fit:cover;flex:none;display:block} .jd-city-story>div{padding:10px;display:flex;flex-direction:column;gap:8px;flex:1} .jd-city-story h3{font-size:12px;line-height:1.5;margin:0;font-weight:600} .jd-city-read{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--jd-rust);color:#fff;font-size:11px;min-height:30px;padding:5px} .jd-city-read svg{width:12px;height:12px} .jd-city-story:hover .jd-city-read{background:var(--jd-ink)} .jd-city-credit{font-size:9px;line-height:1.4;margin-top:5px;color:var(--jd-muted)} .jd-city-credit a{color:inherit} } @media(min-width:901px) and (max-width:1100px){.jd-nav-area-popup.jd-city-area-popup{grid-template-columns:190px minmax(0,1fr) minmax(0,1fr);gap:20px;padding:28px}.jd-city-index h2{font-size:22px}.jd-city-quick .jd-hover-entry{font-size:11px;padding:8px}.jd-city-story>div{padding:8px}.jd-city-story h3{font-size:11px}} /* STEP78 shared bright navigation, desktop hover panels and mobile MENU. */ header .jt-ref-logo span{color:#9b493a} header.wp-block-template-part,header .jt-ref-header{background:var(--jd-surface)!important;border-bottom:1px solid var(--jd-line)!important} header .jd-desktop-navigation .wp-block-navigation-item__content,header .jd-saved-entry,header .jd-mobile-search-trigger,header .wp-block-navigation__responsive-container-open{color:var(--jd-ink)!important} /* experience.css */ /* Existing JAPANDAYS ink-blue controls, Tabiiro's quiet editorial article structure. */ .jd-saved-entry{display:inline-flex;align-items:center;gap:6px;color:var(--jd-ink)!important;text-decoration:none;font-size:14px;white-space:nowrap;padding:10px}.jd-saved-entry [data-saved-count]{font-size:12px}.jd-save-article{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:10px;background:white;border:1px solid var(--jd-line);color:var(--jd-ink);border-radius:0;cursor:pointer;font:inherit;font-size:14px}.jd-save-article:hover{background:var(--jd-wash-color)}.jd-save-article.is-saved svg path{fill:var(--jd-ink)}.jd-save-full{margin:12px 0 20px}.jd-save-card{position:relative}.jd-save-card>.jd-save-article{position:absolute;top:8px;right:8px;z-index:2}.jd-save-notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10000;background:var(--jd-ink);color:white;font-size:14px;padding:14px 20px;max-width:90vw;width:max-content;margin:0;box-shadow:0 3px 15px #0002}.jd-save-notice[hidden]{display:none} .jd-tag-directory{padding:32px 0;border-top:1px solid var(--jd-line)}.jd-tag-directory nav,.jd-search-tag-nav{display:flex;flex-wrap:wrap;gap:12px 20px}.jd-tag-directory a,.jd-search-tag-nav a,.jd-keyword-all{color:var(--jd-ink);text-decoration:none;font-size:14px;line-height:1.8}.jd-tag-directory a:hover,.jd-search-tag-nav a:hover,.jd-keyword-all:hover{text-decoration:underline}.jd-search-tag-nav{margin:16px 0 28px}.jd-list-controls{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:16px 0 24px;font-size:14px;color:var(--jd-ink)}.jd-list-controls label{display:flex;align-items:center;gap:8px}.jd-list-controls select,.jd-list-controls button{min-height:44px;font:inherit;background:white;color:var(--jd-ink);border:1px solid #bcc7cd;border-radius:0;padding:8px 12px}.jd-list-controls button[aria-pressed=true]{background:var(--jd-ink);color:white} .jd-search-grid.jd-list-view,.jd-list-view .jd-cat-card-grid,.jd-list-view .jd-shop-articles{grid-template-columns:1fr!important}.jd-search-grid.jd-list-view .jd-search-card>a{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:24px;align-items:start}.jd-search-grid.jd-list-view .jd-search-card img{grid-row:1/3}.jd-search-grid.jd-list-view .jd-search-card h2{padding-right:48px}.jd-list-view .jd-cat-card>a{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px} .jd-article-detail .jd-readable-table{max-width:100%;overflow-x:auto;background:white!important;padding:0!important;border:0!important;margin:28px 0}.jd-article-detail .jd-readable-table table{border-collapse:collapse!important;background:white!important;font-size:16px!important;line-height:1.85!important;min-width:520px;width:100%;table-layout:auto!important}.jd-article-detail .jd-readable-table td,.jd-article-detail .jd-readable-table th{padding:18px 20px!important;border:0!important;border-bottom:1px dotted #bdc6cb!important;background:white!important;color:var(--jd-ink)!important;vertical-align:top}.jd-article-detail .jd-readable-table th{font-weight:600;background:var(--jd-wash-color)!important}.jd-article-detail .jd-readable-table td:first-child{min-width:110px}.jd-article-detail .jd-inline-map{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--jd-ink);text-decoration:none!important;margin:8px 0;color:var(--jd-ink)!important} .jd-article-detail .jt-article-sidebar{padding:0!important;min-width:0}.jd-article-detail .jd-keywords{display:flex;flex-wrap:wrap;gap:8px 14px;margin:14px 0}.jd-article-detail .jd-side-section{border-top:1px solid var(--jd-ink);padding:24px 0;margin:0 0 20px}.jd-article-detail .jd-side-section h2{font-size:18px;margin:0 0 20px!important;line-height:1.7}.jd-side-section ul,.jd-related-bottom ul{list-style:none;padding:0!important;margin:0!important}.jd-side-section li+li{margin-top:20px}.jd-side-card{display:grid!important;grid-template-columns:100px minmax(0,1fr);gap:14px;text-decoration:none!important;color:var(--jd-ink)!important;align-items:start}.jd-side-image{position:relative}.jd-side-image img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.jd-side-number{position:absolute;top:0;left:0;background:var(--jd-ink);color:white;min-width:24px;text-align:center;font-size:13px;line-height:24px}.jd-side-copy{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.jd-side-copy time{display:block;font-size:12px;color:#748087;margin-top:8px}.jd-rank-disclaimer{font-size:12px;line-height:1.7;color:#6e787e;margin:0 0 20px}.jd-related-bottom{border-top:1px solid var(--jd-line);margin-top:48px;padding-top:28px}.jd-related-bottom h2{font-size:22px;margin:0 0 24px}.jd-related-bottom ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.jd-related-bottom .jd-side-card{display:block!important}.jd-related-bottom .jd-side-copy{margin-top:12px} .jd-article-detail[data-article-kind=plans] .wp-block-post-content>h2{border-left:3px solid var(--jd-ink);padding-left:18px!important}.jd-article-detail[data-article-kind=plans] .wp-block-post-content>h2:before{content:counter(route-step,decimal-leading-zero);counter-increment:route-step;font-size:16px;display:inline-block;margin-right:14px;color:#71838c}.jd-article-detail[data-article-kind=plans] .wp-block-post-content{counter-reset:route-step} :where(.jd-save-article,.jd-saved-entry,.jd-list-controls button,.jd-list-controls select,.jd-readable-table):focus-visible{outline:2px solid var(--jd-ink);outline-offset:4px} @media(max-width:1000px){.jd-article-detail .jt-article-layout{grid-template-columns:1fr!important}.jd-article-detail .jt-article-sidebar{position:static!important}.jd-saved-label{display:none}} @media(max-width:600px){.jd-saved-entry{padding:8px 4px;gap:2px}.jd-list-controls{justify-content:space-between;gap:8px;flex-wrap:wrap}.jd-search-grid.jd-list-view .jd-search-card>a,.jd-list-view .jd-cat-card>a{grid-template-columns:104px minmax(0,1fr);gap:12px}.jd-search-grid.jd-list-view .jd-search-card h2{font-size:15px!important;padding:0 40px 0 0!important;line-height:1.7!important}.jd-search-grid.jd-list-view .jd-search-card-meta{grid-column:2;font-size:12px;padding:0!important}.jd-article-detail .jd-readable-table td,.jd-article-detail .jd-readable-table th{padding:14px 16px!important}.jd-related-bottom ul{grid-template-columns:1fr;gap:20px}.jd-related-bottom .jd-side-card{display:grid!important;grid-template-columns:110px minmax(0,1fr)}.jd-related-bottom .jd-side-copy{margin:0}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{animation-duration:.01ms!important;transition-duration:.01ms!important}} .jd-article-detail .jd-side-card{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important}.jd-article-detail .jd-side-card img{border-radius:0!important}.jd-article-detail .jd-side-section h2{border-left:0!important;padding:0!important}.jd-search-tag-nav a[aria-current]{font-weight:700;text-decoration:underline}.jd-saved-info{font-size:14px;color:#576972}.jd-article-detail .wp-block-post-title{overflow-wrap:anywhere}.jd-article-detail .jd-related-bottom{max-width:100%!important} .jd-list-view .jd-shop-cards{grid-template-columns:1fr!important}.jd-list-view .jd-shop-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;border-bottom:1px solid var(--jd-line)}.jd-list-view .jd-shop-photo{height:100%;display:block}.jd-list-view .jd-shop-photo img{height:100%;min-height:160px;object-fit:cover}@media(max-width:600px){.jd-list-view .jd-shop-card{grid-template-columns:110px minmax(0,1fr);gap:12px}.jd-list-view .jd-shop-excerpt{display:none}.jd-list-view .jd-shop-card h3{font-size:16px!important}} .jd-menu-saved{display:flex!important;align-items:center;justify-content:center;gap:12px;min-height:58px;font-size:16px!important;font-weight:600;line-height:1.8;text-align:center;color:var(--jd-ink)!important;background:var(--jd-wash-color);border:1px solid var(--jd-ink);text-decoration:none!important;margin:0 0 28px!important;padding:14px 16px!important}.jd-menu-saved svg{flex:none;width:22px;height:22px}.jd-menu-saved:hover{background:var(--jd-wash-color)}.jd-menu-saved:focus-visible{outline:2px solid var(--jd-ink);outline-offset:4px}.jd-tag-directory{margin-bottom:28px} /* Browsing history shares the existing article listing and quiet MENU treatment. */ .jd-menu-history{display:flex!important;align-items:center;gap:12px;color:var(--jd-ink)!important;text-decoration:none!important;min-height:48px;padding:12px 4px;margin:-16px 0 26px;border-bottom:1px solid var(--jd-line);font-size:15px}.jd-menu-history>svg{flex:none}.jd-menu-history .jd-menu-chevron{margin-left:auto}.jd-menu-history:hover{background:var(--jd-wash-color)}.jd-history-description{font-size:13px;color:var(--jd-muted);margin:0 0 24px;line-height:1.9}.jd-history-clear,.jd-history-remove{background:white;color:var(--jd-ink);border:1px solid var(--jd-line);font:inherit;font-size:12px;min-height:42px;padding:8px 14px}.jd-history-clear:disabled{opacity:.45;cursor:default}.jd-history-time{display:block;color:var(--jd-muted);font-size:12px;margin-top:10px}.jd-history-remove{border:0;border-bottom:1px solid var(--jd-line);padding:6px 0;min-height:40px;margin-top:8px}.jd-history-page .jd-search-result-heading{margin-bottom:26px}.jd-history-page .jd-search-card{position:relative}.jd-history-page [data-history-error]{color:var(--jd-ink);padding:18px 0}.jd-history-page .jd-search-card button:hover{background:var(--jd-wash-color)} /* Flat, counted topic choices keep prefecture and category conditions together. */ .jd-type-filter{border-top:1px solid var(--jd-line);margin-top:18px;padding-top:18px}.jd-type-filter[hidden]{display:none!important}.jd-type-label{font-size:13px!important;color:var(--jd-muted)!important;line-height:1.8!important;margin:0 0 10px!important;font-weight:500!important}.jd-type-nav{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0!important}.jd-type-nav a{display:block;min-height:42px;padding:8px 0;color:var(--jd-ink)!important;text-decoration:none!important;font-size:14px!important;line-height:1.8!important;border-bottom:2px solid transparent}.jd-type-nav a[aria-current=true]{border-bottom-color:var(--jd-ink);font-weight:600}.jd-type-nav a:hover{border-bottom-color:var(--jd-line)}.jd-type-nav a:focus-visible{outline:2px solid var(--jd-ink);outline-offset:3px}.jd-search-extras>.jd-type-label{margin-top:20px!important}.jd-search-extras>.jd-type-nav{padding-bottom:10px;border-bottom:1px solid var(--jd-line)}.jd-search-tag-nav a[aria-current=true]{text-decoration:none!important}@media(max-width:600px){.jd-type-nav{gap:2px 16px}.jd-type-nav a{font-size:13px!important;min-height:44px}} /* Tabiiro reference: compact round sharing controls with captions. */ .jd-article-detail .jd-article-share{margin:0 0 32px!important;padding:8px 0;color:var(--jd-ink)} .jd-article-detail .jd-share-title{font-size:14px;font-weight:600;line-height:1.6;margin:0 0 22px!important} .jd-share-controls{display:flex;align-items:flex-start;gap:28px} .jd-article-detail .jd-share-control{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:0;padding:0;color:var(--jd-ink);text-decoration:none!important;font:inherit;font-size:12px;line-height:1.5;cursor:pointer} .jd-share-circle{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--jd-wash-color);color:var(--jd-muted)} .jd-share-circle svg{width:30px;height:30px} .jd-share-control:hover .jd-share-circle{background:var(--jd-line)} .jd-share-control:focus-visible{outline:2px solid var(--jd-muted);outline-offset:4px} .jd-share-control:disabled{opacity:.6;cursor:wait} .jd-share-status{margin:12px 0 0;font-size:13px;line-height:1.6} .jd-share-url{width:100%;min-width:0;box-sizing:border-box;padding:10px;border:1px solid var(--jd-line);font:inherit;font-size:13px;margin-top:10px} .jd-article-share [hidden]{display:none!important} @media(max-width:1000px){.jd-article-detail .jd-article-share{margin:32px 0 36px!important}} /* Tabiiro's plain official-site action, using the approved JAPANDAYS earth palette. */ :is(.jd-article-detail,.jt-ref-article) .jd-official-entry{margin:0 0 30px!important;padding:0!important;width:100%} :is(.jd-article-detail,.jt-ref-article) .jd-official-button{display:flex!important;align-items:center;justify-content:center;position:relative;min-height:50px;box-sizing:border-box;padding:14px 38px!important;background:linear-gradient(110deg,var(--jd-ink),var(--jd-rust))!important;border:1px solid var(--jd-ink)!important;border-radius:4px!important;color:#fff!important;text-decoration:none!important;font-size:15px!important;font-weight:600;line-height:1.6;box-shadow:none!important} .jd-official-button>span{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:24px;line-height:1} :is(.jd-article-detail,.jt-ref-article) .jd-official-button:hover{background:var(--jd-ink)!important} :is(.jd-article-detail,.jt-ref-article) .jd-official-entry p{margin:10px 0 0!important;font-size:11px!important;line-height:1.7!important;color:var(--jd-muted)!important;text-align:center} :is(.jd-article-detail,.jt-ref-article) .jd-official-inline{display:inline-block!important;max-width:100%;padding:8px 0!important;color:var(--jd-ink)!important;text-decoration:underline!important;text-underline-offset:4px;font-weight:600;overflow-wrap:anywhere} .jd-official-button:focus-visible,.jd-official-inline:focus-visible{outline:2px solid var(--jd-muted);outline-offset:4px} @media(max-width:1000px){:is(.jd-article-detail,.jt-ref-article) .jd-official-entry{margin:28px 0 0!important;max-width:420px}:is(.jd-article-detail,.jt-ref-article) .jd-official-button{min-height:52px}} /* STEP31.1: avoid stacked margins around the sidebar share controls. */ @media(min-width:1001px){ .jd-article-detail .jt-article-sidebar>.jd-official-entry{margin-bottom:0!important} .jd-article-detail .jt-article-sidebar>.jd-article-share{margin:0!important;padding:0!important} .jd-article-detail .jt-article-sidebar>.jd-official-entry+.jd-article-share{margin-top:-12px!important} .jd-article-detail .jt-article-sidebar>.jd-article-share+.jd-side-section{margin-top:-12px!important} } @media(max-width:1000px){ :is(.jd-article-detail,.jt-ref-article) .jd-official-entry{margin:28px auto 0!important} .jd-article-detail .jd-article-share{text-align:center} .jd-article-detail .jd-share-controls{justify-content:center} } /* STEP32: thumbnail lists use a single spacing rule, without legacy card inset. */ .jd-article-detail .jd-side-section{padding-bottom:0!important} .jd-article-detail .jd-side-section ul{gap:20px!important} .jd-article-detail .jd-side-section li+li{margin-top:0!important} .jd-article-detail .jd-side-card{min-height:0!important} .jd-article-detail .jd-side-card .jd-side-copy{padding:0!important;display:block!important} .jd-article-detail .jd-side-image{border-right:0!important} /* STEP32.2: article sections share the page surface, without white panel patches. */ .jd-article-detail :is(.jt-article-header,.jd-store-information,.jd-conversation,.jd-journey,.jd-contents,.jd-information-record,.jd-readable-table){background:transparent!important} .jd-article-detail .jt-article-main .jd-readable-table :is(table,th,td){background:transparent!important} /* STEP32.3: B frames; natural legend layout, inherited article font, no fixed heights. */ .jd-article-detail .jd-information-list:has(.jd-conversation-frame){border:0!important;background:transparent!important;padding:0!important;margin:32px 0!important} .jd-article-detail fieldset.jd-conversation-frame{display:block!important;min-inline-size:0;width:100%;box-sizing:border-box;border:1px solid var(--jd-line)!important;border-radius:0;background:transparent!important;padding:22px 26px 26px!important;margin:0 0 28px!important;font:inherit} .jd-article-detail .jd-conversation-frame>legend.jd-example-scene{float:none!important;position:static!important;display:table!important;width:auto!important;max-width:100%;box-sizing:border-box;padding:0 10px!important;margin:0 0 0 -10px!important;font-family:inherit!important;font-size:16px!important;font-weight:600!important;line-height:1.9!important;letter-spacing:normal!important;color:var(--jd-ink)!important;white-space:normal;overflow-wrap:anywhere} .jd-article-detail .jd-conversation-frame .jd-example-body{min-width:0;margin:0!important;padding:0!important} .jd-article-detail .jd-conversation-frame .jd-example-label{font-family:inherit!important;font-size:13px!important;line-height:1.8!important;letter-spacing:normal!important;color:var(--jd-muted)!important;margin:0 0 8px!important} .jd-article-detail .jd-conversation-frame blockquote{font-family:inherit!important;font-size:24px!important;font-weight:400!important;line-height:1.8!important;color:var(--jd-ink)!important;padding:0 0 20px!important;margin:0 0 18px!important;border:0!important;border-bottom:1px dotted var(--jd-line)!important;overflow-wrap:anywhere} .jd-article-detail .jd-conversation-frame .jd-example-translation{font-family:inherit!important;font-size:17px!important;font-weight:400!important;line-height:1.9!important;color:var(--jd-muted)!important;margin:0!important;overflow-wrap:anywhere} @media(max-width:600px){ .jd-article-detail fieldset.jd-conversation-frame{padding:16px 18px 20px!important;margin-bottom:24px!important} .jd-article-detail .jd-conversation-frame>legend.jd-example-scene{font-size:15px!important;padding-inline:8px!important;margin-left:-8px!important;line-height:1.9!important} .jd-article-detail .jd-conversation-frame blockquote{font-size:20px!important;padding-bottom:16px!important;margin-bottom:14px!important} .jd-article-detail .jd-conversation-frame .jd-example-translation{font-size:16px!important} } /* STEP32.4: framed routes, readable times and notes, with natural wrapping. */ .jd-article-detail .jd-information-list:has(.jd-journey-frame){border:0!important;background:transparent!important;padding:0!important;margin:32px 0!important} .jd-article-detail fieldset.jd-journey-frame{display:block!important;min-inline-size:0;width:100%;box-sizing:border-box;border:1px solid var(--jd-line)!important;border-radius:0;background:transparent!important;padding:22px 26px 26px!important;margin:0 0 28px!important;font:inherit} .jd-article-detail .jd-journey-frame>legend.jd-journey-origin{float:none!important;position:static!important;display:table!important;width:auto!important;max-width:100%;box-sizing:border-box;padding:0 10px!important;margin:0 0 0 -10px!important;font-family:inherit!important;font-size:17px!important;line-height:1.9!important;font-weight:600!important;color:var(--jd-ink)!important;overflow-wrap:anywhere} .jd-article-detail .jd-journey-frame .jd-journey-heading{display:block!important;margin:0 0 16px!important;padding:0!important} .jd-article-detail .jd-journey-frame .jd-journey-duration{display:flex;align-items:baseline;gap:14px;max-width:none!important;font-family:inherit!important;font-size:15px!important;line-height:1.9!important;color:var(--jd-muted)!important;margin:0!important;overflow-wrap:anywhere} .jd-journey-time-label{flex-shrink:0;font-size:13px;line-height:1.9;color:var(--jd-muted)} .jd-article-detail .jd-journey-frame .jd-journey-route{font-family:inherit!important;font-size:17px!important;line-height:1.95!important;color:var(--jd-ink)!important;margin:0 0 20px!important;overflow-wrap:anywhere} .jd-article-detail .jd-journey-frame .jd-journey-note{display:block!important;border:0!important;border-top:1px dotted var(--jd-line)!important;padding:16px 0 0!important;margin:0!important} .jd-journey-frame .jd-journey-note>span{display:block;font-size:13px;line-height:1.8;color:var(--jd-muted);margin-bottom:6px} .jd-article-detail .jd-journey-frame .jd-journey-note p{font-family:inherit!important;font-size:15px!important;line-height:1.9!important;color:var(--jd-muted)!important;margin:0!important;overflow-wrap:anywhere} @media(max-width:600px){ .jd-article-detail fieldset.jd-journey-frame{padding:16px 18px 20px!important;margin-bottom:24px!important} .jd-article-detail .jd-journey-frame>legend.jd-journey-origin{font-size:16px!important;padding-inline:8px!important;margin-left:-8px!important} .jd-article-detail .jd-journey-frame .jd-journey-duration{display:block!important} .jd-journey-time-label{display:block;margin-bottom:4px} .jd-article-detail .jd-journey-frame .jd-journey-route{font-size:16px!important;margin-bottom:16px!important} } /* STEP32.5: quiet transport and time symbols, aligned with their text. */ .jd-route-icon{display:inline-block!important;width:22px!important;height:22px!important;max-width:none!important;flex:0 0 22px;vertical-align:middle;opacity:.72;margin:0!important} .jd-route-modes{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;margin-right:9px} .jd-journey-frame .jd-journey-time-label{display:inline-flex!important;align-items:center;gap:6px;vertical-align:middle} .jd-journey-time-label .jd-route-icon{width:18px!important;height:18px!important;flex-basis:18px} @media(max-width:600px){.jd-journey-frame .jd-journey-time-label{display:flex!important;margin-bottom:5px}.jd-route-modes{gap:4px;margin-right:7px}} /* STEP32.6: use the label text baseline, rather than the nested icon flex baseline. */ .jd-journey-frame .jd-journey-time-label{display:inline-block!important;line-height:inherit!important;vertical-align:baseline!important} .jd-journey-time-label .jd-route-icon{vertical-align:middle!important;margin-right:6px!important} @media(max-width:600px){.jd-journey-frame .jd-journey-time-label{display:block!important}} /* STEP32.7: a small Japanese flag beside the Japanese phrase label, without emoji. */ .jd-article-detail .jd-conversation-frame .jd-example-body>.jd-example-label:first-child::before{content:"";display:inline-block;width:24px;height:16px;margin-right:8px;vertical-align:middle;background:url('material-icons/japan-flag.svg') center/contain no-repeat} /* STEP33: preserve category structure, adding breathing room inside controls and result cards. */ main:is(.jd-category-landing,.jd-shopping) .jd-result-feedback{padding:24px;margin-bottom:32px} main:is(.jd-category-landing,.jd-shopping) .jd-result-feedback-message{margin-bottom:18px!important} main:is(.jd-category-landing,.jd-shopping) .jd-result-search{gap:16px} main:is(.jd-category-landing,.jd-shopping) .jd-result-search label{gap:9px} main:is(.jd-category-landing,.jd-shopping) .jd-result-search :is(select,input,button){min-height:48px;height:48px} .jd-category-landing .jd-cat-results .jd-cat-card-grid{gap:40px 28px} .jd-category-landing .jd-cat-results .jd-cat-meta{margin-bottom:12px!important;line-height:1.8} .jd-category-landing .jd-cat-results .jd-cat-card h3{margin-bottom:16px;line-height:1.8} .jd-category-landing .jd-cat-results .jd-cat-read{margin-top:22px;padding-top:14px} main:is(.jd-category-landing,.jd-shopping) .jd-list-controls{gap:16px;margin:20px 0 24px;flex-wrap:wrap} @media(max-width:700px){ main:is(.jd-category-landing,.jd-shopping) .jd-result-feedback{padding:20px 18px;margin-bottom:28px} main:is(.jd-category-landing,.jd-shopping) .jd-result-search{gap:18px 12px} main:is(.jd-category-landing,.jd-shopping) .jd-result-search label{gap:8px} .jd-category-landing .jd-cat-results .jd-cat-card-grid{gap:32px 18px} .jd-category-landing .jd-cat-results .jd-cat-card h3{line-height:1.8} main:is(.jd-category-landing,.jd-shopping) .jd-list-controls{gap:12px;margin:18px 0 24px} .jd-category-landing .jd-cat-results .jd-result-heading{align-items:flex-start} } /* STEP33.1: consistent inset select arrows and larger, full-height list photos. */ /* STEP33.2: every single-choice select uses the shared inset arrow, including finder, topics, MENU and prefecture guides. */ html body select:not([multiple]):not([size]),html body select[size="1"]:not([multiple]){appearance:none!important;-webkit-appearance:none!important;padding-right:42px!important;background-image:url('material-icons/select-chevron.svg')!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:16px 16px!important} .jd-category-landing .jd-list-view .jd-cat-card>a{grid-template-columns:minmax(0,.38fr) minmax(0,.62fr)!important;gap:0!important;align-items:stretch;min-height:220px} .jd-category-landing .jd-list-view .jd-cat-card>a>img{width:100%!important;height:100%!important;min-height:0;aspect-ratio:auto!important;object-fit:cover;align-self:stretch} .jd-category-landing .jd-list-view .jd-cat-card-copy{align-self:stretch} .jd-shopping .jd-list-view .jd-shop-card{grid-template-columns:minmax(0,.38fr) minmax(0,.62fr)!important;gap:0!important;align-items:stretch;min-height:220px} .jd-shopping .jd-list-view .jd-shop-photo{width:100%;height:100%;aspect-ratio:auto;align-self:stretch} .jd-shopping .jd-list-view .jd-shop-photo img{height:100%;min-height:0;aspect-ratio:auto;object-fit:cover} @media(max-width:700px){ .jd-category-landing .jd-list-view .jd-cat-card>a,.jd-shopping .jd-list-view .jd-shop-card{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr)!important;min-height:0} .jd-category-landing .jd-list-view .jd-cat-card h3{font-size:17px!important;line-height:1.75!important;margin-bottom:12px} .jd-category-landing .jd-list-view .jd-cat-excerpt{-webkit-line-clamp:2;font-size:14px!important} .jd-category-landing .jd-list-view .jd-cat-read{margin-top:14px;padding-top:12px} } /* STEP35: extend the approved sharing circles, with a quiet print action. */ .jd-article-share .jd-share-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;max-width:350px} .jd-article-share .jd-share-control{width:auto;min-width:0;gap:6px} .jd-share-circle{font-family:Arial,sans-serif;font-size:28px;font-weight:600} .jd-share-app-note{font-size:12px;line-height:1.8;margin:14px 0 0;color:var(--jd-muted);max-width:300px} .jd-print-article{font:inherit;font-size:13px;color:var(--jd-muted);text-decoration:underline;text-underline-offset:4px;border:0;background:none;padding:10px 0;cursor:pointer;min-height:44px} @media(max-width:1000px){.jd-article-share .jd-share-controls,.jd-share-app-note{margin-inline:auto}} @media print{ body{background:white!important;color:black!important;padding:0!important} body>header,body>footer,.wp-block-template-part,.jt-article-sidebar,.jd-article-share,.jd-save-article,.jd-related-bottom,.jd-scroll-top,.jd-history-section,.jd-official-entry{display:none!important} .jd-article-detail,.jd-article-detail .alignwide{padding:0!important;max-width:none!important;width:100%!important;background:white!important} .jd-article-detail .jt-article-layout{display:block!important} .jd-article-detail .jt-article-main{width:100%!important;max-width:none!important} .jd-article-detail img{max-width:100%!important;break-inside:avoid} .jd-article-detail h2,.jd-article-detail h3{break-after:avoid} .jd-article-detail :is(fieldset,tr){break-inside:avoid} .jd-article-detail a{color:inherit!important} } /* STEP35.1: one compact sharing row at every screen width. */ .jd-article-detail .jd-share-title{margin-bottom:12px!important} .jd-share-app-note{margin:8px 0 0;max-width:350px;font-size:12px;line-height:1.6} @media(max-width:1000px){.jd-article-detail .jd-article-share{margin:20px 0 20px!important;padding:0!important}} /* STEP35.2: favorite and article tags share one compact row. */ .jd-article-actions{display:flex;align-items:center;gap:12px;margin:20px 0;min-width:0} .jd-article-actions .jd-save-full{margin:0!important;flex:none;white-space:nowrap} .jd-article-detail .jd-article-actions .jd-keywords{margin:0!important;flex:1;min-width:0;gap:6px 8px;align-items:center} .jd-article-actions .jd-keywords a{white-space:nowrap} @media(max-width:600px){ .jd-article-actions{gap:8px;margin:16px 0} .jd-article-actions .jd-save-full{gap:6px;padding:8px;font-size:13px} .jd-article-actions .jd-save-full>span{display:none} .jd-article-actions .jd-save-full::after{content:'บันทึก'} .jd-article-actions .jd-save-full.is-saved::after{content:'บันทึกแล้ว'} .jd-article-actions .jd-keywords a{font-size:12px!important;padding:4px 6px!important} } @media(max-width:360px){.jd-article-actions .jd-save-full::after{display:none}} /* STEP34.1: larger mobile contents hit areas, keeping the collapsed index compact. */ .jd-article-detail .jd-contents-toggle{padding-right:14px!important} @media(max-width:600px){ .jd-article-detail .jd-contents{padding-block:12px!important} .jd-article-detail .jd-contents-toggle{min-height:44px} .jd-article-detail .jd-contents ol{row-gap:0} .jd-article-detail .jd-contents li{min-width:0} .jd-article-detail .jd-contents li>a{display:block;min-height:44px;padding-block:9px;overflow-wrap:anywhere} } /* STEP34.1 follow-up: repeat the existing share and save controls at the article end. */ .jd-article-detail .jd-article-share-bottom{width:100%!important;max-width:none!important;margin:24px 0!important;padding:20px 0!important;border-top:1px solid var(--jd-line);border-bottom:1px solid var(--jd-line);text-align:center} .jd-share-bottom-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:350px;margin:0 auto 16px} .jd-article-detail .jd-share-bottom-heading .jd-share-title{margin:0!important;text-align:left} .jd-share-bottom-heading .jd-save-full{margin:0;flex:none;padding:8px;font-size:13px} .jd-article-share-bottom .jd-share-controls,.jd-article-share-bottom .jd-share-app-note{margin-inline:auto} @media print{.jd-article-share-bottom{display:none!important}} /* STEP34.2: approved shopping list proposal, scoped to this page type. */ .jd-shopping .jd-shop-result-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:24px} .jd-shop-title-count{display:flex;align-items:center;gap:20px;min-width:0} .jd-shop-title-count h2{min-width:0} .jd-shop-title-count>p{flex:none;font-size:14px;color:#666;white-space:nowrap} .jd-shopping .jd-shop-result-heading .jd-list-controls{margin:0;gap:8px;flex-wrap:nowrap} .jd-shopping .jd-shop-cards{gap:28px 24px} .jd-shopping .jd-shop-card{border:1px solid var(--jd-line);border-radius:6px;box-shadow:0 4px 14px rgba(88,58,50,.09);overflow:hidden} .jd-shopping .jd-shop-photo{aspect-ratio:3/2} .jd-shopping .jd-shop-card h3{margin:14px 0 12px!important;line-height:1.75} .jd-shopping .jd-shop-card h3>a{display:block} .jd-shopping .jd-shop-excerpt{-webkit-line-clamp:2;margin-bottom:0!important;line-height:1.8} .jd-shopping .jd-save-card>.jd-save-article{top:12px;right:12px} @media(max-width:600px){ .jd-shopping .jd-shop-result-heading{gap:10px;margin-bottom:20px} .jd-shop-title-count{gap:8px} .jd-shopping .jd-shop-title-count h2{font-size:16px;line-height:1.6} .jd-shop-title-count>p{font-size:12px} .jd-shopping .jd-shop-result-heading .jd-list-controls label{font-size:12px} .jd-shopping .jd-shop-result-heading .jd-list-controls label>span{display:none} .jd-shopping .jd-shop-result-heading .jd-list-controls select{font-size:13px;min-width:96px;padding-block:8px} .jd-shopping .jd-shop-cards{gap:20px} } /* STEP34.2: align result headings and keep text clear of card edges. */ .jd-category-landing .jd-cat-results .jd-result-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:24px} .jd-category-landing .jd-cat-results .jd-result-heading h2{margin:0;overflow-wrap:anywhere} .jd-category-landing .jd-cat-results .jd-result-heading .jd-list-controls{margin:0;gap:8px;flex-wrap:nowrap} .jd-search-page .jd-search-result-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0 16px} .jd-search-page .jd-search-result-heading .jd-search-count{margin:0;margin-right:auto} .jd-search-page .jd-search-result-heading .jd-list-controls{margin:0} .jd-search-page .jd-search-result-heading .jd-search-clear{margin:0;font-size:12px} .jd-search-page .jd-search-grid{gap:32px 24px} .jd-search-page .jd-search-grid .jd-search-card>a{height:100%} .jd-search-page .jd-search-grid .jd-search-card h2{margin:16px 18px 12px;line-height:1.8;overflow-wrap:anywhere} .jd-search-page .jd-search-grid .jd-search-card-meta{padding:0 18px 18px;line-height:1.8} .jd-search-page .jd-search-grid .jd-save-article{top:12px;right:12px} @media(max-width:700px){ .jd-category-landing .jd-cat-results .jd-result-heading{gap:12px;margin-bottom:20px} .jd-category-landing .jd-cat-results .jd-shop-title-count{gap:8px;flex-wrap:wrap} .jd-category-landing .jd-cat-results .jd-result-heading h2{font-size:18px;line-height:1.6} .jd-category-landing .jd-cat-results .jd-list-controls label>span{display:none} .jd-category-landing .jd-cat-results .jd-list-controls select{font-size:13px;min-width:96px} .jd-search-page .jd-search-result-heading{gap:12px} .jd-search-page .jd-search-result-heading .jd-list-controls{font-size:12px} .jd-search-page .jd-search-result-heading .jd-list-controls select{font-size:13px;min-width:96px} .jd-search-page .jd-search-grid{gap:24px 16px} .jd-search-page .jd-search-grid .jd-search-card h2{margin:14px 12px 10px;line-height:1.75} .jd-search-page .jd-search-grid .jd-search-card-meta{padding:0 12px 16px} } @media(max-width:700px){ .jd-search-page .jd-search-result-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center} .jd-search-page .jd-search-result-heading .jd-search-count{margin:0} .jd-search-page .jd-search-result-heading .jd-list-controls label{font-size:0} .jd-search-page .jd-search-result-heading .jd-search-clear{order:0;grid-column:2;justify-self:end} } @media(max-width:700px){ .jd-category-landing .jd-cat-results .jd-list-controls select{width:110px;max-width:110px} .jd-search-page .jd-search-result-heading .jd-list-controls select{width:110px;max-width:110px} } /* STEP34.3: shared homepage edges and MENU spacing; preserve approved visuals. */ .home main.jt-ref-home>.jd-purpose-home, .home main.jt-ref-home>.jd-latest-home{width:calc(100% - 40px)!important;max-width:1180px!important} .home .jt-ref-destinations{padding-inline:20px!important} .home .jt-ref-destinations>.jt-ref-section-head, .home .jt-ref-destinations>.jt-ref-region-grid{width:100%!important;max-width:1180px!important;margin-inline:auto!important} .jd-drawer-body .jd-menu-search-entry{margin-bottom:20px} .jd-drawer-body .jd-menu-saved{margin-bottom:12px!important} .jd-drawer-body .jd-menu-history{margin-top:0;margin-bottom:28px} /* STEP34.5: readable, shared links from roundups to individual articles. */ .jt-ref-article .wp-block-post-content .jd-detail-link-row{list-style:none;margin:20px 0 24px!important} .jt-ref-article .wp-block-post-content a.jd-detail-article-link{display:flex;align-items:center;justify-content:space-between;gap:24px;box-sizing:border-box;width:fit-content;min-width:280px;max-width:100%;min-height:64px;padding:14px 20px;border:1px solid var(--jd-muted);border-radius:4px;background:var(--jd-wash-color);color:var(--jd-ink);text-decoration:none!important;line-height:1.6} .jd-detail-link-copy{display:grid;gap:3px;min-width:0} .jd-detail-link-label{font-size:12px;color:var(--jd-muted);font-weight:400} .jd-detail-link-title{font-size:16px;font-weight:600;overflow-wrap:anywhere} .jd-detail-article-link svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .jt-ref-article .wp-block-post-content a.jd-detail-article-link:hover{background:var(--jd-line);border-color:var(--jd-ink)} .jd-detail-article-link:focus-visible{outline:2px solid var(--jd-rust);outline-offset:4px} @media(max-width:700px){.jt-ref-article .wp-block-post-content a.jd-detail-article-link{width:100%;min-width:0;padding:14px 16px;gap:16px}} /* STEP34.7.3: use the same native disclosure as all 47 prefectures. */ .jd-type-filter:not([open])>.jd-type-nav{display:none} .jd-type-filter>summary{margin:0 0 10px} @media(max-width:700px){.jd-type-filter{padding-top:0}.jd-type-filter>summary{margin:0}.jd-type-filter[open]>.jd-type-nav{padding:10px 0 12px}} /* STEP34.8: omit the redundant category badge below article photography. */ .jt-ref-article .jt-article-header>.jt-article-category{display:none!important} /* footer.css */ /* Shared footer navigation; existing earth palette and logo remain in place. */ .jd-site-footer .jt-ref-footer-cols{grid-template-columns:1.15fr 1fr 1.15fr 1.15fr;gap:36px} .jd-site-footer .jd-footer-group{min-width:0} .jd-site-footer .jd-footer-group h4{font-size:15px;line-height:1.7;margin:0 0 14px;letter-spacing:.04em} .jd-site-footer .jd-footer-group ul{list-style:none;padding:0;margin:0} .jd-site-footer .jd-footer-group li{margin:0} .jd-site-footer .jd-footer-group a{font-size:14px;line-height:1.65;padding:7px 0;min-height:36px;text-underline-offset:4px;overflow-wrap:anywhere} .jd-site-footer .jd-footer-group a:hover{text-decoration:underline} .jd-site-footer a:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:1px} .jd-site-footer .jd-footer-all{margin-top:8px!important;padding-top:8px;border-top:1px solid rgba(255,255,255,.18)} @media(max-width:900px){.jd-site-footer .jt-ref-footer-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.jd-site-footer .jt-ref-footer-brand{grid-column:1/-1}} @media(max-width:600px){.jd-site-footer .jt-ref-footer-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.jd-site-footer .jd-footer-group a{min-height:44px;display:flex;align-items:center;padding:9px 0}.jd-site-footer .jd-footer-group:last-child{grid-column:1/-1}.jd-site-footer .jd-footer-group:last-child ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}} /* STEP78 readable shared footer on the ice-grey surface. */ footer.wp-block-template-part,.jd-site-footer,.jt-ref-footer{background:var(--jd-wash)!important;color:var(--jd-ink)!important;border-color:var(--jd-line)!important} .jd-site-footer .jt-ref-footer,.jd-site-footer .jt-ref-footer-cols{background:transparent!important} .jd-site-footer a,.jd-site-footer h4,.jd-site-footer p,.jd-site-footer li,.jd-site-footer .jt-ref-footer-bottom{color:var(--jd-ink)!important} .jd-site-footer .jt-ref-logo span{color:#9b493a!important} .jd-site-footer .jd-footer-all,.jd-site-footer .jt-ref-footer-bottom{border-color:var(--jd-line)!important} .jd-site-footer a:hover{color:var(--jd-rust)!important} /* menu-step-one.css */ /* Shared MENU: full-screen on mobile, right-hand drawer on desktop. */ .jd-drawer-content,.jd-menu-shade,.jd-desktop-navigation{display:none} .jt-ref-nav .wp-block-navigation__responsive-container-open{display:flex!important;align-items:center;justify-content:center;gap:8px;padding:0 2px!important;color:#171717} .jt-ref-nav .wp-block-navigation__responsive-container-open svg{fill:none!important;width:24px;height:24px} .jd-menu-trigger-label{font-size:12px;font-weight:600;letter-spacing:.08em} .jd-menu-shade{display:block;position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,.4);animation:jd-shade-in .22s ease both} .jt-ref-nav .wp-block-navigation__responsive-container.is-menu-open{inset:0 0 0 auto!important;width:min(420px,100vw);max-width:none!important;height:100dvh;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;background:#fff!important;color:#171717!important;padding:0!important;z-index:100000;box-shadow:-8px 0 28px #0002;animation:jd-menu-in .24s cubic-bezier(.22,.7,.3,1) both} .jt-ref-nav .is-menu-open .wp-block-navigation__responsive-close{width:100%;max-width:none;position:sticky;top:0;z-index:3;height:0} .jt-ref-nav .is-menu-open .wp-block-navigation__responsive-dialog{position:static} .jt-ref-nav .is-menu-open .wp-block-navigation__responsive-container-close{top:7px;right:12px;padding:10px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;background:#fff!important;color:#171717!important;border:1px solid #171717;z-index:4} .jt-ref-nav .is-menu-open .wp-block-navigation__responsive-container-close svg{width:20px;height:20px} .jt-ref-nav .is-menu-open .wp-block-navigation__responsive-container-content{display:none!important} .jt-ref-nav .is-menu-open .jd-drawer-content{display:block;width:100%;font-family:inherit} .jd-menu-title{position:sticky;top:0;z-index:2;box-sizing:border-box;min-height:54px;padding:13px 66px 12px 20px;background:var(--jd-rust);color:#fff;font-size:20px;font-weight:700;line-height:29px} .jd-menu-title small{font-size:11px;letter-spacing:.14em;margin-left:10px;font-weight:500} .jd-drawer-body{padding:20px 15px 28px} .jd-menu-search{display:flex;gap:0;margin:0 5px 26px;border:1px solid #d3d3d3;background:#fff} .jd-menu-search input{flex:1;min-width:0;border:0;background:none;padding:11px 12px;color:#171717;font:inherit;font-size:14px;line-height:24px;border-radius:0} .jd-menu-search button{display:grid;place-items:center;border:0;border-left:1px solid #ddd;background:#171717;color:#fff;width:44px;cursor:pointer;padding:10px} .jd-menu-search svg{width:21px;height:21px} .jd-menu-section{margin:0 0 28px} .jd-menu-section h2{font-size:20px;font-weight:700;line-height:1.45;margin:0 0 20px;padding-left:10px;border-left:6px solid var(--jd-rust);color:#171717;letter-spacing:0} .jd-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--jd-line);border-left:1px solid var(--jd-line)} .jd-menu-grid a{box-sizing:border-box;min-height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:13px 3px 10px;border-right:1px solid var(--jd-line);border-bottom:1px solid var(--jd-line);background:#fff;text-decoration:none!important;color:#171717;font-size:15px;font-weight:600;line-height:1.4;text-align:center} .jd-menu-grid svg{width:34px;height:34px;color:var(--jd-rust);flex:none} .jd-menu-grid a small{display:block;margin-top:3px;font-size:12px;font-weight:500;line-height:1.4} .jd-menu-grid a:hover,.jd-menu-grid a:active{background:#f8e9ed} .jd-menu-provinces{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:0 5px} .jd-menu-provinces a,.jd-menu-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:7px 6px;box-sizing:border-box;text-decoration:none!important;color:#171717;font-size:14px;border-bottom:1px solid #ededed} .jd-menu-chevron{display:grid;place-items:center;width:20px;height:20px;flex:none;color:#777} .jd-menu-provinces .jd-menu-chevron,.jd-menu-links .jd-menu-chevron{border:1px solid #ddd} .jd-menu-chevron svg{display:block;width:12px;height:12px} .jd-menu-all{display:flex;justify-content:space-between;align-items:center;margin:14px 5px 0;padding:10px 12px;background:#f6f6f6;color:#171717;text-decoration:none!important;font-size:13px} .jd-menu-links{padding:0 5px} .jd-menu-home{display:block;border-top:1px solid #ddd;text-align:center;padding-top:22px;text-decoration:none!important;color:#171717;font-size:23px;font-weight:800;letter-spacing:.03em} .jd-menu-home span{color:var(--jd-rust)}.jd-menu-home small{display:block;font-size:12px;font-weight:400;letter-spacing:0;margin-top:6px} .jd-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .jt-ref-nav .is-menu-open button:focus-visible,.jt-ref-nav .is-menu-open a:focus-visible,.jd-menu-search input:focus-visible{outline:2px solid var(--jd-rust);outline-offset:2px} @media(max-width:900px){ .jt-ref-nav-row{justify-content:flex-end!important} .jt-ref-nav{margin-left:auto} .jt-ref-nav .wp-block-navigation__responsive-container.is-menu-open{width:100vw} } @media(min-width:901px){ .jt-ref-nav{flex:1;width:100%;align-items:center} .jt-ref-nav .wp-block-navigation__responsive-container-open{order:2;margin-left:auto;min-height:54px;flex:none} .jd-desktop-navigation{display:flex;order:1;flex:1;min-width:0;padding-right:24px} .jt-ref-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important} } @keyframes jd-menu-in{from{transform:translateX(100%)}to{transform:translateX(0)}} @keyframes jd-shade-in{from{opacity:0}to{opacity:1}} @media(prefers-reduced-motion:reduce){.jd-menu-shade,.jt-ref-nav .wp-block-navigation__responsive-container.is-menu-open{animation:none!important}} /* Approved A search entry/icon balance, B region CTA. */ .jd-menu-title{background:#fff;color:var(--jd-ink);padding:20px 66px 20px 24px;border-bottom:1px solid #e1e5e4;min-height:70px;font-size:22px} .jt-ref-nav .is-menu-open .wp-block-navigation__responsive-container-close{top:15px;right:20px;border:0;color:var(--jd-ink)!important} .jd-drawer-body{padding:24px 24px 32px}.jd-menu-search{margin:0 0 16px;border-color:#b8c3c6}.jd-menu-search button{background:var(--jd-ink);border-color:var(--jd-ink)}.jd-menu-search-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:86px;padding:18px 20px;background:var(--jd-ink);color:#fff!important;text-decoration:none!important;margin-bottom:30px;font-size:17px;line-height:1.6}.jd-menu-search-entry small{display:block;font-size:11px;font-weight:400;margin-top:5px;letter-spacing:.04em}.jd-menu-search-entry .jd-menu-chevron{color:#fff;width:24px;height:24px}.jd-menu-search-entry svg{width:22px;height:22px} .jd-menu-section{margin-bottom:32px}.jd-menu-section h2{color:var(--jd-ink);border-left:0;padding:0;font-size:17px;margin-bottom:16px}.jd-menu-grid{border:0;gap:6px}.jd-menu-grid a{border:1px solid var(--jd-line);min-height:103px;padding:15px 5px;gap:10px;color:var(--jd-ink);font-size:14px;font-weight:500}.jd-menu-grid svg{color:var(--jd-ink);width:29px;height:29px}.jd-menu-grid a small{font-size:11px}.jd-menu-grid a:hover,.jd-menu-grid a:active{background:#f1f5f4}.jd-menu-provinces,.jd-menu-links{padding:0}.jd-menu-provinces a,.jd-menu-links a{color:var(--jd-ink);padding:9px 0}.jd-menu-provinces .jd-menu-chevron,.jd-menu-links .jd-menu-chevron{border:0;color:var(--jd-ink)}.jd-menu-all{margin:22px 0 0;padding:15px 18px;min-height:52px;background:var(--jd-ink);color:#fff!important;font-size:14px}.jd-menu-all .jd-menu-chevron{color:#fff}.jd-menu-all svg{width:20px;height:20px}.jd-menu-home{padding-top:26px}.jt-ref-nav .is-menu-open :focus-visible{outline-color:var(--jd-muted)!important} @media(max-width:380px){.jd-drawer-body{padding:20px 18px 28px}.jd-menu-search-entry{font-size:16px}.jd-menu-grid a{min-height:100px}} /* Destination suggestions supplement the unchanged all-prefecture area entrance. */ .jd-menu-destination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.jd-menu-destination{display:block;min-width:0;text-decoration:none!important;color:var(--jd-ink)!important}.jd-menu-destination img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#eef2f2}.jd-menu-destination-copy{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0 8px;border-bottom:1px solid var(--jd-line);font-size:15px;line-height:1.5;font-weight:600}.jd-menu-destination small{display:block;margin-top:3px;font-size:12px;line-height:1.6;font-weight:400;color:var(--jd-muted)}.jd-menu-destination .jd-menu-chevron{color:var(--jd-ink);border:0}.jd-menu-destination:hover .jd-menu-destination-copy{border-bottom-color:var(--jd-ink)}.jd-menu-destination:hover img{opacity:.9}@media(max-width:380px){.jd-menu-destination-grid{gap:18px 12px}.jd-menu-destination-copy{font-size:14px}.jd-menu-destination small{font-size:11px}} /* STEP22.3: match the approved homepage category treatment in the shared MENU. */ .jd-menu-section h2{display:flex;align-items:center;gap:10px;color:#333;font-size:20px;line-height:1.5;font-weight:700;border:0;padding:0;margin-bottom:18px} .jd-menu-section h2:before{content:"";display:block;width:16px;height:22px;flex:none;background:linear-gradient(135deg,#333 0 50%,var(--jd-line) 50% 100%)} .jd-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;border:0;background:var(--jd-line)} .jd-menu-grid a{min-height:100px;padding:10px 3px;gap:7px;border:0;background:var(--jd-surface);color:#333!important;font-size:14px;font-weight:500;line-height:1.45} .jd-menu-grid svg{display:block;width:30px;height:30px;color:var(--jd-muted)} .jd-menu-grid a small{display:block;margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit} .jd-menu-grid a:hover,.jd-menu-grid a:active{background:var(--jd-wash-color)} .jd-menu-grid a:focus-visible{outline:2px solid var(--jd-muted)!important;outline-offset:-4px} /* STEP34.9: do not send visitors to empty preparation archives. */ .jd-menu-links .jd-menu-pending{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;min-height:44px;border-bottom:1px solid var(--jd-line);color:var(--jd-muted);font-size:14px;box-sizing:border-box} .jd-menu-links .jd-menu-pending small{font-size:12px;font-weight:400} /* STEP34.10: suppress the old navigation before drawer initialization. */ .jt-ref-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important} html:not(.jd-menu-ready) .jt-ref-nav .wp-block-navigation__responsive-container-open{pointer-events:none} .jd-menu-grid a[aria-current=page]{color:var(--jd-ink);font-weight:600} /* STEP34.11: Tabiiro-style area subview inside the existing drawer. */ .jd-drawer-content [hidden]{display:none!important} .jd-menu-grid .jd-menu-area-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;padding:10px 3px;gap:7px;border:0;border-radius:0;background:var(--jd-surface);color:#333;font:inherit;font-size:14px;font-weight:500;line-height:1.45;cursor:pointer;width:100%} .jd-menu-grid .jd-menu-area-trigger small{display:block;margin:0;font:inherit;color:inherit} .jd-menu-grid .jd-menu-area-trigger:hover{background:var(--jd-wash-color)} .jd-menu-grid .jd-menu-area-trigger:focus-visible{outline:2px solid var(--jd-muted)!important;outline-offset:-4px} .jd-menu-area-open .jd-menu-title{padding:20px 66px 20px 80px;text-align:center;font-size:17px;font-weight:600} .jd-menu-back{position:absolute;left:14px;top:15px;min-height:40px;padding:0 4px;border:0;background:none;color:var(--jd-ink);font:inherit;font-size:14px;cursor:pointer} .jd-menu-area-body{padding:0 16px 28px} .jd-menu-area-region{margin:0} .jd-menu-area-region h2{margin:0;padding:18px 0 8px;font-size:16px;font-weight:700;line-height:1.5;color:#333} .jd-menu-area-body a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;min-height:52px;box-sizing:border-box;border-bottom:1px solid var(--jd-line);color:#333!important;text-decoration:none!important;font-size:15px;line-height:1.6} .jd-menu-area-body a:hover{color:var(--jd-muted)!important;background:var(--jd-surface)} .jd-menu-area-body .jd-menu-chevron{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--jd-muted);flex:none;color:var(--jd-muted)} .jd-menu-area-body .jd-menu-chevron svg{width:16px;height:16px} .jd-menu-area-open .jd-menu-title{background:#fff!important;color:var(--jd-ink)!important;border-bottom:1px solid var(--jd-line)!important} .jd-menu-area-open .jd-menu-back{color:var(--jd-ink)!important} .jd-menu-area-open .wp-block-navigation__responsive-container-close{color:var(--jd-ink)!important} .jd-menu-area-body a{font-weight:400!important} .jt-ref-nav .is-menu-open .jd-menu-area-open .wp-block-navigation__responsive-container-close{color:var(--jd-ink)!important;background:#fff!important} /* STEP34.12: quiet area panel below the PC navigation, using MENU's region rows. */ .jd-nav-area-popup[hidden]{display:none!important} .jd-nav-area-popup{position:fixed;z-index:99997;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:20px 24px 24px;background:var(--jd-surface);color:#333;border:1px solid var(--jd-line);box-shadow:0 8px 24px rgba(48,57,67,0.125);font-family:inherit} .jd-nav-area-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px} .jd-nav-area-heading h2{margin:0;font-size:18px;font-weight:600;line-height:1.5;color:var(--jd-ink)} .jd-nav-area-heading button{display:grid;place-items:center;min-width:40px;min-height:40px;border:0;background:none;color:var(--jd-ink);font:inherit;font-size:25px;cursor:pointer} .jd-nav-area-all{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 16px;border-bottom:1px solid var(--jd-line);margin-bottom:16px;color:var(--jd-ink)!important;font-size:15px;font-weight:600;text-decoration:none!important} .jd-nav-area-regions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 28px} .jd-nav-area-popup .jd-menu-area-region h2{padding:0 0 8px;margin:0;font-size:15px;font-weight:700;line-height:1.5;color:var(--jd-ink)} .jd-nav-area-popup .jd-menu-area-region a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:8px 0;box-sizing:border-box;border-bottom:1px solid var(--jd-line);color:#333!important;text-decoration:none!important;font-size:14px;line-height:1.6;font-weight:400} .jd-nav-area-popup a:hover{color:var(--jd-muted)!important;background:var(--jd-wash-color)} .jd-nav-area-popup .jd-menu-chevron{display:grid;place-items:center;width:18px;height:18px;flex:none;color:var(--jd-muted)} .jd-nav-area-popup .jd-menu-chevron svg{width:16px;height:16px} .jd-nav-area-popup :focus-visible{outline:2px solid var(--jd-muted);outline-offset:3px} .jd-desktop-navigation a[aria-expanded=true]{color:var(--jd-ink)!important;border-bottom-color:var(--jd-muted)!important} @media(max-width:900px){.jd-nav-area-popup{display:none!important}} /* article-detail.css */ /* Faithful Tabiiro article structure, with JAPANDAYS branding. */ .jd-article-detail{background:#fff;color:#202020;padding:0 4% 64px!important}.jd-article-detail *{box-sizing:border-box}.jd-article-detail .alignwide{width:100%!important;max-width:1180px!important;margin-inline:auto!important}.jd-article-detail .jt-article-breadcrumb{padding:16px 0!important;margin:0!important;font-size:11px;color:#666}.jt-article-breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.jt-article-breadcrumb li{display:flex;gap:8px}.jd-article-detail .jt-article-layout{display:grid!important;grid-template-columns:minmax(0,784px) minmax(0,334px)!important;gap:60px!important;align-items:start;padding:0!important}.jd-article-detail .jt-article-main,.jd-article-detail .wp-block-post-content{padding:0!important;min-width:0}.jd-article-detail .wp-block-post-content>*{max-width:100%!important}.jd-article-detail .jt-article-header{display:block;padding:0!important;background:white;margin:0 0 30px!important}.jd-article-detail .jt-article-featured{display:block;margin:0!important;max-width:none;width:100%}.jd-article-detail .jt-article-featured picture{display:block}.jd-article-detail .jt-article-featured img{display:block;width:100%;height:auto;aspect-ratio:16/9!important;object-fit:cover}.jd-article-detail .jt-article-featured figcaption{margin:8px 0 0!important;padding:0;font-size:11px;line-height:1.7;color:#777}.jd-article-detail .jt-article-featured figcaption a{display:inline!important;font:inherit;color:inherit;margin:0;padding:0;text-decoration:underline}.jd-article-heading-copy{padding:0!important}.jd-article-detail .jt-article-byline{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px 12px;margin:12px 0!important;padding:0!important;min-height:0;border:0;font-size:12px;color:#666;line-height:1.6}.jd-article-detail .jt-article-published time::before{content:'เผยแพร่ '}.jd-article-detail .jt-article-updated time::before{content:'อัปเดต '}.jd-article-detail .jt-article-header .wp-block-post-title{font-size:30px;line-height:1.6;font-weight:700;letter-spacing:0;margin:16px 0 22px!important;max-width:none}.jd-article-detail .jt-article-deck{margin:0 0 24px!important;font-size:16px;line-height:1.9;color:#333}.jd-article-detail .jt-article-category{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0!important;font-size:13px;line-height:1.6;color:var(--jd-ink)}.jd-article-category>span:before,.jd-article-category>a:before{content:'#'}.jd-article-detail .jt-article-category a{color:var(--jd-ink);text-decoration:none}.jd-article-quick-nav{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.jd-article-quick-nav a{color:var(--jd-ink);text-underline-offset:4px}.jd-article-detail .jt-article-main .wp-block-post-content>p,.jd-article-detail .jt-article-main .wp-block-post-content>ul,.jd-article-detail .jt-article-main .wp-block-post-content>ol{font-size:17px;line-height:1.95;margin-bottom:26px}.jd-article-detail .jt-article-main .wp-block-post-content li+li{margin-top:10px}.jd-article-detail .jt-article-main .wp-block-post-content h2{margin:44px 0 24px;font-size:23px;line-height:1.7;font-weight:700;letter-spacing:0}.jd-article-detail .jt-article-main .wp-block-post-content h3{font-size:20px;line-height:1.8;color:var(--jd-ink)}.jd-article-detail .jt-article-main .wp-block-image{margin:30px 0}.jd-article-detail .wp-block-image img{display:block;height:auto;border-radius:0}.jd-article-detail .jt-article-main figcaption{font-size:12px;line-height:1.7;margin-top:10px;color:#777} .jd-store-information{position:relative;background:#f6f6f6;padding:30px 34px;margin:24px 0 36px}.jd-article-detail .jd-store-information .jd-store-name{font-size:18px!important;color:#202020!important;margin:0 0 20px!important;padding:0 0 12px;border-bottom:1px dashed #777;line-height:1.6}.jd-store-information dl{margin:0;padding:0 116px 0 0;font-size:14px;line-height:1.8}.jd-store-information dl>div{display:grid;grid-template-columns:115px minmax(0,1fr);gap:12px;margin:0 0 15px}.jd-store-information dl>div:last-child{margin-bottom:0}.jd-store-information dt{font-weight:600}.jd-store-information dd{margin:0;overflow-wrap:anywhere}.jd-store-information a{color:inherit}.jd-map-link{position:absolute;top:86px;right:34px;display:flex;width:98px;height:98px;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#e6e6e6;text-decoration:none;font-size:13px;font-weight:600}.jd-map-link svg{width:36px;height:36px;color:var(--jd-ink)}.jd-map-link:hover{background:#ddd}.jd-article-detail .jt-article-main .wp-block-table{background:#f6f6f6;border:0;border-radius:0;padding:22px;margin:24px 0 32px;overflow-x:auto}.jd-article-detail .wp-block-table table{border-collapse:collapse;border:0;font-size:15px;line-height:1.8}.jd-article-detail .wp-block-table th,.jd-article-detail .wp-block-table td{background:transparent!important;border:0!important;border-bottom:1px dashed #ccc!important;padding:14px 12px;vertical-align:top;overflow-wrap:anywhere}.jd-article-detail .wp-block-table tr:last-child>*{border-bottom:0!important}.jd-article-detail .wp-block-table th{font-weight:600}.jd-article-detail iframe{max-width:100%;border:0;border-radius:0}.jd-article-detail .instagram-media{min-width:0!important;max-width:100%!important} .jd-article-detail .jt-article-sidebar{display:flex!important;flex-direction:column;gap:36px!important;position:static;max-height:none;overflow:visible;padding:0!important;min-width:0}.jd-side-section{width:100%;margin:0!important}.jd-side-section>h2{border-left:5px solid var(--jd-ink);padding:0 0 0 10px;margin:0 0 22px;font-size:20px;line-height:1.3}.jd-keywords{display:flex;flex-wrap:wrap;gap:16px 18px}.jd-keywords a{border:1px solid #333;border-radius:5px;padding:4px 12px;color:#202020;text-decoration:none;font-size:12px;line-height:1.5}.jd-keywords a:hover{border-color:var(--jd-ink);color:var(--jd-ink)}.jd-side-section ul,.jd-side-section ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}.jd-side-card{display:grid;grid-template-columns:88px minmax(0,1fr);min-height:92px;border:1px solid #333;border-radius:10px;overflow:hidden;text-decoration:none;color:inherit}.jd-side-image{position:relative;border-right:1px solid #333}.jd-side-image img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}.jd-side-card>div:last-child{padding:14px 14px 10px;display:flex;flex-direction:column;justify-content:space-between;gap:6px}.jd-side-card h3{margin:0;font-size:12px;font-weight:500;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.jd-side-card time{display:block;text-align:right;font-size:11px}.jd-side-card:hover{color:var(--jd-ink);border-color:var(--jd-ink)}.jd-rank{position:absolute;top:0;left:0;background:var(--jd-ink);color:#fff;width:24px;height:26px;display:grid;place-items:center;font-size:13px;font-weight:700}.jd-ranking-note{font-size:11px;line-height:1.6;color:#666;margin:-10px 0 16px} .jd-article-detail .jt-generated-toc.jd-toc-enhanced{border:0;border-radius:0;background:#f6f6f6;padding:22px 26px!important;margin:24px 0 32px!important}.jd-article-detail .jt-generated-toc-title{display:block!important;margin:0!important;padding:0 0 12px!important;font-size:17px!important;line-height:1.5;border-bottom:1px dashed #bbb}.jd-article-detail .jt-generated-toc .jd-toc-toggle{display:none!important}.jd-article-detail .jt-generated-toc>ol,.jd-article-detail .jt-generated-toc.is-open>ol{display:block!important;margin:16px 0 0!important;padding:0 0 0 22px!important;font-size:14px;line-height:1.8}.jd-article-detail .jt-generated-toc li{padding-left:2px;margin:0 0 9px!important}.jd-article-detail .jt-generated-toc a{color:#333;text-decoration:none}.jd-article-detail .jt-generated-toc a:hover,.jd-article-detail .jt-generated-toc a[aria-current]{color:var(--jd-ink)}.jd-article-detail .jd-jump-heading{padding:8px 0 8px 16px!important;border:0!important;border-left:4px solid var(--jd-ink)!important;scroll-margin-top:24px;border-radius:0;background:transparent}.jd-article-detail .jd-jump-heading:after{display:none!important}.jd-article-detail .jd-jump-heading.is-jump-target{background:var(--jd-wash-color)}.jd-article-detail .jd-jump-heading:focus{outline:none!important;box-shadow:none!important}.jd-article-detail a:focus-visible,.jd-article-detail button:focus-visible{outline:2px solid var(--jd-ink);outline-offset:4px} .jd-topic-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:0}.jd-topic-card a{color:inherit;text-decoration:none}.jd-topic-card img{width:100%;aspect-ratio:3/2;object-fit:cover}.jd-topic-card h2{font-size:20px;line-height:1.7;margin:18px 0 12px}.jd-topic-card p{font-size:15px;line-height:1.9;margin:0} @media(max-width:1000px){.jd-article-detail{padding:0 24px 44px!important}.jd-article-detail .jt-article-layout{grid-template-columns:1fr!important;gap:44px!important}.jd-article-detail .jt-article-sidebar{max-width:none}.jd-article-detail .jt-generated-toc-title{display:none!important}.jd-article-detail .jt-generated-toc .jd-toc-toggle{display:flex!important;justify-content:space-between;align-items:center;width:100%;background:transparent;border:0;padding:0!important;font:inherit;font-weight:600;text-align:left}.jd-article-detail .jd-toc-toggle:after{content:'＋';font-size:20px}.jd-article-detail .is-open .jd-toc-toggle:after{content:'−'}.jd-article-detail .jt-generated-toc>ol{display:none!important}.jd-article-detail .jt-generated-toc.is-open>ol{display:block!important}.jd-topic-list{grid-template-columns:repeat(2,minmax(0,1fr))}.jd-article-detail .wp-block-table table{min-width:560px}} @media(max-width:600px){.jd-article-detail{padding:0 20px 40px!important}.jd-article-detail .jt-article-header .wp-block-post-title{font-size:25px;line-height:1.6}.jd-article-detail .jt-article-byline{font-size:11px;gap:5px 10px}.jd-article-detail .jt-article-deck{font-size:16px}.jd-article-detail .jt-article-main .wp-block-post-content h2{font-size:21px}.jd-store-information{padding:22px 20px}.jd-store-information dl{padding:0;font-size:14px}.jd-store-information dl>div{grid-template-columns:1fr;gap:4px;margin-bottom:18px}.jd-map-link{position:static;float:right;width:92px;height:84px;margin:0 0 16px 16px}.jd-store-information dl{clear:both}.jd-article-detail .jt-generated-toc.jd-toc-enhanced{padding:20px!important}.jd-side-card{grid-template-columns:94px minmax(0,1fr)}.jd-side-card h3{font-size:14px}.jd-topic-list{grid-template-columns:1fr}.jd-topic-card{padding-bottom:22px;border-bottom:1px solid #eee}} .jd-article-detail .jt-article-header,.jd-article-detail .wp-block-post-content{max-width:none!important;width:100%!important}.jd-article-detail .jt-article-sidebar{margin:0!important}.jd-article-detail .jd-side-card{border-radius:10px!important}.jd-article-detail .jd-keywords a{border-radius:5px!important} .jd-topic-page{max-width:1180px;margin:0 auto;padding:20px 24px 64px}.jd-topic-breadcrumb{font-size:12px;color:#666;margin-bottom:32px}.jd-topic-page h1{font-size:30px;line-height:1.6;margin:0 0 24px}.jd-topic-count{font-size:13px;color:#666;margin:24px 0}.jd-store-information .jd-store-name{font-weight:600} /* Approved direction: clear controls, ink blue, white and warm neutral borders. */ .jd-article-actions{margin:26px 0 20px}.jd-navigation-label{font-size:12px!important;line-height:1.5!important;font-weight:600;color:#686d6e;margin:0 0 10px!important}.jd-article-quick-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px}.jd-article-detail .jd-article-quick-nav a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:14px 20px;background:var(--jd-ink)!important;border:1px solid var(--jd-ink)!important;border-radius:4px!important;color:#fff!important;font-size:15px;font-weight:600;text-decoration:none!important;line-height:1.5}.jd-article-detail .jd-article-quick-nav a:hover{background:#172a35!important}.jd-article-topics{margin:22px 0}.jd-article-detail .jt-article-category{margin:0!important;gap:10px}.jd-article-detail .jt-article-category a{display:inline-flex;gap:14px;align-items:center;justify-content:space-between;min-height:42px;padding:10px 14px;background:#fff!important;border:1px solid #c8cecf!important;border-radius:4px!important;font-size:13px;color:var(--jd-ink)!important;text-decoration:none!important}.jd-article-detail .jt-article-category a:before{content:none}.jd-article-detail .jt-article-category a:hover{background:#f4f6f6!important;border-color:var(--jd-ink)!important} .jd-article-detail .jd-store-information{background:#fff!important;padding:0!important;margin:28px 0 36px;border-top:1px solid #b8c2c5}.jd-article-detail .jd-store-information .jd-store-name{margin:0!important;padding:22px 0!important;border-bottom:1px solid #d7ddde;font-size:20px!important;font-weight:600;line-height:1.6;color:var(--jd-ink)!important}.jd-store-information dl{padding:0!important;font-size:16px;line-height:1.85}.jd-store-information dl>div{grid-template-columns:124px minmax(0,1fr);gap:24px;margin:0;padding:18px 0;border-bottom:1px dotted var(--jd-line)}.jd-store-information dt{font-size:14px;color:#4d585d;line-height:1.8}.jd-store-information dd{font-size:16px;color:var(--jd-ink);line-height:1.85}.jd-store-information dd>a{color:var(--jd-ink);text-decoration:underline;text-underline-offset:4px}.jd-article-detail .jd-map-link{position:static;float:none;display:inline-flex;flex-direction:row;align-items:center;width:auto;height:auto;min-height:48px;padding:12px 18px;margin:22px 0 0!important;background:#fff!important;border:1px solid var(--jd-ink)!important;border-radius:4px!important;gap:10px;color:var(--jd-ink)!important;font-size:14px;text-decoration:none!important}.jd-map-link svg{width:20px;height:20px}.jd-map-link:hover{background:var(--jd-wash-color)!important}.jd-extra-facts{margin-top:24px;border-top:1px solid #d7ddde;padding-top:16px}.jd-extra-facts summary{font-size:13px;color:#4d585d;cursor:pointer;padding:6px 0;min-height:36px}.jd-extra-facts[open] summary{margin-bottom:8px} .jd-information-list{margin:28px 0 36px}.jd-information-record{margin:0 0 24px;padding:0;background:#fff;border:0;border-top:1px solid #b8c2c5}.jd-article-detail .jd-record-title{font-size:18px!important;font-weight:600!important;color:var(--jd-ink);margin:0!important;padding:20px 0 14px!important;line-height:1.7!important}.jd-information-record dl{margin:0;padding:0}.jd-information-record dl>div{display:grid;grid-template-columns:124px minmax(0,1fr);gap:24px;padding:16px 0;border-bottom:1px dotted var(--jd-line)}.jd-information-record dt{font-size:14px;line-height:1.85;font-weight:600;color:#4d585d}.jd-information-record dd{font-size:17px;line-height:1.9;color:var(--jd-ink);margin:0;overflow-wrap:anywhere}.jd-article-detail .jd-jump-heading{border-left-color:var(--jd-ink)!important}.jd-article-detail .jd-jump-heading.is-jump-target{background:var(--jd-wash-color)!important}.jd-article-detail .jt-generated-toc.jd-toc-enhanced{background:var(--jd-wash-color)!important}.jd-article-detail a{--wp--preset--color--accent:var(--jd-ink)}.jd-article-detail~footer .jt-ref-logo span{color:var(--jd-rust)} @media(max-width:600px){.jd-article-quick-nav{grid-template-columns:1fr;gap:10px}.jd-article-detail .jd-article-quick-nav a{padding:14px 16px;font-size:15px}.jd-article-detail .jt-article-category{display:grid;grid-template-columns:1fr}.jd-article-detail .jt-article-category a{width:100%;min-height:44px}.jd-store-information dl>div,.jd-information-record dl>div{grid-template-columns:1fr;gap:7px;padding:16px 0}.jd-article-detail .jd-store-information .jd-store-name{font-size:18px!important}.jd-store-information dd,.jd-information-record dd{font-size:16px;line-height:1.9}.jd-article-detail .jd-map-link{width:100%;justify-content:center}.jd-information-record{margin-bottom:28px}} .jd-article-detail .wp-block-post-content a{color:var(--jd-ink)!important}body:has(.jd-article-detail) .jdf-scroll-top{background:var(--jd-ink)!important;border-color:var(--jd-ink)!important}body:has(.jd-article-detail) .jt-ref-nav a:after{background:var(--jd-ink)!important} /* Contents are a quiet article index, without duplicate action buttons. */ .jd-article-detail .jd-contents{max-width:none!important;width:100%!important;margin:26px 0 34px!important;padding:18px 0!important;background:#fff!important;border-top:1px solid var(--jd-line);border-bottom:1px solid var(--jd-line)}.jd-article-detail .jd-contents-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:32px;padding:0!important;border:0!important;background:transparent!important;color:var(--jd-ink)!important;font:inherit;font-size:16px;font-weight:600;text-align:left;cursor:pointer}.jd-contents-toggle:after{content:'＋';font-size:17px;font-weight:400;color:#7b8589}.jd-contents.is-open .jd-contents-toggle:after{content:'−'}.jd-article-detail .jd-contents ol{margin:18px 0 0!important;padding:0 0 0 22px!important;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;font-size:14px;line-height:1.8}.jd-article-detail .jd-contents ol[hidden]{display:none!important}.jd-contents li{margin:0;padding-left:2px}.jd-contents a{color:#46545b!important;text-decoration:none!important}.jd-contents a:hover,.jd-contents a[aria-current]{text-decoration:underline!important;text-underline-offset:4px;color:var(--jd-ink)!important} /* Conversation examples: one phrase and its meaning, with no card frames. */ .jd-conversation{display:grid;grid-template-columns:36px minmax(0,1fr);gap:18px;padding:26px 0;border-top:1px solid #d5dcde;background:#fff;margin:0!important}.jd-example-number{font-size:13px;color:#8a9499;line-height:1.8;padding-top:2px;font-variant-numeric:tabular-nums}.jd-article-detail .jd-example-scene{font-size:16px!important;font-weight:600;line-height:1.8!important;color:var(--jd-ink);margin:0 0 22px!important}.jd-article-detail .jd-example-label{font-size:11px!important;line-height:1.6!important;color:#778288!important;margin:0 0 8px!important;letter-spacing:.04em}.jd-article-detail .jd-conversation blockquote{border:0!important;background:transparent!important;box-shadow:none!important;margin:0 0 20px!important;padding:0!important;font-size:23px!important;line-height:1.8!important;color:#192d37;font-style:normal;font-weight:500}.jd-conversation blockquote:before,.jd-conversation blockquote:after{display:none!important}.jd-article-detail .jd-example-translation{font-size:17px!important;line-height:1.9!important;color:#535f65;margin:0!important}.jd-example-body{min-width:0} /* Route information: origin and time together, followed by the route and notes. */ .jd-journey{padding:24px 0;border-top:1px solid #d5dcde;margin:0!important;background:#fff}.jd-journey-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:14px}.jd-article-detail .jd-journey-origin{font-size:19px!important;line-height:1.7!important;font-weight:600;color:var(--jd-ink);margin:0!important}.jd-article-detail .jd-journey-duration{font-size:13px!important;line-height:1.8!important;color:#65737b;margin:0!important;max-width:45%}.jd-article-detail .jd-journey-route{font-size:17px!important;line-height:1.95!important;color:var(--jd-ink);margin:0 0 16px!important}.jd-journey-note{display:grid;grid-template-columns:94px minmax(0,1fr);gap:14px;border-left:2px solid #cbd2d3;padding-left:14px}.jd-journey-note>span{font-size:11px;color:#79848a;line-height:1.9}.jd-article-detail .jd-journey-note p{font-size:14px!important;line-height:1.9!important;color:#667178;margin:0!important}.jd-article-detail .jd-record-value{font-size:16px!important;line-height:1.9!important;padding:0 0 18px!important;margin:0!important} @media(max-width:600px){.jd-article-detail .jd-contents ol{grid-template-columns:1fr;gap:10px}.jd-conversation{grid-template-columns:24px minmax(0,1fr);gap:12px;padding:24px 0}.jd-article-detail .jd-conversation blockquote{font-size:20px!important;line-height:1.9!important}.jd-article-detail .jd-example-translation{font-size:16px!important}.jd-journey-heading{display:block}.jd-article-detail .jd-journey-duration{max-width:none;margin-top:7px!important}.jd-journey-note{grid-template-columns:1fr;gap:4px}.jd-article-detail .jd-journey-route{font-size:16px!important}} /* Distinguish an area guide from direct theme recommendations. */ #jd-sidebar-related .jd-related-context-label{font-size:13px;font-weight:500;line-height:1.7;margin:20px 0 12px;color:var(--jd-muted,#6e787e)} /* article-card-ui.css */ /* One HTML component: article > link > photo + copy(meta,title,description,read). */ .jd-card-item{min-width:0;position:relative}.jd-card-item.jd-cat-card{padding:0;border:0;background:transparent;box-shadow:none}.jd-card-item .jd-article-card{height:100%;display:flex;flex-direction:column;overflow:hidden;min-width:0;border:1px solid var(--jd-line);border-radius:3px;background:var(--jd-surface);color:inherit;text-decoration:none;box-shadow:none;padding:0}.jd-card-item .jd-article-card:focus-visible{outline:2px solid var(--jd-rust);outline-offset:4px}.jd-card-item .jd-article-card .jd-card-photo{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1.5;object-fit:cover;flex:none}.jd-card-item .jd-article-card .jd-card-copy{display:flex;flex-direction:column;flex:1;align-items:flex-start;padding:0 18px 18px}.jd-card-item .jd-article-card .jd-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:12px 0 0}.jd-card-item .jd-article-card .jd-card-location{display:flex;align-items:center;gap:4px;background:var(--jd-rust);color:#fff;font-size:12px;line-height:20px;padding:3px 9px;margin:0;border:0;flex:none}.jd-card-item .jd-card-location svg{width:11px;height:15px;display:block;flex:none}.jd-card-item .jd-article-card .jd-card-date{font-size:11px;line-height:1.6;white-space:nowrap;color:var(--jd-muted)}.jd-card-item .jd-article-card .jd-card-title{font-size:17px;line-height:1.6;font-weight:700;margin:12px 0 10px;padding:0}.jd-card-item .jd-article-card .jd-card-description{font-size:13px;line-height:1.9;margin:0 0 14px;color:var(--jd-muted)}.jd-card-item .jd-article-card .jd-card-read{display:flex;align-items:center;justify-content:flex-end;gap:8px;align-self:flex-end;margin-top:auto;font-size:12px;line-height:1.6;color:var(--jd-rust);text-decoration:underline;text-underline-offset:3px;min-height:26px;border:0;padding:0}.jd-card-item .jd-card-read svg{display:block;width:8px;height:14px;flex:none}.jd-card-item [hidden]{display:none!important} /* Explicit presentation variants use the same element tree. */ .jd-card-item[data-card-variant=more] .jd-article-card{position:relative;justify-content:flex-end;min-height:280px;background:var(--jd-ink);color:white}.jd-card-item[data-card-variant=more] .jd-card-photo{position:absolute;inset:0;height:100%;aspect-ratio:auto}.jd-card-item[data-card-variant=more] .jd-article-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(48,57,67,0.4),rgba(48,57,67,0.863))}.jd-card-item[data-card-variant=more] .jd-card-copy{position:relative;z-index:1;flex:none;width:100%;padding:30px 20px;gap:10px;text-shadow:0 1px 3px #0008}.jd-card-item[data-card-variant=more] small{font-size:11px;line-height:1.6;letter-spacing:.04em}.jd-card-item[data-card-variant=more] strong{font-size:18px;line-height:1.65}.jd-card-more-action{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px;padding-top:14px;border-top:1px solid #ffffff80;font-size:12px;line-height:1.5}.jd-card-more-action svg{width:18px;height:18px;flex:none;display:block} @media(max-width:700px){.jd-card-item .jd-article-card .jd-card-copy{padding:0 18px 16px}.jd-card-item .jd-article-card .jd-card-meta{gap:8px}.jd-card-item .jd-article-card .jd-card-title{font-size:18px}.jd-card-item .jd-article-card .jd-card-description{font-size:14px}.jd-card-item .jd-article-card .jd-card-read{font-size:13px}.jd-card-item[data-card-variant=more] .jd-article-card{min-height:320px}.jd-card-item[data-card-variant=more] .jd-card-copy{padding:28px 24px}.jd-card-item[data-card-variant=more] strong{font-size:22px}.jd-card-item[data-card-variant=more] small{font-size:12px}.jd-card-item[data-card-variant=compact] .jd-article-card .jd-card-copy{padding:0 10px 12px}.jd-card-item[data-card-variant=compact] .jd-article-card .jd-card-meta{flex-wrap:wrap;justify-content:flex-start;gap:6px;margin-top:10px}.jd-card-item[data-card-variant=compact] .jd-article-card .jd-card-location{font-size:11px;padding:3px 7px}.jd-card-item[data-card-variant=compact] .jd-article-card .jd-card-date{font-size:10px}.jd-card-item[data-card-variant=compact] .jd-article-card .jd-card-title{font-size:14px}.jd-card-item[data-card-variant=compact] .jd-article-card .jd-card-read{font-size:11px}} .jd-card-item[data-card-variant=featured] .jd-article-card{display:grid;grid-template-rows:minmax(0,1fr) auto}.jd-card-item[data-card-variant=featured] .jd-article-card .jd-card-photo{height:100%;min-height:0;aspect-ratio:auto}.jd-card-item[data-card-variant=featured] .jd-card-title{font-size:21px}.jd-card-item[data-card-variant=editorial] .jd-article-card{border:0;background:transparent}.jd-card-item[data-card-variant=editorial] .jd-card-photo{border:1px solid var(--jd-muted);border-radius:12px}.jd-card-item[data-card-variant=editorial] .jd-article-card .jd-card-copy{padding:0}.jd-card-item[data-card-variant=editorial] .jd-article-card .jd-card-title{font-size:14px}.jd-card-item[data-card-variant=editorial] .jd-card-read{display:none}@media(max-width:700px){.jd-card-item[data-card-variant=featured] .jd-article-card{display:flex}.jd-card-item[data-card-variant=featured] .jd-article-card .jd-card-photo{height:auto;aspect-ratio:1.5}.jd-card-item[data-card-variant=editorial] .jd-article-card .jd-card-meta{flex-wrap:wrap;gap:6px}.jd-card-item[data-card-variant=editorial] .jd-article-card .jd-card-title{font-size:13px}.jd-card-item[data-card-variant=editorial] .jd-card-location{font-size:11px;padding:3px 7px}} /* Approved B roundup component: identical photo caption, metadata and link tree. */ .jd-card-item[data-card-variant=roundup] .jd-article-card{border:0;border-radius:0;background:transparent;overflow:visible;font-family:"Noto Sans Thai",Tahoma,sans-serif} .jd-card-item[data-card-variant=roundup] .jd-card-visual{position:relative;isolation:isolate;overflow:hidden;border-radius:8px;aspect-ratio:1.3;min-height:0} .jd-card-item[data-card-variant=roundup] .jd-card-visual:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 20%,#11111142 45%,#111111e8 100%);pointer-events:none} .jd-card-item[data-card-variant=roundup] .jd-article-card .jd-card-photo{width:100%;height:100%;aspect-ratio:auto;object-fit:cover} .jd-card-item[data-card-variant=roundup] .jd-article-card .jd-card-title{position:absolute;z-index:2;left:14px;right:14px;bottom:14px;margin:0;color:#fff;font-size:15px;line-height:1.65;font-weight:700;text-shadow:0 1px 3px #0008;overflow-wrap:anywhere} .jd-card-item[data-card-variant=roundup] .jd-article-card .jd-card-copy{flex:none;padding:0;align-items:stretch} .jd-card-item[data-card-variant=roundup] .jd-article-card .jd-card-meta{margin-top:10px;flex-wrap:wrap;gap:5px} .jd-card-item[data-card-variant=roundup] .jd-article-card .jd-card-location{font-size:11px;line-height:1.7;padding:3px 7px;gap:5px} .jd-card-item[data-card-variant=roundup] .jd-article-card .jd-card-date{font-size:10px} .jd-card-item[data-card-variant=roundup] .jd-article-card .jd-card-read{margin-top:5px;font-size:11px;min-height:24px} @media(max-width:700px){.jd-card-item[data-card-variant=roundup] .jd-article-card .jd-card-title{font-size:13px;left:10px;right:10px;bottom:12px;line-height:1.7}.jd-card-item[data-card-variant=roundup] .jd-card-visual{aspect-ratio:.9}.jd-card-item[data-card-variant=roundup] .jd-article-card .jd-card-meta{justify-content:flex-start}.jd-card-item[data-card-variant=roundup] .jd-article-card .jd-card-date{font-size:10px}} /* Seasonal browser: the approved photograph-led preview, same card renderer. */ .jd-card-item[data-card-variant=seasonal] .jd-article-card{border:0;background:transparent;box-shadow:none;border-radius:0} .jd-card-item[data-card-variant=seasonal] .jd-article-card .jd-card-copy{padding:0} .jd-card-item[data-card-variant=seasonal] .jd-article-card .jd-card-title{font-size:16px;line-height:1.7;margin-bottom:18px} .jd-card-item[data-card-variant=seasonal] .jd-article-card .jd-card-read{align-self:flex-start;justify-content:center;width:120px;min-height:35px;border:1px solid var(--jd-rust);background:var(--jd-rust);color:white;text-decoration:none;margin-top:auto;padding:7px 10px} @media(max-width:700px){.jd-card-item[data-card-variant=seasonal] .jd-article-card .jd-card-title{font-size:14px;margin:10px 0 14px}.jd-card-item[data-card-variant=seasonal] .jd-article-card .jd-card-meta{flex-wrap:wrap;justify-content:flex-start;gap:6px}.jd-card-item[data-card-variant=seasonal] .jd-article-card .jd-card-location{font-size:10px;padding:2px 7px;line-height:18px}.jd-card-item[data-card-variant=seasonal] .jd-article-card .jd-card-read{font-size:11px;width:110px;min-height:32px}} /* STEP78 consistent prefecture badge and reading-button colours across card variants. */ .jd-card-item .jd-article-card .jd-card-location{background:#e9f4fa!important;color:#315b70!important} /* category-ui.css */ /* Shared category UI: one owner for card copy spacing and redundant result controls. */ main:is(.jd-category-landing,.jd-shopping){--jd-card-copy-top:22px;--jd-card-copy-side:20px;--jd-card-copy-bottom:20px} main:is(.jd-category-landing,.jd-shopping) :is(.jd-cat-card-copy,.jd-shop-card-body){padding:var(--jd-card-copy-top) var(--jd-card-copy-side) var(--jd-card-copy-bottom);min-width:0;box-sizing:border-box} /* The following search controls own condition changes; the list heading owns the count. */ main:is(.jd-category-landing,.jd-shopping) .jd-result-feedback{display:none} @media(max-width:700px){main:is(.jd-category-landing,.jd-shopping){--jd-card-copy-top:20px;--jd-card-copy-side:18px}} /* category-hero.css */ /* STEP38.2: approved shared leisure/shopping photo hero. */ main .jd-category-photo-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:6px;width:100%;max-width:none;box-sizing:border-box;padding:20px;height:660px;margin:0;background:var(--jd-wash-color)} .jd-category-hero-feature,.jd-category-hero-side>a{position:relative;min-width:0;min-height:0;overflow:hidden} .jd-category-hero-image,.jd-category-hero-image img{display:block;width:100%;height:100%;object-fit:cover} .jd-category-hero-feature::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(29,23,20,.8),rgba(29,23,20,.22) 65%,rgba(29,23,20,.05));pointer-events:none} .jd-category-hero-feature::after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.6);pointer-events:none} main .jd-category-hero-copy{position:absolute;left:48px;right:48px;bottom:100px;color:#fff;pointer-events:none} main .jd-category-hero-copy>p{font-size:14px;letter-spacing:.12em;line-height:1.7;margin:0 0 12px;color:#fff} main .jd-category-hero-copy h1{font-size:38px;font-weight:600;line-height:1.6;letter-spacing:.035em;margin:0 0 14px;color:#fff} main .jd-category-hero-copy>span{font-size:15px;line-height:1.8;letter-spacing:.02em} main .jd-category-hero-caption{position:absolute;left:48px;right:48px;bottom:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.5);padding-top:14px;font-size:13px;color:#fff;text-decoration:none} .jd-category-hero-caption b{font-weight:400} .jd-category-hero-side{display:grid;grid-template-rows:1fr 1fr;gap:6px;min-width:0;min-height:0} .jd-category-hero-side img{display:block;width:100%;height:100%;object-fit:cover} .jd-category-hero-side>a::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(29,23,20,.65));pointer-events:none} main .jd-category-hero-side span{position:absolute;z-index:1;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#fff;font-size:13px;line-height:1.6} .jd-category-hero-side b{font-size:12px;font-weight:400} @media(max-width:700px){ main .jd-category-photo-hero{width:100%;padding:10px;height:auto;grid-template-columns:1fr;gap:4px} .jd-category-hero-feature{height:410px} .jd-category-hero-feature::after{inset:14px} main .jd-category-hero-copy{left:28px;right:28px;bottom:86px} main .jd-category-hero-copy>p{font-size:12px;margin-bottom:9px} main .jd-category-hero-copy h1{font-size:28px;line-height:1.55;margin-bottom:12px} main .jd-category-hero-copy>span{font-size:13px} main .jd-category-hero-caption{left:28px;right:28px;bottom:28px;font-size:12px;padding-top:12px} .jd-category-hero-side{height:145px;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:4px} main .jd-category-hero-side span{left:12px;right:12px;bottom:12px;font-size:12px} .jd-category-hero-side b{font-size:11px} } /* STEP38.5: match onsen height and explain each recommendation. */ @media(min-width:701px) and (max-width:1000px){main .jd-category-photo-hero{height:560px}} .jd-feature-reason{display:block}.jd-feature-reason>strong{display:block;font-size:20px;font-weight:600;line-height:1.6;margin-bottom:6px}.jd-feature-reason>span{display:block;font-size:15px;line-height:1.8} main .jd-category-hero-side .jd-feature-text{display:block;left:20px;right:20px;bottom:20px;color:#fff} .jd-feature-text small,.jd-feature-text strong,.jd-feature-text em,.jd-feature-text b{display:block;color:#fff;line-height:1.6} .jd-feature-text small{font-size:12px;margin-bottom:4px}.jd-feature-text strong{font-size:17px;font-weight:600;margin-bottom:4px}.jd-feature-text em{font-size:14px;font-style:normal}.jd-feature-text b{font-size:12px;font-weight:400;margin-top:8px} .jd-category-hero-side>a::after{inset:0;background:linear-gradient(transparent 15%,rgba(29,23,20,.82))} @media(max-width:700px){ main .jd-category-hero-copy h1{font-size:26px;margin-bottom:12px} .jd-feature-reason>strong{font-size:17px;line-height:1.5;margin-bottom:6px}.jd-feature-reason>span{font-size:14px;line-height:1.7} main .jd-category-hero-side .jd-feature-text{left:12px;right:12px;bottom:10px} .jd-feature-text small{font-size:11px;margin-bottom:2px}.jd-feature-text strong{font-size:13px;margin-bottom:3px}.jd-feature-text em{font-size:12px;line-height:1.5}.jd-feature-text b{font-size:11px;margin-top:4px} } /* Travel plans retain the approved photo strip with the same overall height. */ main .jd-plan-intro{height:660px;box-sizing:border-box;padding:20px;overflow:hidden} main .jd-plan-strip{height:100%;box-sizing:border-box;padding-bottom:12px} main .jd-plan-strip>a{height:100%;box-sizing:border-box} main .jd-plan-strip>a>span{box-sizing:border-box;min-height:0;padding:70px 24px 24px} .jd-plan-strip em{display:block;font-size:15px;line-height:1.7;font-style:normal;margin-top:8px;color:#fff} @media(min-width:701px) and (max-width:1000px){main .jd-plan-intro{height:560px}} @media(max-width:700px){main .jd-plan-intro{height:579px;padding:10px}.jd-plan-strip em{font-size:14px}} /* Common hero content sizing for every category; no category overrides. */ .jd-category-photo-hero h1{display:flex;align-items:center;gap:14px}.jd-category-photo-hero h1>svg{width:36px;height:40px;flex:0 0 36px}.jd-category-photo-hero h1>span{min-width:0}.jd-feature-reason>strong,.jd-feature-reason>span,.jd-feature-text strong,.jd-feature-text em{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.jd-feature-reason>strong,.jd-feature-text strong{-webkit-line-clamp:3}.jd-feature-reason>span,.jd-feature-text em{-webkit-line-clamp:2}.jd-category-hero-caption b,.jd-feature-text b{display:flex;align-items:center;gap:8px}.jd-category-photo-hero b>svg{width:18px;height:18px;flex:none} @media(max-width:700px){.jd-category-photo-hero h1>svg{width:25px;height:30px;flex-basis:25px}.jd-category-photo-hero h1{gap:10px}.jd-feature-text em{-webkit-line-clamp:1}} /* category-landings.css */ .jd-category-landing{--ink:var(--jd-ink);--muted:var(--jd-muted);--paper:var(--jd-wash-color);--line:var(--jd-line);color:var(--jd-ink);background:#fff;font-family:Arial,"Noto Sans JP",sans-serif;max-width:none!important;margin:0!important;padding:0!important;font-size:16px;line-height:1.7} .jd-category-landing *{box-sizing:border-box}.jd-category-landing [hidden]{display:none!important}.jd-category-landing a{color:inherit;text-decoration:none}.jd-category-landing button,.jd-category-landing input,.jd-category-landing select{font:inherit}.jd-category-landing button,.jd-category-landing select{cursor:pointer}.jd-category-landing a:hover{opacity:.8}.jd-category-landing :focus-visible{outline:3px solid var(--jd-muted);outline-offset:4px}.jd-category-landing img{display:block;width:100%;object-fit:cover}.jd-category-landing h1,.jd-category-landing h2,.jd-category-landing h3,.jd-category-landing p{margin:0}.jd-category-landing em{font-style:normal}.jd-cat-breadcrumb{font-size:12px;max-width:1200px;margin:auto;padding:12px 24px;color:var(--jd-muted)}.jd-cat-section{max-width:1200px;margin:0 auto;padding:56px 24px}.jd-cat-section>h2,.jd-result-heading h2{font-size:25px;letter-spacing:.06em;line-height:1.5;margin:0 0 26px;font-weight:700}.jd-cat-section>h2:before{content:"";display:inline-block;width:4px;height:23px;background:var(--ink);margin-right:12px;vertical-align:-3px}.jd-cat-section+.jd-cat-section{border-top:1px solid #eceeeb}.jd-cat-note{font-size:13px;color:#6c7477;margin:14px 0 24px!important;line-height:1.7}.jd-cat-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}.jd-cat-card{min-width:0;background:#fff}.jd-cat-card>a{display:block;height:100%}.jd-cat-card img{aspect-ratio:3/2}.jd-cat-meta{font-size:12px;color:var(--ink);margin-bottom:9px!important}.jd-cat-meta span{color:#858b8e;margin-left:12px}.jd-cat-card h3{font-size:20px;line-height:1.65;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.jd-cat-excerpt{font-size:15px;color:#616b70;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.jd-cat-read{display:flex;justify-content:space-between;align-items:center;border-top:1px dotted var(--line);margin-top:18px;padding-top:12px;font-size:13px;color:var(--ink)} .jd-cat-hero{position:relative;height:480px;overflow:hidden}.jd-cat-hero>img,.jd-hero-slide>img{height:100%}.jd-hero-slide{position:relative;height:100%}.jd-hero-slide:after,.jd-hero-photo:after,.jd-hero-temple:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0007,#0000);pointer-events:none}.jd-carousel:after{display:none}.jd-hero-copy{position:absolute;z-index:1;top:22%;left:6%;color:#fff}.jd-hero-copy>p{font-size:23px;letter-spacing:.12em;margin-bottom:18px}.jd-hero-copy h1{font-size:45px;line-height:1.6;letter-spacing:.06em}.jd-hero-copy em{font-size:68px;line-height:1.2;display:block}.jd-hero-caption{position:absolute;right:4%;bottom:24px;z-index:2;color:#fff!important;background:#0007;padding:16px 52px 16px 20px;width:310px;font-size:14px}.jd-hero-caption span{display:block;font-size:12px;border-bottom:1px dotted #ffffffa0;margin-bottom:8px;padding-bottom:8px}.jd-hero-caption strong{font-weight:500;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jd-hero-caption b{position:absolute;right:20px;bottom:22px}.jd-slide-prev,.jd-slide-next{position:absolute;z-index:3;top:48%;border:0;background:#0003;color:#fff;font-size:40px;width:42px;height:60px;line-height:1}.jd-slide-prev{left:0}.jd-slide-next{right:0} .jd-pref-groups{display:grid;gap:14px}.jd-pref-row{display:grid;grid-template-columns:140px 1fr;align-items:baseline;gap:20px}.jd-pref-row h3{font-size:15px;font-weight:500;color:var(--ink);padding:5px 0;border-bottom:1px solid var(--line)}.jd-pref-row>div{display:flex;flex-wrap:wrap;gap:4px 0}.jd-pref-row a{font-size:15px;line-height:1.7;padding:3px 13px;position:relative}.jd-pref-row a+a:before{content:"";height:13px;width:1px;background:var(--line);position:absolute;left:0;top:9px}.jd-pref-row a[aria-current=true]{color:#fff;background:var(--ink)}.jd-region-tabs{display:flex;border-bottom:1px solid var(--ink);margin-bottom:26px;gap:3px;overflow:auto}.jd-region-tabs button{flex:1;white-space:nowrap;background:var(--paper);color:var(--ink);border:0;padding:14px 16px}.jd-region-tabs [aria-selected=true]{background:var(--ink);color:#fff}.jd-region-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.jd-region-panel>a{display:block;border-bottom:1px solid var(--line)}.jd-region-panel img{aspect-ratio:16/10}.jd-region-panel>a>span:last-child{display:flex;justify-content:space-between;padding:12px 8px;font-size:16px}.jd-pref-placeholder{display:flex!important;align-items:center;justify-content:center;background:#edf0ef;color:#8d999a;aspect-ratio:16/10;font-size:12px}.jd-demo-ranking{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.jd-demo-ranking>div{position:relative}.jd-rank{position:absolute;left:0;top:0;z-index:1;width:40px;height:40px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:24px} .jd-theme-grid{display:flex;flex-wrap:wrap;gap:14px}.jd-theme-link{border:1px solid var(--line);min-width:160px;padding:12px 20px;font-size:15px;color:var(--ink)!important}.jd-theme-link>span{display:flex;justify-content:space-between;gap:20px;align-items:center}.jd-theme-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.jd-theme-photos .jd-theme-link{padding:0;min-width:0;border:0}.jd-theme-photos img{aspect-ratio:4/3}.jd-theme-photos span{padding:14px 0;border-bottom:1px solid var(--line)}.jd-cat-filter{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin:18px 0 22px}.jd-cat-filter label{display:block;font-size:13px;flex:1;min-width:170px;line-height:1.5}.jd-cat-filter select,.jd-cat-filter input{width:100%;display:block;border:1px solid #adb7b9;border-radius:0;background:#fff;color:#263d46;padding:12px;margin-top:7px;height:48px}.jd-cat-filter button{background:var(--ink);border:1px solid var(--ink);color:white;min-width:110px;height:48px;padding:8px 20px}.jd-cat-filter>a{font-size:12px;padding:12px 0;color:#61737d}.jd-result-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.jd-result-heading h2{margin-bottom:0}.jd-result-heading>span{font-size:14px;white-space:nowrap}.jd-cat-more{display:block;border:1px solid var(--ink);background:white;color:var(--ink);font-size:15px;padding:13px 30px;min-width:260px;margin:40px auto 0}.jd-cat-results{scroll-margin-top:120px}.jd-cat-results [data-selected-filter]{border-bottom:1px dotted var(--line);padding-bottom:10px;color:var(--ink);font-size:14px} .jd-gourmet-intro{background:#294550;color:#fff;position:relative;min-height:590px;padding:34px max(24px,calc((100vw - 800px)/2)) 36px max(24px,calc((100vw - 800px)/2));overflow:hidden}.jd-gourmet-copy{width:760px;max-width:calc(100vw - 48px);position:relative;z-index:1}.jd-gourmet-copy h1{font-size:58px;letter-spacing:.08em}.jd-gourmet-copy>p{font-size:28px;font-weight:bold;margin:5px 0 46px}.jd-gourmet-copy h2{font-size:17px;border-left:3px solid white;padding-left:12px;margin-bottom:18px}.jd-gourmet-copy .jd-pref-row{grid-template-columns:105px 1fr;gap:8px}.jd-gourmet-copy .jd-pref-row h3{color:white;border:1px solid #ffffff70;text-align:center;font-size:13px;padding:2px}.jd-gourmet-copy .jd-pref-groups{gap:8px}.jd-gourmet-copy .jd-pref-row a{font-size:14px;padding:2px 9px}.jd-gourmet-copy .jd-pref-row a+a:before{background:#ffffff70}.jd-gourmet-photos{position:absolute;right:-70px;top:0;bottom:0;width:25%;display:grid;grid-template-rows:repeat(3,1fr);gap:35px;opacity:.68}.jd-gourmet-photos img{height:100%} .jd-leisure-intro{max-width:1280px;margin:auto;display:grid;grid-template-columns:40% 60%;gap:0;background:linear-gradient(145deg,#dcebef 0%,#f3f8f7 60%,white 95%);padding:40px}.jd-leisure-intro>div{align-self:center;padding:20px 20px 20px 0;color:var(--ink);text-align:center}.jd-leisure-intro p{font-size:23px;letter-spacing:.08em}.jd-leisure-intro h1{font-size:36px;line-height:1.75}.jd-leisure-intro em{font-size:46px}.jd-leisure-intro>a{position:relative}.jd-leisure-intro img{height:460px}.jd-leisure-intro>a>span{position:absolute;bottom:0;left:0;right:0;color:white;background:#0008;padding:18px 24px;font-size:17px}.jd-four-columns{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.jd-four-columns .jd-cat-excerpt{display:none}.jd-four-columns h3{font-size:18px} .jd-plan-intro{position:relative;overflow:hidden}.jd-plan-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.jd-plan-strip>a{flex:0 0 38%;height:470px;position:relative;scroll-snap-align:start}.jd-plan-strip img{height:100%}.jd-plan-strip>a>span{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(transparent,#000c);color:white;min-height:150px;padding-top:60px}.jd-plan-strip small{display:block}.jd-plan-strip strong{font-size:23px;line-height:1.5;display:block}.jd-plan-title{position:absolute;right:4%;top:25px;z-index:2;background:#ffffffe8;padding:26px 30px;font-family:Georgia,"Noto Serif JP",serif;font-size:34px;line-height:1.6;color:var(--ink);pointer-events:none}.jd-plan-title em{font-size:52px}.jd-plan-search{max-width:1200px;margin:0 auto;padding:22px 24px;border:1px solid var(--line);background:white;position:relative}.jd-plan-search h2{font-size:17px}.jd-plan-search .jd-cat-filter{margin-bottom:0}.jd-category-plans .jd-theme-photos{grid-template-columns:repeat(3,1fr)} .jd-hero-temple{height:550px}.jd-hero-temple:after{background:#0003}.jd-hero-temple .jd-hero-copy{left:0;right:0;top:34%;text-align:center;font-family:Georgia,"Noto Serif JP",serif}.jd-hero-temple .jd-hero-copy h1{font-size:62px;letter-spacing:.14em}.jd-hero-temple .jd-hero-copy p{font-size:18px;margin-bottom:20px}.jd-temple-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;max-width:1200px;margin:0 auto}.jd-temple-strip>a{position:relative}.jd-temple-strip img{height:180px}.jd-temple-strip span{position:absolute;bottom:14px;left:16px;color:white;text-shadow:0 1px 3px black}.jd-category-temples h2{font-family:Georgia,"Noto Serif JP",serif}.jd-onsen-nav{background:#253a40;color:#fff;display:flex;justify-content:end;padding:14px 32px;gap:30px;font-size:14px}.jd-onsen-intro{display:grid;grid-template-columns:60% 40%;gap:4px;background:#253a40;padding:20px;position:relative}.jd-onsen-intro:after{content:"";border:1px solid var(--jd-muted);position:absolute;inset:35px;pointer-events:none}.jd-onsen-large{height:620px;position:relative}.jd-onsen-large>img{height:100%;filter:brightness(.65)}.jd-onsen-large h1{position:absolute;top:36%;width:100%;text-align:center;font-size:30px;line-height:1.7;font-family:Georgia,"Noto Serif JP",serif;color:#fff;letter-spacing:.08em}.jd-onsen-large h1 em{font-size:62px}.jd-onsen-caption{position:absolute;bottom:55px;left:8%;right:8%;color:white!important;font-size:17px;text-align:center}.jd-onsen-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:4px}.jd-onsen-mosaic>a{position:relative}.jd-onsen-mosaic img{height:100%}.jd-onsen-mosaic span{position:absolute;bottom:20px;left:16px;color:white;text-shadow:0 1px 3px black;font-size:14px} .jd-area-intro{max-width:1200px;padding:20px 24px 40px;margin:auto;display:grid;grid-template-columns:65% 35%;gap:40px}.jd-area-intro h1{font-size:58px;letter-spacing:.12em;line-height:1.6;padding:20px 0}.jd-area-intro h1 em{color:var(--ink)}.jd-area-intro>div>p{font-size:17px;margin-bottom:32px;text-align:center}.jd-area-intro aside{padding-top:8px;min-width:0}.jd-area-intro aside h2{display:inline-block;background:var(--ink);color:white;font-size:17px;padding:1px 12px;margin-bottom:15px}.jd-area-intro .jd-pref-row{grid-template-columns:110px 1fr;gap:8px}.jd-area-intro .jd-pref-row a{font-size:14px;padding:2px 7px}.jd-region-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 24px}.jd-region-overview h3{font-size:18px;margin-bottom:12px}.jd-region-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jd-region-photo-grid>a{position:relative}.jd-region-photo-grid img{aspect-ratio:1}.jd-region-photo-grid span{position:absolute;bottom:0;left:0;right:0;background:#0007;color:white;font-size:12px;padding:6px 9px} .jd-season-intro{background:#496765;color:#fff;display:grid;grid-template-columns:48% 52%;min-height:570px;padding:35px 4%;overflow:hidden}.jd-season-intro>div:first-child{align-self:center;position:relative;z-index:1}.jd-season-intro p{font-size:19px;margin:24px 0;letter-spacing:.1em}.jd-season-intro h1{font-weight:400;font-size:54px;line-height:1.6;letter-spacing:.05em}.jd-season-intro h1 em{font-size:72px}.jd-season-circles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:center;transform:rotate(-7deg)}.jd-season-circles img{aspect-ratio:1;border-radius:50%;height:auto}.jd-season-circles img:nth-child(3n+2){transform:translateY(35px)} @media(max-width:1000px){.jd-pref-row{grid-template-columns:120px 1fr}.jd-gourmet-intro{padding:34px 24px}.jd-gourmet-copy{width:85%}.jd-region-overview{grid-template-columns:repeat(3,1fr)}.jd-area-intro{grid-template-columns:60% 40%;gap:20px}.jd-area-intro .jd-pref-row{display:block}.jd-leisure-intro{padding:24px}.jd-leisure-intro em{font-size:36px}.jd-leisure-intro h1{font-size:28px}.jd-four-columns{grid-template-columns:repeat(2,1fr)}.jd-onsen-large{height:520px}} @media(max-width:700px){.jd-cat-breadcrumb{font-size:11px;padding:9px 18px}.jd-cat-section{padding:36px 18px}.jd-cat-section>h2,.jd-result-heading h2{font-size:21px;margin-bottom:20px}.jd-cat-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.jd-cat-card h3{font-size:17px;line-height:1.6}.jd-cat-meta{font-size:11px}.jd-cat-meta span{display:none}.jd-cat-excerpt{font-size:14px;-webkit-line-clamp:2}.jd-cat-read{font-size:12px;margin-top:12px;padding-top:10px}.jd-cat-hero{height:380px}.jd-hero-copy{left:7%;top:18%}.jd-hero-copy>p{font-size:14px;letter-spacing:.02em}.jd-hero-copy h1{font-size:25px}.jd-hero-copy em{font-size:39px}.jd-hero-caption{font-size:12px;bottom:16px;right:5%;width:240px;padding:10px 35px 10px 14px}.jd-hero-caption span{font-size:11px;margin-bottom:4px;padding-bottom:4px}.jd-hero-caption b{right:14px;bottom:12px}.jd-slide-prev,.jd-slide-next{width:26px;font-size:30px;background:transparent}.jd-pref-row{display:block}.jd-pref-row h3{font-size:14px;margin-bottom:8px;border-bottom:1px solid var(--line)}.jd-pref-row a{font-size:14px;padding:3px 11px}.jd-pref-groups{gap:16px}.jd-region-tabs{margin-bottom:18px}.jd-region-tabs button{font-size:13px;padding:10px 14px}.jd-region-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.jd-region-panel>a>span:last-child{font-size:14px;padding:9px 4px}.jd-demo-ranking{grid-template-columns:1fr;gap:24px}.jd-demo-ranking .jd-cat-card>a{display:grid;grid-template-columns:40% 60%;gap:15px}.jd-demo-ranking .jd-cat-excerpt{display:none}.jd-demo-ranking .jd-cat-read{margin-top:8px}.jd-rank{width:28px;height:28px;font-size:18px}.jd-theme-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}.jd-theme-link{min-width:0;font-size:14px;padding:10px 14px}.jd-cat-filter{gap:12px}.jd-cat-filter label{min-width:130px}.jd-cat-filter label:has(input){flex-basis:100%}.jd-cat-filter button{flex:1}.jd-result-heading h2{margin:0}.jd-result-heading{align-items:center}.jd-cat-results{scroll-margin-top:80px}.jd-cat-more{min-width:220px}.jd-gourmet-intro{padding:30px 20px}.jd-gourmet-copy{width:100%;max-width:none}.jd-gourmet-copy h1{font-size:37px}.jd-gourmet-copy>p{font-size:19px;margin-bottom:30px}.jd-gourmet-copy .jd-pref-row{display:block}.jd-gourmet-copy .jd-pref-row h3{width:110px;margin-bottom:8px}.jd-gourmet-copy .jd-pref-row a{font-size:13px;padding:3px 10px}.jd-gourmet-copy .jd-pref-groups{gap:16px}.jd-gourmet-photos{width:35%;opacity:.12;right:-30px}.jd-leisure-intro{display:block;padding:25px 18px;background:#e9f2f2}.jd-leisure-intro>div{padding:8px 0 24px}.jd-leisure-intro p{font-size:17px}.jd-leisure-intro h1{font-size:27px}.jd-leisure-intro em{font-size:36px}.jd-leisure-intro img{height:260px}.jd-leisure-intro>a{display:block}.jd-leisure-intro>a>span{font-size:14px;padding:10px 16px}.jd-four-columns{grid-template-columns:repeat(2,1fr)}.jd-plan-strip>a{flex-basis:83%;height:370px}.jd-plan-strip strong{font-size:19px}.jd-plan-title{font-size:18px;padding:14px 18px;top:12px;right:5%}.jd-plan-title em{font-size:27px}.jd-plan-search{padding:20px 18px;margin:0 18px}.jd-category-plans .jd-theme-photos{grid-template-columns:repeat(2,1fr)}.jd-hero-temple{height:430px}.jd-hero-temple .jd-hero-copy{top:29%}.jd-hero-temple .jd-hero-copy h1{font-size:34px;letter-spacing:.04em}.jd-hero-temple .jd-hero-copy p{font-size:13px}.jd-temple-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.jd-temple-strip img{height:110px}.jd-temple-strip span{font-size:11px;left:8px;bottom:8px}.jd-onsen-nav{padding:12px 18px;gap:20px;font-size:12px}.jd-onsen-intro{display:block;padding:10px}.jd-onsen-intro:after{inset:22px;bottom:190px}.jd-onsen-large{height:410px}.jd-onsen-large h1{font-size:23px;top:31%}.jd-onsen-large h1 em{font-size:44px}.jd-onsen-caption{font-size:14px;bottom:35px}.jd-onsen-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));height:145px;margin-top:4px}.jd-onsen-mosaic span{font-size:10px;left:5px;bottom:12px}.jd-area-intro{display:block;padding:15px 18px 32px}.jd-area-intro h1{font-size:41px;line-height:1.6;padding:12px 0 20px}.jd-area-intro>div>p{font-size:14px;text-align:left}.jd-area-intro aside{margin-top:32px}.jd-area-intro aside .jd-cat-card>a{display:grid;grid-template-columns:44% 56%;gap:16px}.jd-area-intro aside .jd-cat-excerpt{display:none}.jd-region-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.jd-region-overview h3{font-size:16px}.jd-region-photo-grid span{font-size:10px;padding:4px}.jd-season-intro{display:block;padding:24px 22px}.jd-season-intro h1{font-size:34px}.jd-season-intro h1 em{font-size:48px}.jd-season-intro p{font-size:14px;margin:14px 0}.jd-season-circles{gap:12px;padding:5px 0 25px;transform:rotate(-5deg);margin-top:20px}.jd-season-circles img:nth-child(3n+2){transform:translateY(18px)}} @media(max-width:420px){.jd-cat-results .jd-cat-card-grid{grid-template-columns:1fr;gap:32px}.jd-cat-results .jd-cat-card h3{font-size:21px}.jd-cat-results .jd-cat-excerpt{font-size:16px}.jd-gourmet-copy>p{font-size:17px}.jd-hero-copy em{font-size:35px}} .jd-category-landing .jd-hero-copy h1,.jd-category-landing .jd-gourmet-copy h1,.jd-category-landing .jd-gourmet-copy h2,.jd-category-landing .jd-season-intro h1,.jd-category-landing .jd-onsen-large h1{color:#fff}.jd-category-landing .jd-leisure-intro h1,.jd-category-landing .jd-plan-title{color:var(--ink)} .jd-area-intro{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr)}.jd-gourmet-photos{grid-template-rows:repeat(3,minmax(0,1fr))}.jd-gourmet-photos img,.jd-onsen-mosaic img{min-height:0;height:100%;object-fit:cover}.jd-onsen-mosaic{min-height:0;grid-template-rows:repeat(2,minmax(0,1fr))}.jd-onsen-mosaic>a{min-height:0;overflow:hidden}.jd-season-circles img{height:auto;aspect-ratio:1;object-fit:cover;min-width:0} @media(max-width:700px){.jd-area-intro{display:block}.jd-onsen-mosaic{grid-template-rows:minmax(0,1fr)}} /* Compact area selection: every prefecture remains a direct link. */ .jd-category-landing .jd-pref-groups{gap:4px;max-width:900px} .jd-category-landing .jd-pref-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;min-height:34px} .jd-category-landing .jd-pref-row h3{margin:0;padding:4px 0;border:0;font-size:13px;font-weight:600;line-height:1.45} .jd-category-landing .jd-pref-row>div{display:flex;flex-wrap:wrap;gap:0} .jd-category-landing .jd-pref-row a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:3px 10px;font-size:14px;line-height:1.4;white-space:nowrap} .jd-category-landing .jd-pref-row a+a:before{height:12px;top:11px} .jd-category-landing .jd-area-selector{padding-top:32px;padding-bottom:32px} .jd-category-landing .jd-area-selector>h2{margin-bottom:20px} .jd-category-landing .jd-region-tabs{margin-bottom:14px} .jd-category-landing .jd-region-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 18px} .jd-category-landing .jd-region-panel>a{display:flex;align-items:center;gap:12px;min-height:62px;padding:8px 0} .jd-category-landing .jd-region-panel img{width:64px;height:46px;aspect-ratio:auto;flex:none} .jd-category-landing .jd-region-panel .jd-pref-placeholder{display:none!important} .jd-category-landing .jd-region-panel>a>span:last-child{padding:0;flex:1;font-size:14px;gap:10px} .jd-category-landing .jd-gourmet-intro{min-height:0;padding-top:26px;padding-bottom:26px} .jd-category-landing .jd-gourmet-copy h1{font-size:46px;line-height:1.4} .jd-category-landing .jd-gourmet-copy>p{font-size:22px;line-height:1.5;margin:8px 0 24px} .jd-category-landing .jd-gourmet-copy h2{margin-bottom:12px} .jd-category-landing .jd-gourmet-copy .jd-pref-row h3{border:0;text-align:left} .jd-category-landing .jd-area-intro>div>p{margin-bottom:22px} @media(max-width:1000px) and (min-width:701px){.jd-category-landing .jd-pref-row{grid-template-columns:82px minmax(0,1fr);gap:8px}.jd-category-landing .jd-pref-row a{padding:3px 8px;font-size:13px}.jd-category-landing .jd-region-panel{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:700px){ .jd-category-landing .jd-pref-groups{gap:6px} .jd-category-landing .jd-pref-row{grid-template-columns:60px minmax(0,1fr);gap:8px;align-items:start} .jd-category-landing .jd-pref-row h3{padding:13px 0 0;font-size:11px;line-height:1.55;overflow-wrap:anywhere} .jd-category-landing .jd-pref-row>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-bottom:1px solid #d8dcdb70} .jd-category-landing .jd-pref-row a{min-height:44px;padding:4px 1px;font-size:13px;line-height:1.4;white-space:nowrap} .jd-category-landing .jd-pref-row a+a:before{display:none} .jd-category-landing .jd-gourmet-copy h1{font-size:32px} .jd-category-landing .jd-gourmet-copy>p{font-size:16px;margin:8px 0 20px} .jd-category-landing .jd-gourmet-copy h2{font-size:15px;margin-bottom:12px} .jd-category-landing .jd-gourmet-intro{padding:22px 18px} .jd-category-landing .jd-area-selector{padding:28px 18px} .jd-category-landing .jd-region-tabs button{min-height:44px;padding:10px 12px} .jd-category-landing .jd-region-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px} .jd-category-landing .jd-region-panel>a{gap:9px;min-height:54px;padding:7px 0} .jd-category-landing .jd-region-panel img{width:42px;height:34px} .jd-category-landing .jd-region-panel>a>span:last-child{font-size:13px;gap:6px} } @media(max-width:359px){.jd-category-landing .jd-pref-row{grid-template-columns:52px minmax(0,1fr);gap:6px}.jd-category-landing .jd-pref-row a{font-size:12px}} @media(max-width:700px){.jd-category-landing .jd-pref-row h3{font-size:12px}.jd-category-landing .jd-pref-row a{font-size:14px}} /* STEP36: gourmet title beside clear food photography, using the shared earth palette. */ .jd-category-food .jd-gourmet-intro{display:grid;grid-template-columns:46% 54%;min-height:0;height:360px;padding:0;background:var(--jd-gradient)!important} .jd-category-food .jd-gourmet-copy{display:flex;flex-direction:column;justify-content:center;width:auto;max-width:none;padding:40px clamp(24px,4vw,64px);color:#fff} .jd-category-food .jd-gourmet-copy h1{font-size:clamp(34px,4vw,56px);line-height:1.35;letter-spacing:.06em;color:#fff} .jd-category-food .jd-gourmet-copy>p{font-size:clamp(17px,1.7vw,23px);line-height:1.8;margin:18px 0 0;font-weight:500;letter-spacing:.02em;color:#fff} .jd-category-food .jd-gourmet-photos{position:static;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;min-height:0;opacity:1;gap:3px} .jd-category-food .jd-gourmet-photos img{width:100%;height:100%;min-height:0;object-fit:cover} .jd-category-food .jd-gourmet-photos img:first-child{grid-row:1/3} @media(max-width:700px){ .jd-category-food .jd-gourmet-intro{display:flex;flex-direction:column;height:auto;min-height:0} .jd-category-food .jd-gourmet-copy{padding:26px 22px 24px} .jd-category-food .jd-gourmet-copy h1{font-size:32px;line-height:1.4} .jd-category-food .jd-gourmet-copy>p{font-size:15px;margin-top:10px;line-height:1.7} .jd-category-food .jd-gourmet-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:128px;height:128px;gap:2px;opacity:1} .jd-category-food .jd-gourmet-photos img:first-child{grid-row:auto} } /* STEP36.1: photo behind the gourmet heading; preserve readable white copy. */ .jd-category-food .jd-gourmet-copy{position:relative;isolation:isolate;overflow:hidden} .jd-category-food .jd-gourmet-copy .jd-gourmet-copy-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2} .jd-category-food .jd-gourmet-copy::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(40,24,20,.86),rgba(70,37,27,.68) 62%,rgba(74,39,27,.5));pointer-events:none} .jd-category-food .jd-gourmet-copy :is(h1,p){position:relative;text-shadow:0 1px 4px rgba(0,0,0,.3)} @media(max-width:700px){.jd-category-food .jd-gourmet-copy{min-height:190px;padding:30px 22px}.jd-category-food .jd-gourmet-copy::after{background:linear-gradient(90deg,rgba(40,24,20,.84),rgba(70,37,27,.65))}} @media(max-width:700px){} /* category-layout.css */ /* STEP39.3: approved gourmet reference; page-specific composition, shared search state. */ .jg-page{background:var(--jd-surface);color:var(--jd-ink);font-family:Arial,"Noto Sans JP",sans-serif}.jg-page *{box-sizing:border-box}.jg-page a{color:inherit;text-decoration:none}.jg-page img{display:block;width:100%;object-fit:cover}.jg-page [hidden]{display:none!important}.jg-page a:focus-visible,.jg-page button:focus-visible{outline:2px solid var(--jd-rust);outline-offset:4px}.jg-page .jg-hero{width:100%;max-width:none;margin:0;display:grid;grid-template-columns:48% 52%;grid-template-rows:minmax(0,1fr);height:540px;overflow:hidden;background:var(--jd-ink)}.jg-page .jg-hero-copy{position:relative;z-index:1;width:100%;max-width:600px;margin:0 auto;padding:32px 38px;align-self:center;transform:translateY(-24px);text-align:center;color:white}.jg-page .jg-hero h1{display:flex;align-items:center;justify-content:center;gap:14px;font-size:44px;line-height:1.5;letter-spacing:.06em;font-weight:700;margin:0 0 20px}.jg-page .jg-hero h1>svg{width:42px;height:52px;flex-shrink:0}.jg-page .jg-hero-lead{font-size:24px;line-height:1.8;font-weight:700;margin:0 0 36px}.jg-page .jg-hero-description{font-size:15px;line-height:2;margin:0}.jg-page .jg-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));min-width:0;min-height:0;height:100%;gap:2px}.jg-page .jg-mosaic>a{display:block;min-height:0;overflow:hidden}.jg-page .jg-mosaic img{height:100%;transition:transform .25s}.jg-page .jg-mosaic>a:hover img{transform:scale(1.03)}.jg-page .jg-search-wrap,.jg-page .jg-results-wrap{max-width:1180px;padding:0 28px;margin:0 auto}.jg-page .jg-search-wrap{padding-top:20px}main.jg-page .jd-common-pref{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:20px 24px!important;background:var(--jd-wash-color)!important}.jg-page .jd-common-heading{margin-bottom:14px!important}.jg-page .jd-common-heading h2{font-size:18px!important}.jg-page .jd-common-form{display:grid!important;grid-template-columns:26% minmax(0,1fr) auto!important;gap:18px!important}.jg-page .jd-common-form label{font-size:13px!important}.jg-page .jd-common-form select,.jg-page .jd-common-form input{min-height:44px!important}.jg-page .jd-common-form button{min-width:118px!important;min-height:44px!important}.jg-page .jd-common-footer{margin-top:12px!important;padding-top:0!important}.jg-page .jd-common-summary{font-size:12px!important}.jg-page .jd-type-nav{display:none!important}.jg-page .jg-section{padding:44px 0}.jg-page .jg-inner{max-width:1180px;padding:0 28px;margin:auto}.jg-page .jg-title{display:flex;align-items:center;gap:12px;font-size:25px;line-height:1.6;font-weight:700;margin:0 0 12px!important;padding:0!important;border:0!important;letter-spacing:.02em}.jg-page .jg-title>svg{width:27px;height:32px;flex-shrink:0;color:var(--jd-rust)}.jg-page .jg-title:after{content:"";height:6px;border-top:1px solid var(--jd-rust);border-bottom:2px solid var(--jd-rust);flex:1;min-width:40px;margin-left:8px}.jg-page .jg-intro{font-size:14px;line-height:1.9;margin:0 0 24px;color:var(--jd-muted)}.jg-page .jg-picks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.jg-page .jg-tinted{background:#eef0e3}.jg-page .jg-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.jg-page .jg-feature{position:relative;display:block;min-height:245px;overflow:hidden;border-radius:3px}.jg-page .jg-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(48,57,67,0.867) 0%,rgba(48,57,67,0.549) 45%,rgba(48,57,67,0.071))}.jg-page .jg-feature>img{position:absolute;height:100%;inset:0}.jg-page .jg-feature>span{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:245px;z-index:1;padding:28px;color:white;max-width:70%}.jg-page .jg-feature strong{font-size:27px;line-height:1.6;margin-bottom:14px}.jg-page .jg-feature small{font-size:14px;line-height:1.9}.jg-page .jg-feature b{font-size:30px;line-height:1;margin-top:16px;font-weight:400}.jg-page .jg-feature:hover:after{background:linear-gradient(90deg,rgba(48,57,67,0.914) 0%,rgba(48,57,67,0.612) 45%,rgba(48,57,67,0.133))}.jg-page .jg-new{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.jg-page .jg-new-card{min-width:0}.jg-page .jg-new-card time{font-size:12px;color:var(--jd-muted)}.jg-page .jg-all{display:flex;align-items:center;justify-content:center;gap:24px;border:1px solid var(--jd-rust);max-width:300px;min-height:46px;margin:28px auto 0;padding:10px 18px;font-size:14px;color:var(--jd-rust)!important}.jg-page .jg-all:hover{background:var(--jd-wash-color)}.jg-page .jg-results-wrap{padding-bottom:64px}.jg-page .jd-cat-results{width:100%!important;max-width:none!important;margin:0!important;padding:20px 0 0!important}.jg-page .jd-result-feedback{display:none!important}.jg-page.jd-category-landing .jd-cat-results .jd-result-heading{gap:12px;margin:0 0 24px}.jg-page.jd-category-landing .jd-cat-results .jd-result-heading h2{font-size:24px;margin:0;border:0;padding:0}.jg-page .jd-cat-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.jg-page .jd-cat-card{box-shadow:none}.jg-page #category-results{scroll-margin-top:100px}.jg-page .jd-cat-note{font-size:12px;line-height:1.7;margin:0 0 20px}.jg-page .jg-slider-dots{display:none}.jg-follow{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 24px;background:rgba(255,255,255,0.961);border-bottom:1px solid var(--jd-line);box-shadow:0 3px 12px rgba(48,57,67,0.071)}.jg-follow[hidden]{display:none}.jg-follow strong{font-size:14px}.jg-follow select{font:inherit;font-size:14px;min-height:42px;max-width:240px;border:1px solid var(--jd-line);padding:8px 36px 8px 12px;background:white;color:var(--jd-ink);border-radius:0}.jg-follow select:focus-visible{outline:2px solid var(--jd-rust);outline-offset:2px} @media(max-width:1000px){.jg-page .jg-hero-copy{padding:40px 28px}.jg-page .jg-hero h1{font-size:35px}.jg-page .jg-hero-lead{font-size:21px}.jg-page .jg-picks{gap:16px}.jg-page .jg-feature strong{font-size:23px}.jg-page .jd-cat-card-grid{gap:20px}.jg-page .jg-title{font-size:22px}} @media(max-width:700px){.jg-page .jg-hero{position:relative;display:block;height:390px}.jg-page .jg-hero-copy{position:absolute;inset:0;max-width:none;margin:0;transform:none;text-align:left;padding:30px 24px 26px;display:flex;flex-direction:column;justify-content:flex-start;background:linear-gradient(90deg,rgba(48,57,67,0.855) 0%,rgba(48,57,67,0.62) 66%,rgba(48,57,67,0.145))}.jg-page .jg-hero h1{font-size:33px;justify-content:flex-start;gap:10px;margin:0 0 12px}.jg-page .jg-hero h1>svg{width:29px;height:38px}.jg-page .jg-hero-lead{font-size:21px;line-height:1.7;margin:0 0 22px;max-width:290px}.jg-page .jg-hero-description{font-size:13px;line-height:1.9;max-width:280px}.jg-page .jg-mosaic{position:absolute;inset:0}.jg-page .jg-mosaic>a{pointer-events:none}.jg-page .jg-search-wrap,.jg-page .jg-results-wrap{padding-left:18px;padding-right:18px}.jg-page .jg-search-wrap{padding-top:16px}main.jg-page .jd-common-pref{padding:18px!important}.jg-page .jd-common-heading h2{font-size:16px!important}.jg-page .jd-common-form{grid-template-columns:1fr!important;gap:12px!important}.jg-page .jd-common-form button{width:100%!important;min-height:44px!important}.jg-page .jd-common-footer{display:block!important}.jg-page .jd-common-summary{margin:10px 0 0!important}.jg-page .jd-common-heading>button{font-size:11px;min-height:30px}.jg-page .jd-common-region{grid-template-columns:1fr;gap:6px}.jg-page .jd-common-region>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.jg-page .jd-common-region-list button{font-size:12px}.jg-page .jg-section{padding:30px 0}.jg-page .jg-inner{padding:0 18px}.jg-page .jg-title{font-size:19px;gap:8px;align-items:center;line-height:1.6}.jg-page .jg-title>svg{width:23px;height:28px}.jg-page .jg-title:after{min-width:20px;margin-left:0}.jg-page .jg-intro{font-size:13px;margin-bottom:20px}.jg-page .jg-swipe{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;padding:0 1px 8px}.jg-page .jg-swipe::-webkit-scrollbar{display:none}.jg-page .jg-pick{flex:0 0 83%;scroll-snap-align:start}.jg-page .jg-features{grid-template-columns:1fr;gap:16px}.jg-page .jg-feature,.jg-page .jg-feature>span{min-height:200px}.jg-page .jg-feature>span{padding:24px;max-width:78%}.jg-page .jg-feature strong{font-size:24px;margin-bottom:12px}.jg-page .jg-feature small{font-size:13px}.jg-page .jg-feature b{margin-top:12px}.jg-page .jg-new-card{flex:0 0 70%;scroll-snap-align:start}.jg-page .jg-all{margin-top:20px}.jg-page .jg-slider-dots{display:flex;justify-content:center;margin-top:4px}.jg-page .jg-slider-dots button{width:28px;height:30px;border:0;background:none;padding:10px;cursor:pointer}.jg-page .jg-slider-dots button:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--jd-line)}.jg-page .jg-slider-dots button[aria-pressed=true]:after{background:var(--jd-rust)}.jg-page .jg-results-wrap{padding-bottom:40px}.jg-page .jd-cat-card-grid{grid-template-columns:1fr;gap:24px}.jg-page.jd-category-landing .jd-cat-results .jd-result-heading{display:block}.jg-page.jd-category-landing .jd-cat-results .jd-result-heading h2{font-size:22px}.jg-page .jd-list-controls{margin-top:12px}.jg-follow{gap:10px;padding:8px 14px}.jg-follow strong{display:none}.jg-follow select{width:50%;max-width:none;min-width:0;font-size:12px}.jg-page #category-results{scroll-margin-top:72px}} @media(prefers-reduced-motion:reduce){.jg-page .jg-mosaic img{transition:none}}.jg-page .jg-hero h1{color:#fff} @media(max-width:700px){main.jg-page .jd-common-form>label,main.jg-page .jd-common-form>button{grid-column:1!important}}.jg-follow select[hidden]{display:none}.jg-follow-single select{width:300px;max-width:300px}@media(max-width:700px){.jg-follow-single select{width:100%;max-width:none}} /* STEP39.6: restore the approved onsen-style PC hero; keep mobile unchanged. */ @media(min-width:701px){.jg-page .jg-hero{display:none}.jg-page .jg-desktop-hero a{color:#fff}} @media(max-width:700px){main.jg-page .jg-desktop-hero{display:none}}/* Keep article-section anchors below the existing follow-up search bar. */ .jg-page #recommended-articles,.jg-page #popular-articles{scroll-margin-top:80px}/* STEP39.8: approved prefecture summaries and unified article cards. */ .gs-wrap{max-width:1124px;padding:44px 28px;margin:auto}.gs-title{font-size:26px;line-height:1.5;margin:0 0 14px;color:var(--jd-ink)}.gs-intro{font-size:14px;line-height:1.8;color:var(--jd-muted);margin:0 0 26px}.gs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.gs-card{border-bottom:1px solid var(--jd-line);display:block;min-width:0}.gs-photo{position:relative}.gs-photo img{aspect-ratio:1.65}.gs-photo:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(48,57,67,0.702))}.gs-photo>span{position:absolute;z-index:1;bottom:12px;left:16px;color:white;font-weight:bold;font-size:18px;letter-spacing:.1em}.gs-copy{padding:14px 2px 16px}.gs-copy h3{font-size:16px;line-height:1.6;margin:0 0 10px}.gs-copy>span{display:flex;justify-content:space-between;color:var(--jd-rust);font-size:12px}.gs-copy b{font-size:18px;font-weight:normal}.gs-summary{background:var(--jd-wash-color)} @media(max-width:700px){.gs-wrap{padding:28px 18px}.gs-title,.gs-list-title h2{font-size:21px}.gs-intro{font-size:13px;margin-bottom:20px}.gs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.gs-photo img{aspect-ratio:1.4}.gs-photo>span{font-size:16px;left:12px;bottom:10px}.gs-copy{padding:10px 0 12px}.gs-copy h3{font-size:13px;margin-bottom:8px}.gs-copy>span{font-size:11px}}.jg-page .gs-wrap{max-width:1180px}.jg-page .gs-copy>span{align-items:center}.jg-page .gs-copy b{line-height:1}.jg-page .jg-result-context{display:none}.jg-page.jd-category-landing .jd-cat-results .jd-result-heading{display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid var(--jd-line);padding-bottom:18px}.jg-page [data-result-count]{font-size:14px;color:var(--jd-rust)}.jg-page .jd-cat-results{padding-top:44px!important} @media(max-width:700px){.jg-page.jd-category-landing .jd-cat-results .jd-result-heading{display:flex;flex-wrap:wrap;gap:10px}.jg-page.jd-category-landing .jd-cat-results .jd-result-heading .jd-list-controls{margin-top:0}.jg-page .jd-cat-results{padding-top:30px!important}}.jg-page .jd-cat-results>.jg-title:before{display:none}.jg-page .gs-intro{margin:0 0 26px!important}/* Shared feature-link sizing; regular article cards are defined in article-card-ui.css. */ .jg-page .jg-feature-cta{display:inline-flex;align-items:center;gap:12px;width:max-content;max-width:100%;margin-top:20px;padding:9px 14px;border:1px solid #ffffffa6;background:rgba(48,57,67,0.659);color:white;font-size:13px;line-height:1.5}.jg-page .jg-feature-cta>svg{display:block;width:18px;height:18px;flex:none}.jg-page .jg-feature:hover .jg-feature-cta{background:var(--jd-ink)}.jg-page .jd-common-footer{display:none!important}.jg-page.jd-category-landing .jd-cat-results .jd-result-heading{gap:16px}.jg-page.jd-category-landing .jd-cat-results .jd-result-heading .jd-list-controls{margin:0}.jg-page .gs-copy h3{margin-bottom:0} @media(max-width:700px){.jg-page.jd-category-landing .jd-cat-results .jd-result-heading{justify-content:flex-end;flex-wrap:nowrap}.jg-page.jd-category-landing .jd-cat-results .jd-result-heading [data-result-count]{white-space:nowrap}.jg-page .jg-feature-cta{margin-top:16px}}.jg-page .jg-summary-more{background:transparent;cursor:pointer;font-family:inherit}.jg-page .jg-summary-more:hover{background:var(--jd-line)}.jg-page .jg-summary-count{text-align:center;color:var(--jd-muted);font-size:13px;margin:24px 0 0}.jg-page .jg-summary-count+.jg-summary-more{margin-top:12px}@media(max-width:700px){} /* Sightseeing section layout only; article cards live in article-card-ui.css. */ .ja-content{background:var(--jd-surface);color:var(--jd-ink)}.ja-section{max-width:1180px;margin:auto;padding:46px 24px}.ja-title{display:flex;align-items:center;gap:22px;font-size:26px;font-weight:700;margin:0 0 26px;line-height:1.5}.ja-title:after{content:"";flex:1;border-top:1px solid var(--jd-rust);border-bottom:1px solid var(--jd-rust);height:4px}.ja-note{font-size:13px;color:var(--jd-muted);line-height:1.8;margin:0 0 24px}.ja-content a{color:inherit;text-decoration:none}.ja-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.ja-recommended{grid-template-columns:repeat(5,minmax(0,1fr))}.ja-tinted{background:var(--jd-wash-color)}.ja-tinted>.ja-section{padding-bottom:0}.ja-tinted+.ja-section{padding-top:60px}.ja-editorial{display:grid;grid-template-columns:42% 1fr;gap:24px}.ja-editorial-small{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ja-results .jd-cat-results{padding:0;max-width:none}.ja-results .jd-cat-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.ja-results .jd-result-heading{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:0 0 24px}.ja-results .jd-list-controls{margin:0}.ja-slider-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.ja-slider-dots button{border:0;background:none;width:28px;height:28px;padding:10px;cursor:pointer}.ja-slider-dots button:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--jd-line)}.ja-slider-dots button[aria-pressed=true]:after{background:var(--jd-rust)}.ja-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ja-related-card{display:block;border:1px solid var(--jd-line);overflow:hidden;background:white}.ja-related-card>img{width:100%;display:block;object-fit:cover;aspect-ratio:1.75}.ja-related-card>span{display:flex;align-items:center;justify-content:space-between;padding:18px;font-size:16px;gap:10px}.ja-related-card svg,.ja-all-guides svg{width:18px;height:18px;flex:none}.ja-section-end{display:flex;justify-content:center;margin-top:28px;padding-bottom:64px}.ja-all-guides{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid var(--jd-rust);padding:10px 18px;min-height:46px;max-width:300px;width:100%;font-size:14px;background:transparent}.ja-all-guides:hover{background:var(--jd-wash-color)}.ja-guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.ja-index-header{padding-top:38px;padding-bottom:20px}.ja-index-header .ja-title{margin-bottom:16px}.ja-index-tools{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-top:20px}.ja-index-tools a{text-decoration:underline}.ja-guide-region{margin-top:0} @media(min-width:701px){.ja-slider-dots{display:none}} @media(max-width:700px){.ja-section{padding:32px 20px}.ja-title{font-size:21px;gap:18px;margin-bottom:22px}.ja-four{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:10px}.ja-four>.jd-card-item{flex:0 0 83%;scroll-snap-align:start}.ja-editorial{grid-template-columns:1fr;gap:22px}.ja-editorial-small{gap:20px 14px}.ja-results .jd-cat-card-grid,.ja-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.ja-results .jd-result-heading{flex-wrap:wrap}.ja-related{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ja-related-card{display:flex;flex-direction:column}.ja-related-card>img{aspect-ratio:1.6}.ja-related-card>span{font-size:13px;padding:12px 10px;flex:1}.ja-tinted+.ja-section{padding-top:40px}.ja-section-end{margin-top:20px;padding-bottom:44px}.ja-all-guides{padding:14px 16px;gap:16px}.ja-index-header .ja-title{font-size:24px}.ja-index-tools{font-size:12px}.ja-guide-region{padding-top:20px;padding-bottom:36px}} /* B layout: featured province plus five; appearance belongs to the shared component. */ .ja-roundups{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:24px 18px;align-items:stretch} .ja-roundups>.ja-roundup-featured{grid-column:span 4;grid-row:span 2}.ja-roundups>.jd-card-item:nth-child(n+2):nth-child(-n+4){grid-column:span 2}.ja-roundups>.jd-card-item:nth-child(n+5){grid-column:span 3} @media(min-width:701px){.ja-roundups>.ja-roundup-featured .jd-card-visual{flex:1;aspect-ratio:auto;min-height:370px}.ja-roundups>.ja-roundup-featured .jd-card-title{font-size:22px;left:24px;right:24px;bottom:22px}} @media(max-width:700px){.ja-roundups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.ja-roundups>.jd-card-item{grid-column:auto!important;grid-row:auto}.ja-roundups .jd-card-visual{flex:1}} /* Match gourmet heading icons using the existing MENU sightseeing SVG. */ .ja-title{gap:12px}.ja-title>svg{width:27px;height:32px;flex:0 0 27px;color:var(--jd-rust)}.ja-title:after{margin-left:8px}.ja-title>span{min-width:0}.ja-results .ja-results-title{margin-bottom:24px}.ja-results [data-result-title][hidden]{display:none!important} @media(max-width:700px){.ja-title{gap:8px}.ja-title>svg{width:23px;height:28px;flex-basis:23px}.ja-title:after{min-width:20px;margin-left:0}} /* Shared heading / results layout, after preserved content-specific modules. */ .jd-shared-category [hidden]{display:none!important}.jd-shared-category .ja-results .jd-result-heading{justify-content:space-between}.jd-shared-category .jd-cat-results{border:0}.jd-shared-category .ja-title:before{display:none} .jd-shared-category,.jd-category-photo-hero{font-family:"Noto Sans Thai",Tahoma,Arial,sans-serif}.jd-shared-category *{box-sizing:border-box} .jg-page .jd-cat-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.jg-page .ja-title{font-size:26px;margin:0 0 26px!important}.jg-page .jg-inner .ja-title{margin-bottom:12px!important} @media(max-width:700px){.jg-page .jd-cat-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.jg-page .ja-title{font-size:21px}} /* Results do not depend on category-specific legacy styles. */ .ja-results .jd-cat-card-grid{display:grid}.ja-results .jd-cat-card{min-width:0}.ja-results .jd-result-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px}.ja-results .jd-cat-more{display:block;margin:28px auto 0;padding:12px 32px;border:1px solid var(--jd-rust);background:transparent;color:var(--jd-ink);font:inherit;cursor:pointer}.ja-results .jd-cat-more:hover{background:var(--jd-wash-color)} /* prefecture-search.css */ /* One prefecture-search component, immediately after each category hero. */ main .jd-common-pref{box-sizing:border-box;width:calc(100% - 64px)!important;max-width:1180px!important;margin:32px auto 48px!important;padding:28px 32px!important;background:#fff!important;border:1px solid var(--jd-line);color:var(--jd-ink);scroll-margin-top:24px}main .jd-common-pref *{box-sizing:border-box}.jd-common-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}.jd-common-heading h2{font-size:20px!important;font-weight:600!important;line-height:1.6!important;padding:0!important;border:0!important;margin:0!important;letter-spacing:0!important;color:var(--jd-ink)!important}.jd-common-heading>button{min-height:44px;border:0;background:transparent;font:inherit;font-size:14px;line-height:1.7;color:var(--jd-muted);text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:8px 0;white-space:nowrap}main .jd-common-form{display:flex!important;flex-wrap:wrap;align-items:end;gap:20px!important;background:transparent!important;border:0!important;margin:0!important;padding:0!important}.jd-common-form>label{display:flex!important;flex:1 1 190px;flex-direction:column;gap:10px;font-size:14px;line-height:1.6;color:var(--jd-ink)}.jd-common-form>label:nth-of-type(2){flex-grow:1.4}.jd-common-form select,.jd-common-form input{font:inherit!important;font-size:16px!important;color:var(--jd-ink)!important;background:white!important;min-height:48px!important;width:100%!important;border:1px solid #aab9c1!important;border-radius:0!important;padding:10px 12px!important;max-width:100%}.jd-common-form>input[type=hidden]{display:none!important}.jd-common-form>button{min-height:48px!important;width:auto!important;min-width:150px!important;padding:12px 24px!important;font:inherit!important;font-size:16px!important;background:var(--jd-ink)!important;color:white!important;border:1px solid var(--jd-ink)!important;border-radius:0!important;cursor:pointer}.jd-common-footer{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:18px 0 0;flex-wrap:wrap}.jd-common-summary{font-size:14px!important;line-height:1.8!important;margin:0!important;color:var(--jd-muted)}.jd-common-regions{flex:1;min-width:0}.jd-common-regions summary{font-size:14px;line-height:1.8;cursor:pointer;min-height:36px;padding:6px 0;color:var(--jd-ink);text-decoration:underline;text-underline-offset:4px}.jd-common-regions[open]{flex-basis:100%;order:2}.jd-common-region-list{border-top:1px solid var(--jd-line);margin-top:12px;padding-top:12px}.jd-common-region-list button{min-height:44px;background:white;border:1px solid #c4d0d6;color:var(--jd-ink);border-radius:0;font:inherit;font-size:14px;padding:8px 12px;cursor:pointer}.jd-common-region-list button[aria-pressed=true]{background:var(--jd-ink);color:#fff;border-color:var(--jd-ink)}.jd-common-region{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;border-top:1px solid #e2e7ea;padding:16px 0}.jd-common-region:first-of-type{margin-top:16px}.jd-common-region h3{font-size:14px!important;line-height:1.8!important;margin:0!important;padding:10px 0!important;border:0!important;font-weight:600!important}.jd-common-region>div{display:flex;flex-wrap:wrap;gap:8px}.jd-common-region-list button:hover{background:var(--jd-wash-color);color:var(--jd-ink)}.jd-common-pref :where(button,select,input,summary):focus-visible{outline:2px solid var(--jd-ink);outline-offset:3px} @media(max-width:600px){main .jd-common-pref{width:calc(100% - 32px)!important;padding:20px!important;margin:24px auto 32px!important}.jd-common-heading{align-items:start;gap:10px;margin-bottom:18px}.jd-common-heading h2{font-size:18px!important;max-width:180px}.jd-common-heading>button{font-size:13px}.jd-common-form{gap:16px!important}.jd-common-form>label{flex-basis:100%!important}.jd-common-form>button{width:100%!important}.jd-common-footer{display:block}.jd-common-summary{margin-top:8px!important}.jd-common-region{grid-template-columns:1fr;gap:8px;padding:14px 0}.jd-common-region h3{padding:0!important}.jd-common-region>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.jd-common-region-list button{padding:8px 5px;font-size:14px}} /* STEP25: keep results and compact search together. */ .jd-result-feedback{margin:0 0 24px;padding:18px 20px;border:1px solid var(--jd-line);border-top:3px solid var(--jd-muted);background:var(--jd-surface);scroll-margin-top:24px} .jd-result-feedback-message{margin:0 0 14px!important;color:var(--jd-ink);font-size:16px;line-height:1.7;font-weight:600} .jd-result-search{display:grid;grid-template-columns:minmax(130px,1fr) minmax(160px,1.2fr) minmax(150px,1.3fr) auto;gap:12px;align-items:end} .jd-result-search label{display:grid;gap:6px;min-width:0;color:var(--jd-ink);font-size:13px;line-height:1.5} .jd-result-search select,.jd-result-search input{box-sizing:border-box;width:100%;min-width:0;height:44px;padding:8px 10px;border:1px solid var(--jd-line);border-radius:0;background:#fff;color:var(--jd-ink);font:inherit;font-size:15px} .jd-result-search button{height:44px;padding:8px 20px;border:0;background:var(--jd-muted);color:#fff;font:inherit;font-size:14px;cursor:pointer} .jd-result-search button:hover{background:var(--jd-ink)} .jd-result-search :is(select,input,button):focus-visible{outline:2px solid var(--jd-muted);outline-offset:3px} .jd-result-feedback:focus{outline:none} @media(max-width:700px){.jd-result-feedback{padding:14px 16px}.jd-result-feedback-message{font-size:15px}.jd-result-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 10px}.jd-result-search label:nth-child(3){grid-column:1/-1}.jd-result-search button{grid-column:1/-1}} /* Shared keyword choices and inline search use the same entries. */ .jd-keyword-grid .jd-theme-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 16px;box-sizing:border-box;font-size:15px;line-height:1.6} .jd-keyword-grid .jd-theme-link[aria-current=true]{border-color:var(--jd-muted);background:var(--jd-wash-color);color:var(--jd-ink)} .jd-keyword-grid .jd-theme-link b{flex:none;font-weight:400} @media(max-width:600px){.jd-keyword-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jd-keyword-grid .jd-theme-link{padding:10px 12px;font-size:14px}} /* STEP27: preserve the selected prefecture when exploring another category. */ .jd-region-categories{margin:18px 0 32px;padding:20px 24px;border-top:1px solid var(--jd-line);border-bottom:1px solid var(--jd-line);background:var(--jd-surface)} .jd-region-categories[hidden]{display:none} .jd-region-categories h3{margin:0 0 14px;color:var(--jd-ink);font-size:16px;line-height:1.7;font-weight:600} .jd-region-categories nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .jd-region-categories a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--jd-line);color:var(--jd-ink);background:#fff;text-decoration:none;font-size:15px;line-height:1.6;box-sizing:border-box} .jd-region-category-count{font-size:14px;white-space:nowrap;color:var(--jd-muted)} .jd-region-categories a:hover{background:var(--jd-wash-color);border-color:var(--jd-muted)} .jd-region-categories a:focus-visible{outline:2px solid var(--jd-muted);outline-offset:3px} @media(max-width:700px){.jd-region-categories{padding:16px;margin:14px 0 24px}.jd-region-categories nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.jd-region-categories a{padding:10px;font-size:14px;flex-wrap:wrap;justify-content:flex-start;gap:2px 6px}} /* PC: secondary category navigation belongs inside the existing search panel. */ @media(min-width:701px){.jd-common-pref .jd-region-categories{max-width:620px;margin:16px 0 0;padding:0;border:0;background:transparent}.jd-region-categories h3{display:none}.jd-region-categories summary{width:fit-content;min-height:44px;box-sizing:border-box;padding:10px 0;color:var(--jd-ink);font-size:15px;font-weight:500;cursor:pointer}.jd-region-categories summary:focus-visible{outline:2px solid var(--jd-muted);outline-offset:3px}.jd-region-categories nav{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:8px}.jd-region-categories a{padding:9px 12px;flex-wrap:wrap;justify-content:flex-start;gap:2px 4px}} @media(max-width:700px){.jd-region-categories summary{display:none}} /* STEP35: shorter mobile search panel, with full-size touch targets. */ @media(max-width:700px){ main .jd-common-pref{width:calc(100% - 32px)!important;margin:20px auto 28px!important;padding:16px!important} .jd-common-heading{align-items:center;gap:12px;margin-bottom:10px} .jd-common-heading h2{font-size:17px!important;max-width:none} .jd-common-heading>button{min-height:36px;padding:4px 0;font-size:13px} main .jd-common-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px 10px!important} .jd-common-form>label{min-width:0;gap:5px} .jd-common-form>label:first-of-type{grid-column:1/-1} .jd-common-form>label:nth-of-type(2){grid-column:1} .jd-common-form select,.jd-common-form input{min-height:44px!important;height:44px;padding:8px 10px!important} .jd-common-form>button{grid-column:2;min-width:96px!important;width:auto!important;min-height:44px!important;height:44px;padding:8px 12px!important;font-size:14px!important} .jd-common-footer{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin-top:10px} .jd-common-summary{margin:0!important;font-size:13px!important} .jd-common-regions summary{min-height:40px;padding:8px 0;font-size:13px} .jd-common-pref .jd-type-filter{margin-top:8px;padding-top:4px} .jd-common-pref .jd-type-filter>summary{margin:0} } @media(max-width:360px){.jd-common-footer{display:block}.jd-common-summary{margin-top:2px!important}.jd-common-form>button{min-width:80px!important;padding-inline:8px!important}} /* gourmet.css */ /* STEP39.3: approved gourmet reference; page-specific composition, shared search state. */ .jg-page{background:var(--jd-surface);color:var(--jd-ink);font-family:Arial,"Noto Sans JP",sans-serif}.jg-page *{box-sizing:border-box}.jg-page a{color:inherit;text-decoration:none}.jg-page img{display:block;width:100%;object-fit:cover}.jg-page [hidden]{display:none!important}.jg-page a:focus-visible,.jg-page button:focus-visible{outline:2px solid var(--jd-rust);outline-offset:4px}.jg-page .jg-hero{width:100%;max-width:none;margin:0;display:grid;grid-template-columns:48% 52%;grid-template-rows:minmax(0,1fr);height:540px;overflow:hidden;background:var(--jd-ink)}.jg-page .jg-hero-copy{position:relative;z-index:1;width:100%;max-width:600px;margin:0 auto;padding:32px 38px;align-self:center;transform:translateY(-24px);text-align:center;color:white}.jg-page .jg-hero h1{display:flex;align-items:center;justify-content:center;gap:14px;font-size:44px;line-height:1.5;letter-spacing:.06em;font-weight:700;margin:0 0 20px}.jg-page .jg-hero h1>svg{width:42px;height:52px;flex-shrink:0}.jg-page .jg-hero-lead{font-size:24px;line-height:1.8;font-weight:700;margin:0 0 36px}.jg-page .jg-hero-description{font-size:15px;line-height:2;margin:0}.jg-page .jg-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));min-width:0;min-height:0;height:100%;gap:2px}.jg-page .jg-mosaic>a{display:block;min-height:0;overflow:hidden}.jg-page .jg-mosaic img{height:100%;transition:transform .25s}.jg-page .jg-mosaic>a:hover img{transform:scale(1.03)}.jg-page .jg-search-wrap,.jg-page .jg-results-wrap{max-width:1180px;padding:0 28px;margin:0 auto}.jg-page .jg-search-wrap{padding-top:20px}main.jg-page .jd-common-pref{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:20px 24px!important;background:var(--jd-wash-color)!important}.jg-page .jd-common-heading{margin-bottom:14px!important}.jg-page .jd-common-heading h2{font-size:18px!important}.jg-page .jd-common-form{display:grid!important;grid-template-columns:26% minmax(0,1fr) auto!important;gap:18px!important}.jg-page .jd-common-form label{font-size:13px!important}.jg-page .jd-common-form select,.jg-page .jd-common-form input{min-height:44px!important}.jg-page .jd-common-form button{min-width:118px!important;min-height:44px!important}.jg-page .jd-common-footer{margin-top:12px!important;padding-top:0!important}.jg-page .jd-common-summary{font-size:12px!important}.jg-page .jd-type-nav{display:none!important}.jg-page .jg-section{padding:44px 0}.jg-page .jg-inner{max-width:1180px;padding:0 28px;margin:auto}.jg-page .jg-title{display:flex;align-items:center;gap:12px;font-size:25px;line-height:1.6;font-weight:700;margin:0 0 12px!important;padding:0!important;border:0!important;letter-spacing:.02em}.jg-page .jg-title>svg{width:27px;height:32px;flex-shrink:0;color:var(--jd-rust)}.jg-page .jg-title:after{content:"";height:6px;border-top:1px solid var(--jd-rust);border-bottom:2px solid var(--jd-rust);flex:1;min-width:40px;margin-left:8px}.jg-page .jg-intro{font-size:14px;line-height:1.9;margin:0 0 24px;color:var(--jd-muted)}.jg-page .jg-picks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.jg-page .jg-tinted{background:#eef0e3}.jg-page .jg-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.jg-page .jg-feature{position:relative;display:block;min-height:245px;overflow:hidden;border-radius:3px}.jg-page .jg-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(48,57,67,0.867) 0%,rgba(48,57,67,0.549) 45%,rgba(48,57,67,0.071))}.jg-page .jg-feature>img{position:absolute;height:100%;inset:0}.jg-page .jg-feature>span{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:245px;z-index:1;padding:28px;color:white;max-width:70%}.jg-page .jg-feature strong{font-size:27px;line-height:1.6;margin-bottom:14px}.jg-page .jg-feature small{font-size:14px;line-height:1.9}.jg-page .jg-feature b{font-size:30px;line-height:1;margin-top:16px;font-weight:400}.jg-page .jg-feature:hover:after{background:linear-gradient(90deg,rgba(48,57,67,0.914) 0%,rgba(48,57,67,0.612) 45%,rgba(48,57,67,0.133))}.jg-page .jg-new{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.jg-page .jg-new-card{min-width:0}.jg-page .jg-new-card time{font-size:12px;color:var(--jd-muted)}.jg-page .jg-all{display:flex;align-items:center;justify-content:center;gap:24px;border:1px solid var(--jd-rust);max-width:300px;min-height:46px;margin:28px auto 0;padding:10px 18px;font-size:14px;color:var(--jd-rust)!important}.jg-page .jg-all:hover{background:var(--jd-wash-color)}.jg-page .jg-results-wrap{padding-bottom:64px}.jg-page .jd-cat-results{width:100%!important;max-width:none!important;margin:0!important;padding:20px 0 0!important}.jg-page .jd-result-feedback{display:none!important}.jg-page.jd-category-landing .jd-cat-results .jd-result-heading{gap:12px;margin:0 0 24px}.jg-page.jd-category-landing .jd-cat-results .jd-result-heading h2{font-size:24px;margin:0;border:0;padding:0}.jg-page .jd-cat-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.jg-page .jd-cat-card{box-shadow:none}.jg-page #category-results{scroll-margin-top:100px}.jg-page .jd-cat-note{font-size:12px;line-height:1.7;margin:0 0 20px}.jg-page .jg-slider-dots{display:none}.jg-follow{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 24px;background:rgba(255,255,255,0.961);border-bottom:1px solid var(--jd-line);box-shadow:0 3px 12px rgba(48,57,67,0.071)}.jg-follow[hidden]{display:none}.jg-follow strong{font-size:14px}.jg-follow select{font:inherit;font-size:14px;min-height:42px;max-width:240px;border:1px solid var(--jd-line);padding:8px 36px 8px 12px;background:white;color:var(--jd-ink);border-radius:0}.jg-follow select:focus-visible{outline:2px solid var(--jd-rust);outline-offset:2px} @media(max-width:1000px){.jg-page .jg-hero-copy{padding:40px 28px}.jg-page .jg-hero h1{font-size:35px}.jg-page .jg-hero-lead{font-size:21px}.jg-page .jg-picks{gap:16px}.jg-page .jg-feature strong{font-size:23px}.jg-page .jd-cat-card-grid{gap:20px}.jg-page .jg-title{font-size:22px}} @media(max-width:700px){.jg-page .jg-hero{position:relative;display:block;height:390px}.jg-page .jg-hero-copy{position:absolute;inset:0;max-width:none;margin:0;transform:none;text-align:left;padding:30px 24px 26px;display:flex;flex-direction:column;justify-content:flex-start;background:linear-gradient(90deg,rgba(48,57,67,0.855) 0%,rgba(48,57,67,0.62) 66%,rgba(48,57,67,0.145))}.jg-page .jg-hero h1{font-size:33px;justify-content:flex-start;gap:10px;margin:0 0 12px}.jg-page .jg-hero h1>svg{width:29px;height:38px}.jg-page .jg-hero-lead{font-size:21px;line-height:1.7;margin:0 0 22px;max-width:290px}.jg-page .jg-hero-description{font-size:13px;line-height:1.9;max-width:280px}.jg-page .jg-mosaic{position:absolute;inset:0}.jg-page .jg-mosaic>a{pointer-events:none}.jg-page .jg-search-wrap,.jg-page .jg-results-wrap{padding-left:18px;padding-right:18px}.jg-page .jg-search-wrap{padding-top:16px}main.jg-page .jd-common-pref{padding:18px!important}.jg-page .jd-common-heading h2{font-size:16px!important}.jg-page .jd-common-form{grid-template-columns:1fr!important;gap:12px!important}.jg-page .jd-common-form button{width:100%!important;min-height:44px!important}.jg-page .jd-common-footer{display:block!important}.jg-page .jd-common-summary{margin:10px 0 0!important}.jg-page .jd-common-heading>button{font-size:11px;min-height:30px}.jg-page .jd-common-region{grid-template-columns:1fr;gap:6px}.jg-page .jd-common-region>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.jg-page .jd-common-region-list button{font-size:12px}.jg-page .jg-section{padding:30px 0}.jg-page .jg-inner{padding:0 18px}.jg-page .jg-title{font-size:19px;gap:8px;align-items:center;line-height:1.6}.jg-page .jg-title>svg{width:23px;height:28px}.jg-page .jg-title:after{min-width:20px;margin-left:0}.jg-page .jg-intro{font-size:13px;margin-bottom:20px}.jg-page .jg-swipe{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;padding:0 1px 8px}.jg-page .jg-swipe::-webkit-scrollbar{display:none}.jg-page .jg-pick{flex:0 0 83%;scroll-snap-align:start}.jg-page .jg-features{grid-template-columns:1fr;gap:16px}.jg-page .jg-feature,.jg-page .jg-feature>span{min-height:200px}.jg-page .jg-feature>span{padding:24px;max-width:78%}.jg-page .jg-feature strong{font-size:24px;margin-bottom:12px}.jg-page .jg-feature small{font-size:13px}.jg-page .jg-feature b{margin-top:12px}.jg-page .jg-new-card{flex:0 0 70%;scroll-snap-align:start}.jg-page .jg-all{margin-top:20px}.jg-page .jg-slider-dots{display:flex;justify-content:center;margin-top:4px}.jg-page .jg-slider-dots button{width:28px;height:30px;border:0;background:none;padding:10px;cursor:pointer}.jg-page .jg-slider-dots button:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--jd-line)}.jg-page .jg-slider-dots button[aria-pressed=true]:after{background:var(--jd-rust)}.jg-page .jg-results-wrap{padding-bottom:40px}.jg-page .jd-cat-card-grid{grid-template-columns:1fr;gap:24px}.jg-page.jd-category-landing .jd-cat-results .jd-result-heading{display:block}.jg-page.jd-category-landing .jd-cat-results .jd-result-heading h2{font-size:22px}.jg-page .jd-list-controls{margin-top:12px}.jg-follow{gap:10px;padding:8px 14px}.jg-follow strong{display:none}.jg-follow select{width:50%;max-width:none;min-width:0;font-size:12px}.jg-page #category-results{scroll-margin-top:72px}} @media(prefers-reduced-motion:reduce){.jg-page .jg-mosaic img{transition:none}}.jg-page .jg-hero h1{color:#fff} @media(max-width:700px){main.jg-page .jd-common-form>label,main.jg-page .jd-common-form>button{grid-column:1!important}}.jg-follow select[hidden]{display:none}.jg-follow-single select{width:300px;max-width:300px}@media(max-width:700px){.jg-follow-single select{width:100%;max-width:none}} /* STEP39.6: restore the approved onsen-style PC hero; keep mobile unchanged. */ @media(min-width:701px){.jg-page .jg-hero{display:none}.jg-page .jg-desktop-hero a{color:#fff}} @media(max-width:700px){main.jg-page .jg-desktop-hero{display:none}}/* Keep article-section anchors below the existing follow-up search bar. */ .jg-page #recommended-articles,.jg-page #popular-articles{scroll-margin-top:80px}/* STEP39.8: approved prefecture summaries and unified article cards. */ .gs-wrap{max-width:1124px;padding:44px 28px;margin:auto}.gs-title{font-size:26px;line-height:1.5;margin:0 0 14px;color:var(--jd-ink)}.gs-intro{font-size:14px;line-height:1.8;color:var(--jd-muted);margin:0 0 26px}.gs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.gs-card{border-bottom:1px solid var(--jd-line);display:block;min-width:0}.gs-photo{position:relative}.gs-photo img{aspect-ratio:1.65}.gs-photo:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(48,57,67,0.702))}.gs-photo>span{position:absolute;z-index:1;bottom:12px;left:16px;color:white;font-weight:bold;font-size:18px;letter-spacing:.1em}.gs-copy{padding:14px 2px 16px}.gs-copy h3{font-size:16px;line-height:1.6;margin:0 0 10px}.gs-copy>span{display:flex;justify-content:space-between;color:var(--jd-rust);font-size:12px}.gs-copy b{font-size:18px;font-weight:normal}.gs-summary{background:var(--jd-wash-color)} @media(max-width:700px){.gs-wrap{padding:28px 18px}.gs-title,.gs-list-title h2{font-size:21px}.gs-intro{font-size:13px;margin-bottom:20px}.gs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.gs-photo img{aspect-ratio:1.4}.gs-photo>span{font-size:16px;left:12px;bottom:10px}.gs-copy{padding:10px 0 12px}.gs-copy h3{font-size:13px;margin-bottom:8px}.gs-copy>span{font-size:11px}}.jg-page .gs-wrap{max-width:1180px}.jg-page .gs-copy>span{align-items:center}.jg-page .gs-copy b{line-height:1}.jg-page .jg-result-context{display:none}.jg-page.jd-category-landing .jd-cat-results .jd-result-heading{display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid var(--jd-line);padding-bottom:18px}.jg-page [data-result-count]{font-size:14px;color:var(--jd-rust)}.jg-page .jd-cat-results{padding-top:44px!important} @media(max-width:700px){.jg-page.jd-category-landing .jd-cat-results .jd-result-heading{display:flex;flex-wrap:wrap;gap:10px}.jg-page.jd-category-landing .jd-cat-results .jd-result-heading .jd-list-controls{margin-top:0}.jg-page .jd-cat-results{padding-top:30px!important}}.jg-page .jd-cat-results>.jg-title:before{display:none}.jg-page .gs-intro{margin:0 0 26px!important}/* Shared feature-link sizing; regular article cards are defined in article-card-ui.css. */ .jg-page .jg-feature-cta{display:inline-flex;align-items:center;gap:12px;width:max-content;max-width:100%;margin-top:20px;padding:9px 14px;border:1px solid #ffffffa6;background:rgba(48,57,67,0.659);color:white;font-size:13px;line-height:1.5}.jg-page .jg-feature-cta>svg{display:block;width:18px;height:18px;flex:none}.jg-page .jg-feature:hover .jg-feature-cta{background:var(--jd-ink)}.jg-page .jd-common-footer{display:none!important}.jg-page.jd-category-landing .jd-cat-results .jd-result-heading{gap:16px}.jg-page.jd-category-landing .jd-cat-results .jd-result-heading .jd-list-controls{margin:0}.jg-page .gs-copy h3{margin-bottom:0} @media(max-width:700px){.jg-page.jd-category-landing .jd-cat-results .jd-result-heading{justify-content:flex-end;flex-wrap:nowrap}.jg-page.jd-category-landing .jd-cat-results .jd-result-heading [data-result-count]{white-space:nowrap}.jg-page .jg-feature-cta{margin-top:16px}}.jg-page .jg-summary-more{background:transparent;cursor:pointer;font-family:inherit}.jg-page .jg-summary-more:hover{background:var(--jd-line)}.jg-page .jg-summary-count{text-align:center;color:var(--jd-muted);font-size:13px;margin:24px 0 0}.jg-page .jg-summary-count+.jg-summary-more{margin-top:12px}@media(max-width:700px){} /* food-guides.css */ /* Shared gourmet cards; only the dedicated index spacing and pagination differ. */ .jg-guides-index .gs-summary{padding:60px 24px 80px}.jg-guides-index .gs-wrap{width:100%;max-width:1180px;margin:auto}.jg-guides-index .jg-title{font-size:30px;margin-bottom:18px}.jg-guides-index .jg-guides-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--jd-line);font-size:13px;color:var(--jd-muted)}.jg-guides-index .jg-guides-toolbar a{text-decoration:underline;text-underline-offset:4px}.jg-guide-pagination{display:flex;justify-content:center;gap:10px;margin-top:32px}.jg-guide-pagination[hidden],.jg-guides-index .gs-card[hidden]{display:none!important}.jg-guide-pagination button{border:1px solid var(--jd-line);border-radius:0;background:transparent;color:var(--jd-ink);min-width:42px;height:42px;font:inherit;cursor:pointer}.jg-guide-pagination button[aria-current="page"]{background:var(--jd-rust);color:white}.jg-guide-pagination button:focus-visible{outline:2px solid var(--jd-rust);outline-offset:3px} @media(max-width:700px){.jg-guides-index .gs-summary{padding:32px 20px 48px}.jg-guides-index .jg-title{font-size:22px;line-height:1.6}.jg-guides-index .jg-guides-toolbar{font-size:12px;margin-bottom:20px}.jg-guides-index .gs-grid{gap:20px 14px}} @media(max-width:700px){.jg-guides-index .jg-title{font-size:20px}.jg-guides-index .jg-title:after{display:none}} /* attractions.css */ /* Sightseeing section layout only; article cards live in article-card-ui.css. */ .ja-content{background:var(--jd-surface);color:var(--jd-ink)}.ja-section{max-width:1180px;margin:auto;padding:46px 24px}.ja-title{display:flex;align-items:center;gap:22px;font-size:26px;font-weight:700;margin:0 0 26px;line-height:1.5}.ja-title:after{content:"";flex:1;border-top:1px solid var(--jd-rust);border-bottom:1px solid var(--jd-rust);height:4px}.ja-note{font-size:13px;color:var(--jd-muted);line-height:1.8;margin:0 0 24px}.ja-content a{color:inherit;text-decoration:none}.ja-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.ja-recommended{grid-template-columns:repeat(5,minmax(0,1fr))}.ja-tinted{background:var(--jd-wash-color)}.ja-tinted>.ja-section{padding-bottom:0}.ja-tinted+.ja-section{padding-top:60px}.ja-editorial{display:grid;grid-template-columns:42% 1fr;gap:24px}.ja-editorial-small{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ja-results .jd-cat-results{padding:0;max-width:none}.ja-results .jd-cat-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.ja-results .jd-result-heading{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:0 0 24px}.ja-results .jd-list-controls{margin:0}.ja-slider-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.ja-slider-dots button{border:0;background:none;width:28px;height:28px;padding:10px;cursor:pointer}.ja-slider-dots button:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--jd-line)}.ja-slider-dots button[aria-pressed=true]:after{background:var(--jd-rust)}.ja-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ja-related-card{display:block;border:1px solid var(--jd-line);overflow:hidden;background:white}.ja-related-card>img{width:100%;display:block;object-fit:cover;aspect-ratio:1.75}.ja-related-card>span{display:flex;align-items:center;justify-content:space-between;padding:18px;font-size:16px;gap:10px}.ja-related-card svg,.ja-all-guides svg{width:18px;height:18px;flex:none}.ja-section-end{display:flex;justify-content:center;margin-top:28px;padding-bottom:64px}.ja-all-guides{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid var(--jd-rust);padding:10px 18px;min-height:46px;max-width:300px;width:100%;font-size:14px;background:transparent}.ja-all-guides:hover{background:var(--jd-wash-color)}.ja-guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.ja-index-header{padding-top:38px;padding-bottom:20px}.ja-index-header .ja-title{margin-bottom:16px}.ja-index-tools{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-top:20px}.ja-index-tools a{text-decoration:underline}.ja-guide-region{margin-top:0} @media(min-width:701px){.ja-slider-dots{display:none}} @media(max-width:700px){.ja-section{padding:32px 20px}.ja-title{font-size:21px;gap:18px;margin-bottom:22px}.ja-four{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:10px}.ja-four>.jd-card-item{flex:0 0 83%;scroll-snap-align:start}.ja-editorial{grid-template-columns:1fr;gap:22px}.ja-editorial-small{gap:20px 14px}.ja-results .jd-cat-card-grid,.ja-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.ja-results .jd-result-heading{flex-wrap:wrap}.ja-related{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ja-related-card{display:flex;flex-direction:column}.ja-related-card>img{aspect-ratio:1.6}.ja-related-card>span{font-size:13px;padding:12px 10px;flex:1}.ja-tinted+.ja-section{padding-top:40px}.ja-section-end{margin-top:20px;padding-bottom:44px}.ja-all-guides{padding:14px 16px;gap:16px}.ja-index-header .ja-title{font-size:24px}.ja-index-tools{font-size:12px}.ja-guide-region{padding-top:20px;padding-bottom:36px}} /* B layout: featured province plus five; appearance belongs to the shared component. */ .ja-roundups{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:24px 18px;align-items:stretch} .ja-roundups>.ja-roundup-featured{grid-column:span 4;grid-row:span 2}.ja-roundups>.jd-card-item:nth-child(n+2):nth-child(-n+4){grid-column:span 2}.ja-roundups>.jd-card-item:nth-child(n+5){grid-column:span 3} @media(min-width:701px){.ja-roundups>.ja-roundup-featured .jd-card-visual{flex:1;aspect-ratio:auto;min-height:370px}.ja-roundups>.ja-roundup-featured .jd-card-title{font-size:22px;left:24px;right:24px;bottom:22px}} @media(max-width:700px){.ja-roundups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.ja-roundups>.jd-card-item{grid-column:auto!important;grid-row:auto}.ja-roundups .jd-card-visual{flex:1}} /* Match gourmet heading icons using the existing MENU sightseeing SVG. */ .ja-title{gap:12px}.ja-title>svg{width:27px;height:32px;flex:0 0 27px;color:var(--jd-rust)}.ja-title:after{margin-left:8px}.ja-title>span{min-width:0}.ja-results .ja-results-title{margin-bottom:24px}.ja-results [data-result-title][hidden]{display:none!important} @media(max-width:700px){.ja-title{gap:8px}.ja-title>svg{width:23px;height:28px;flex-basis:23px}.ja-title:after{min-width:20px;margin-left:0}} /* leisure.css */ /* STEP39.2: leisure's approved Tabiiro reference uses a distinct design per section. */ .jl-page{color:var(--jd-ink);background:var(--jd-surface);font-family:Arial,"Noto Sans JP",sans-serif} .jl-page *{box-sizing:border-box}.jl-page a{color:inherit;text-decoration:none}.jl-page img{display:block;max-width:100%} .jl-page a:focus-visible,.jl-page button:focus-visible{outline:2px solid var(--jd-rust);outline-offset:4px} .jl-hero{display:grid;grid-template-columns:36% 64%;width:100%;max-width:none;margin:0;background:var(--jd-wash-color);min-height:540px} .jl-hero-copy{padding:48px 36px 60px 48px;align-self:start}.jl-hero-copy>p{font-size:15px;line-height:1.8;margin:0 0 22px}.jl-hero-copy h1{font-family:serif;font-size:38px;line-height:1.55;font-weight:600;margin:0 0 28px;letter-spacing:.04em}.jl-hero-copy>span{display:block;font-size:15px;line-height:1.9;border-top:2px solid var(--jd-rust);padding-top:20px} .jl-hero-photo{position:relative;min-width:0}.jl-hero-photo>img{width:100%;height:100%;max-height:540px;object-fit:cover}.jl-hero-photo>span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(36,26,19,.8));color:white;padding:48px 28px 24px}.jl-hero-photo small,.jl-hero-photo strong{display:block;line-height:1.6}.jl-hero-photo small{font-size:12px;margin-bottom:6px}.jl-hero-photo strong{font-size:20px;padding-right:32px}.jl-hero-photo b{position:absolute;right:28px;bottom:28px;font-size:23px} .jl-section{padding:52px 0}.jl-section-inner{max-width:1180px;margin:auto;padding:0 28px}.jl-tinted{background:var(--jd-wash-color)}.jl-page .jl-section h2{font-size:23px;line-height:1.5;border-left:3px solid var(--jd-ink);padding-left:12px;margin:0 0 26px;font-weight:700} .jl-picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.jl-pick{background:#fff;border:1px solid var(--jd-line);min-width:0}.jl-pick>a{display:flex;flex-direction:column;height:100%}.jl-pick-photo{position:relative}.jl-pick-photo>img{width:100%;aspect-ratio:1.42;object-fit:cover}.jl-pick-photo>span{position:absolute;bottom:0;left:0;right:0;padding:7px 10px;background:rgba(48,57,67,0.722);color:#fff;font-size:12px;font-weight:600}.jl-pick h3{padding:16px 14px;margin:0;font-size:17px;line-height:1.6;min-height:88px}.jl-pick-bottom{border-top:1px solid var(--jd-line);padding:14px;display:flex;align-items:center;gap:12px;margin-top:auto}.jl-pick-bottom p{font-size:13px;line-height:1.7;margin:0;flex:1}.jl-square-arrow{background:var(--jd-rust);color:#fff;font-size:29px;line-height:30px;text-align:center;width:30px;height:30px;flex-shrink:0}.jl-pick:hover .jl-square-arrow{background:var(--jd-rust)} .jl-genres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.jl-genre{display:grid;position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1.65;align-items:center;justify-items:center}.jl-genre:before{content:"";position:absolute;inset:0;background:#0005;z-index:1}.jl-genre img{position:absolute;width:100%;height:100%;object-fit:cover}.jl-genre>span{position:relative;z-index:2;color:white;font-size:18px;font-weight:700;text-align:center;padding:16px;line-height:1.6}.jl-genre>span:after{content:"";display:block;width:28px;height:3px;background:#fff;margin:8px auto 0}.jl-genre[aria-current=true]{outline:3px solid var(--jd-rust);outline-offset:4px}.jl-genre:hover:before{background:#0003} .jl-themes{display:grid;grid-template-columns:1fr 1fr;gap:32px}.jl-theme{position:relative;min-height:320px;overflow:hidden;border:1px solid var(--jd-line)}.jl-theme>img{width:100%;height:100%;position:absolute;object-fit:cover}.jl-theme-paper{position:relative;display:block;width:57%;min-height:260px;margin:32px 20px;padding:24px 22px;background:rgba(243,246,248,0.949);color:var(--jd-ink);border:1px solid var(--jd-rust);box-shadow:5px 5px 0 rgba(196,61,80,0.18)}.jl-theme-paper small{font-size:11px;letter-spacing:.07em}.jl-theme-paper strong{display:block;font-family:serif;font-size:30px;line-height:1.55;margin:14px 0}.jl-theme-paper>span{font-size:14px;line-height:1.7}.jl-theme-paper b{display:block;text-align:right;font-size:22px;line-height:1}.jl-sea .jl-theme-paper{color:#285365;background:#f4faf4ed;border-color:#8aa6ac}.jl-theme:hover .jl-theme-paper{box-shadow:7px 7px 0 rgba(196,61,80,0.251)} .jl-outing{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.jl-outing>a{overflow:hidden;border-radius:8px 8px 0 0}.jl-outing img{width:100%;aspect-ratio:1.65;object-fit:cover}.jl-outing span{background:var(--jd-ink);color:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:700;gap:16px}.jl-outing b{font-weight:400} .jl-new{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.jl-new-card{border:1px solid var(--jd-muted);border-radius:4px;overflow:hidden;background:white;min-width:0}.jl-new-card>a{display:block}.jl-new-card img{width:100%;aspect-ratio:1.45;object-fit:cover}.jl-new-card>a>div{padding:12px}.jl-new-card small{font-size:11px;color:var(--jd-muted);line-height:1.6}.jl-new-card time{display:block;font-size:10px}.jl-new-card h3{font-size:14px;line-height:1.65;margin:8px 0 0;font-weight:600} .jl-bottom{max-width:1180px;margin:16px auto 64px;padding:0 28px;display:grid;grid-template-columns:290px minmax(0,1fr);gap:42px;align-items:start} main.jl-page .jd-common-pref{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:20px!important;background:var(--jd-wash-color)!important;min-width:0}.jl-page .jd-common-heading{display:block;margin-bottom:12px}.jl-page .jd-common-heading>button{font-size:12px;min-height:32px}.jl-page .jd-common-form{display:grid!important;grid-template-columns:1fr;gap:12px!important}.jl-page .jd-common-form>label{font-size:13px}.jl-page .jd-common-form>button{width:100%!important;min-width:0!important}.jl-page .jd-common-footer{display:block}.jl-page .jd-common-region{grid-template-columns:1fr;gap:6px}.jl-page .jd-common-region>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.jl-page .jd-common-region-list button{font-size:12px;padding:8px 3px}.jl-page .jd-common-summary{font-size:12px!important}.jl-page .jd-type-nav{gap:6px}.jl-page .jd-type-nav a{font-size:12px;line-height:1.6} .jl-page .jd-cat-results{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-width:0}.jl-page .jd-result-feedback{display:none!important}.jl-page .jd-result-heading{gap:12px;margin-bottom:22px}.jl-page .jd-result-heading h2{font-size:22px}.jl-page .jd-list-controls{padding:0}.jl-page .jd-result-heading .jd-shop-title-count{flex-wrap:wrap}.jl-page .jd-cat-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.jl-page .jd-cat-card{border:1px solid var(--jd-line);border-radius:0;background:white;box-shadow:none}.jl-page .jd-cat-card>a>img{width:100%;aspect-ratio:1.55;object-fit:cover}.jl-page .jd-cat-card-copy{padding:18px!important}.jl-page .jd-cat-card-copy h3{font-size:17px;line-height:1.7;margin:12px 0}.jl-page .jd-cat-excerpt{font-size:14px;line-height:1.9}.jl-page .jd-cat-read{padding-top:12px}.jl-page #category-results{scroll-margin-top:100px}.jl-page [hidden]{display:none!important} .jl-follow{position:fixed;z-index:200;top:0;left:0;right:0;background:rgba(255,255,255,0.961);border-bottom:1px solid var(--jd-line);box-shadow:0 3px 12px rgba(48,57,67,0.071);padding:10px 24px;display:flex;align-items:center;justify-content:center;gap:18px}.jl-follow[hidden]{display:none}.jl-follow strong{font-size:14px}.jl-follow select{font:inherit;font-size:14px;min-height:42px;max-width:240px;border:1px solid var(--jd-line);padding:8px 36px 8px 12px;background:#fff;color:var(--jd-ink);border-radius:0}.jl-follow select:focus-visible{outline:2px solid var(--jd-rust);outline-offset:2px} .jl-pick-photo>span{display:flex;gap:4px;align-items:center}.jl-slider-dots{display:none} @media(max-width:700px){.jl-slider-dots{display:flex;justify-content:center;margin-top:6px;gap:0}.jl-slider-dots button{width:28px;height:30px;border:0;background:none;padding:10px;cursor:pointer}.jl-slider-dots button:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--jd-line)}.jl-slider-dots button[aria-pressed=true]:after{background:var(--jd-rust)}} @media(max-width:1000px){.jl-hero{min-height:440px}.jl-hero-copy{padding:40px 26px}.jl-hero-copy h1{font-size:29px}.jl-picks{gap:16px}.jl-pick h3{font-size:15px}.jl-bottom{grid-template-columns:240px minmax(0,1fr);gap:24px}.jl-theme-paper strong{font-size:25px}.jl-theme-paper{padding:20px 16px}.jl-outing span{font-size:15px}.jl-new{gap:12px}} @media(max-width:700px){.jl-hero{position:relative;display:block;height:390px;min-height:0;overflow:hidden}.jl-hero-copy{position:absolute;inset:0;z-index:2;padding:28px 24px;color:#fff;background:linear-gradient(180deg,rgba(24,28,17,.7),rgba(24,28,17,.3) 50%,transparent 76%);pointer-events:none}.jl-hero-copy>p{font-size:12px;margin-bottom:10px}.jl-page .jl-hero-copy h1{font-size:29px;line-height:1.5;margin:0;color:#fff}.jl-hero-copy>span{display:none}.jl-hero-photo{display:block;height:390px}.jl-hero-photo>img{width:100%;height:390px;object-fit:cover}.jl-hero-photo>span{padding:32px 20px 18px}.jl-hero-photo small{font-size:11px}.jl-hero-photo strong{font-size:16px}.jl-hero-photo b{right:20px;bottom:22px}.jl-section{padding:32px 0}.jl-section-inner{padding:0 20px}.jl-page .jl-section h2{font-size:18px;margin-bottom:20px;line-height:1.6}.jl-swipe{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding:0 1px 8px;scrollbar-width:none}.jl-pick{flex:0 0 83%;scroll-snap-align:start}.jl-pick h3{min-height:0;font-size:17px;padding:14px 16px}.jl-pick-bottom{padding:14px 16px}.jl-pick-bottom p{font-size:14px}.jl-pick-photo>img{aspect-ratio:1.65}.jl-pick-photo>span{font-size:12px;padding:6px 12px}.jl-genres{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.jl-genre{aspect-ratio:1.55}.jl-genre>span{font-size:14px;padding:10px 6px}.jl-genre>span:after{width:24px;height:2px}.jl-theme{flex:0 0 88%;min-height:270px;scroll-snap-align:start}.jl-theme-paper{min-height:220px;width:66%;margin:24px 14px;padding:18px 14px}.jl-theme-paper strong{font-size:25px;margin:10px 0}.jl-theme-paper small{font-size:9px}.jl-theme-paper>span{font-size:12px}.jl-outing{grid-template-columns:1fr;gap:14px}.jl-outing>a{display:grid;grid-template-columns:36% 64%;border-radius:4px}.jl-outing img{height:88px;aspect-ratio:auto}.jl-outing span{font-size:15px;padding:16px}.jl-new-card{flex:0 0 47%;scroll-snap-align:start}.jl-new-card h3{font-size:14px}.jl-new-card>a>div{padding:12px}.jl-bottom{display:flex;flex-direction:column;margin:8px auto 40px;padding:0 20px;gap:36px}.jl-page .jd-cat-results{order:1}.jl-page .jd-common-pref{order:2}.jl-page .jd-cat-card-grid{grid-template-columns:1fr;gap:24px}.jl-page .jd-result-heading{display:block}.jl-page .jd-result-heading h2{font-size:20px}.jl-page .jd-list-controls{margin:12px 0 0}.jl-page .jd-cat-card-copy{padding:20px!important}.jl-page .jd-cat-card-copy h3{font-size:18px}.jl-page .jd-common-region>div{grid-template-columns:repeat(3,minmax(0,1fr))}.jl-follow{gap:10px;padding:8px 14px}.jl-follow strong{display:none}.jl-follow select{width:50%;max-width:none;font-size:12px;min-width:0;min-height:42px}.jl-page #category-results{scroll-margin-top:72px}} .jl-swipe::-webkit-scrollbar{display:none} /* shopping-category.css */ /* Shopping design: an editorial split hero and spacious article cards. */ .jd-shopping{color:#171717;background:#fff;max-width:none!important;margin:0!important;padding:0!important;font-size:16px}.jd-shopping *{box-sizing:border-box}.jd-shopping h1,.jd-shopping h2,.jd-shopping h3,.jd-shopping p,.jd-shopping figure{margin:0;letter-spacing:normal}.jd-shopping a{color:inherit;text-decoration:none}.jd-shop-crumb{max-width:1180px;margin:auto;padding:18px 0;display:flex;gap:12px;font-size:12px;color:#666}.jd-shop-hero{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;min-height:360px;background:var(--jd-wash-color)}.jd-shop-intro{padding:48px;align-self:center}.jd-shop-kicker{font-size:14px;font-weight:600;color:var(--jd-rust);line-height:1.7}.jd-shop-intro h1{font-family:"Noto Serif JP","Yu Mincho", "Hiragino Mincho ProN",serif;font-size:38px;line-height:1.65;font-weight:600;color:#171717;margin:14px 0 20px;letter-spacing:.015em}.jd-shop-accent{display:block;width:46px;height:2px;background:var(--jd-rust);margin-bottom:22px}.jd-shop-intro>p:last-child{font-size:16px;line-height:1.95;color:#444}.jd-shop-hero-photo{min-width:0;overflow:hidden;align-self:stretch}.jd-shop-hero-photo img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover;object-position:center}.jd-shop-area{max-width:1180px;margin:0 auto;padding:38px 0 36px;border-bottom:1px solid #e4e4e4}.jd-shop-area h2{font-size:22px;line-height:1.5;margin:0 0 20px}.jd-shop-pref{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:90px;min-height:44px;padding:9px 20px;border:1px solid #bdc0c4;border-radius:4px;background:#fff;color:#262626!important;font-size:14px;font-weight:500;line-height:1.4;white-space:nowrap}.jd-shop-pref svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}.jd-shop-pref:hover{border-color:var(--jd-rust);background:#fbf2f4;color:var(--jd-rust)!important}.jd-shop-pref.is-selected{border-color:var(--jd-rust);background:var(--jd-rust);color:#fff!important}.jd-shop-region{display:flex;align-items:center;gap:22px;margin-top:14px}.jd-shop-region>span{font-size:14px;min-width:88px;font-weight:500;color:#555}.jd-shop-region>div{display:flex;flex-wrap:wrap;gap:10px}.jd-shop-articles{max-width:1180px;margin:0 auto;padding:36px 0 64px;scroll-margin-top:24px}.jd-shop-result-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.jd-shop-result-heading h2{font-size:24px;line-height:1.6;font-weight:600}.jd-shop-result-heading>p{font-size:14px;color:#666;flex:none}.jd-shop-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.jd-shop-cards li[hidden],#jd-shop-empty[hidden],#jd-shop-more[hidden]{display:none!important}.jd-shop-card{height:100%;display:flex;flex-direction:column;border:1px solid #e1e1e1;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 3px 12px #00000005}.jd-shop-photo{display:block;overflow:hidden;aspect-ratio:1.65}.jd-shop-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.jd-shop-photo:hover img{transform:scale(1.03)}.jd-shop-card-body{display:flex;flex-direction:column;flex:1}.jd-shop-meta{font-size:14px;line-height:1.5;color:var(--jd-rust);font-weight:500;display:flex;align-items:center;gap:12px}.jd-shop-meta span{font-size:12px;color:#777;font-weight:400;padding-left:12px;border-left:1px solid #ddd}.jd-shop-card h3{font-size:19px;line-height:1.75;margin:14px 0 12px!important;font-weight:600;overflow-wrap:anywhere}.jd-shop-card h3 a:hover{text-decoration:underline}.jd-shop-excerpt{font-size:16px;line-height:1.8;color:#666;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:24px!important}.jd-shop-read{margin-top:auto;padding-top:16px;border-top:1px solid #e7e7e7;font-size:14px;line-height:1.5;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:16px}.jd-shop-read span{color:var(--jd-rust);font-size:20px;line-height:1}#jd-shop-more{display:block;margin:36px auto 0;border:1px solid var(--jd-rust);background:white;color:var(--jd-rust);border-radius:4px;padding:12px 48px;font:inherit;cursor:pointer}#jd-shop-empty{padding:32px 0;color:#666}.jd-shopping a:focus-visible,.jd-shopping button:focus-visible{outline:3px solid #171717;outline-offset:4px} @media(max-width:1250px){.jd-shop-crumb,.jd-shop-area,.jd-shop-articles{margin-left:32px;margin-right:32px}.jd-shop-hero{margin:0 32px}.jd-shop-intro{padding:36px}.jd-shop-intro h1{font-size:34px}.jd-shop-intro>p:last-child br{display:none}} @media(max-width:900px){.jd-shop-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.jd-shop-intro{padding:28px}.jd-shop-intro h1{font-size:28px}.jd-shop-intro>p:last-child{font-size:15px}.jd-shop-hero-photo img{min-height:330px}.jd-shop-region>span{min-width:82px}.jd-shop-pref{min-width:80px;padding:9px 14px}} @media(max-width:600px){.jd-shop-crumb{margin:0;padding:14px 20px;font-size:12px;gap:8px}.jd-shop-hero{display:flex;flex-direction:column;margin:0;min-height:0}.jd-shop-hero-photo{order:-1;width:100%;height:210px}.jd-shop-hero-photo img{min-height:0;height:100%;object-position:center 48%}.jd-shop-intro{padding:26px 24px 30px;align-self:stretch}.jd-shop-intro h1{font-size:28px;line-height:1.65;margin:12px 0 16px}.jd-shop-accent{margin-bottom:18px}.jd-shop-intro>p:last-child{font-size:16px;line-height:1.8}.jd-shop-area{margin:0 20px;padding:28px 0}.jd-shop-area h2{font-size:20px;margin-bottom:18px}.jd-shop-region{display:block;margin-top:18px}.jd-shop-region>span{display:block;margin-bottom:8px}.jd-shop-region>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.jd-shop-pref{min-width:0;padding:10px 6px;min-height:44px;font-size:14px;gap:6px}.jd-shop-articles{margin:0 20px;padding:28px 0 48px}.jd-shop-result-heading{align-items:center;gap:12px;margin-bottom:20px}.jd-shop-result-heading h2{font-size:21px}.jd-shop-cards{grid-template-columns:1fr;gap:24px}.jd-shop-photo{aspect-ratio:1.65}.jd-shop-card h3{font-size:20px;line-height:1.75}.jd-shop-meta{font-size:14px}.jd-shop-meta span{font-size:12px}.jd-shop-excerpt{font-size:16px;-webkit-line-clamp:3}.jd-shop-read{font-size:14px}} @media(prefers-reduced-motion:reduce){.jd-shop-photo img{transition:none}} /* model-course.css */ /* Model-course metadata and controls; existing shared form/card styles remain the base. */ .jd-category-plans .jd-common-pref{display:block!important} .jd-category-plans .jd-common-form>label{min-width:0} .jd-category-plans .jd-plan-classification-note{font-size:12px;line-height:1.7;color:var(--jd-muted);margin:12px 0 0!important} .jd-plan-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0} .jd-plan-tags a{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border:1px solid var(--jd-line);background:var(--jd-wash-color);color:var(--jd-ink);font-size:12px;line-height:1.6;text-decoration:none} .jd-plan-tags a:hover{text-decoration:underline} .jd-plan-tags a:focus-visible{outline:2px solid var(--jd-ink);outline-offset:3px} .jd-card-copy .jd-plan-tags{margin:9px 0} .jd-card-copy .jd-plan-tags span{display:inline-block;border:1px solid var(--jd-line);background:var(--jd-wash-color);color:var(--jd-ink);font-size:11px;line-height:1.6;padding:2px 7px} @media(max-width:700px){ .jd-category-plans .jd-common-form{grid-template-columns:repeat(2,minmax(0,1fr))!important} .jd-category-plans .jd-common-form>label:nth-of-type(1){grid-column:1} .jd-category-plans .jd-common-form>label:nth-of-type(2){grid-column:2} .jd-category-plans .jd-common-form>label:nth-of-type(3){grid-column:1/-1} .jd-category-plans .jd-common-form>button{grid-column:1/-1;width:100%!important} } /* season-browser.css */ .jd-season-browser{padding-top:42px;padding-bottom:50px}.jd-season-browser-intro{text-align:center;margin-bottom:34px}.jd-season-browser-intro h2{font-size:29px;margin:0 0 12px;letter-spacing:.06em}.jd-season-browser-intro p{font-size:14px;color:var(--jd-muted);margin:0}.jd-season-tabs{display:flex;justify-content:space-between;gap:40px}.jd-season-tab{flex:1;border:1px solid var(--jd-ink);border-radius:4px;text-align:center;padding:12px 6px;font-family:inherit;font-size:15px;font-weight:600;background:var(--jd-surface);color:#292724;cursor:pointer}.jd-season-tab[aria-pressed=true]{background:var(--jd-rust);color:white;border-color:var(--jd-rust)}.jd-season-tab small{font:inherit}.jd-season-areas{display:flex;align-items:center;gap:22px;margin:32px 0 40px}.jd-season-areas>span{font-size:13px;font-weight:bold;color:white;background:var(--jd-muted);padding:11px 20px 11px 12px;clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%);white-space:nowrap}.jd-season-areas nav{display:flex;flex-wrap:wrap;row-gap:13px}.jd-season-areas a{font-size:14px;text-decoration:none;color:var(--jd-ink);padding:0 12px;border-right:1px solid var(--jd-muted);line-height:16px}.jd-season-areas a:first-child{padding-left:0}.jd-season-areas a[aria-current=true]{color:var(--jd-rust);font-weight:bold}.jd-season-areas a:last-child{border:0}.jd-season-browser .jd-cat-results{border:0;padding:0;max-width:none}.jd-season-result-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:16px}.jd-season-result-top h2{font-size:20px;margin:0;font-weight:600}.jd-season-result-top>span{font-size:13px;color:var(--jd-muted)}.jd-season-timing{font-size:12px;line-height:1.8;color:var(--jd-muted);margin:0 0 20px}.jd-season-browser .jd-cat-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.jd-season-browser .jd-cat-more{display:block;width:300px;max-width:100%;margin:38px auto 0;border:1px solid var(--jd-rust);border-radius:4px;padding:15px;text-align:center;font:inherit;font-size:14px;background:var(--jd-surface);color:var(--jd-rust);cursor:pointer}.jd-season-browser [hidden]{display:none!important}.jd-season-browser [data-empty]{padding:24px;background:var(--jd-wash-color);line-height:1.8}.jd-season-browser button:focus-visible,.jd-season-browser a:focus-visible{outline:2px solid var(--jd-rust);outline-offset:4px} @media(max-width:700px){.jd-season-browser{padding:30px 20px}.jd-season-browser-intro{margin-bottom:26px}.jd-season-browser-intro h2{font-size:23px}.jd-season-browser-intro p{font-size:12px;line-height:1.8}.jd-season-tabs{gap:0}.jd-season-tab{padding:9px 1px;font-size:12px;border-radius:0;border-right:0;white-space:nowrap}.jd-season-tab:first-child{border-radius:4px 0 0 4px}.jd-season-tab:last-child{border-radius:0 4px 4px 0;border-right:1px solid var(--jd-ink)}.jd-season-tab small{font-size:10px}.jd-season-areas{margin:25px 0 30px}.jd-season-areas>span{display:none}.jd-season-areas nav{row-gap:14px}.jd-season-areas a{font-size:12px;padding:0 8px;line-height:14px}.jd-season-result-top h2{font-size:18px}.jd-season-browser .jd-cat-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.jd-season-browser .jd-cat-more{width:100%;margin-top:28px}.jd-season-timing{font-size:11px}} .jd-season-browser [data-selected-filter]{display:none} /* homepage.css */ /* STEP61 approved TOP; shared cards use article-card-ui.css. */ html body .jd-homepage{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;background:#ffffff;color:#303943;font-family:Arial,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif} .jd-homepage *{box-sizing:border-box}.jd-homepage a{text-decoration:none;color:inherit}.jd-homepage h2,.jd-homepage h3,.jd-homepage p{margin:0}.jd-homepage a:focus-visible,.jd-homepage button:focus-visible{outline:2px solid #c43d50;outline-offset:4px}.jd-homepage .section{max-width:1180px;margin:0 auto!important;padding:54px 24px}.jd-homepage .wash{background:#f3f6f8}.jd-homepage .category{padding:32px 24px 38px}.jd-homepage .category h2{font-size:16px;margin:0 0 24px;text-align:center;font-weight:600}.jd-homepage .categories{display:grid;grid-template-columns:repeat(6,1fr)}.jd-homepage .categories a{display:flex;flex-direction:column;align-items:center;gap:12px;border-right:1px solid #d9e2e8;font-size:13px;font-weight:600;min-height:67px}.jd-homepage .categories a:last-child{border-right:0}.jd-homepage .categories svg{width:27px;height:27px;display:block;fill:#c43d50;color:#c43d50}.jd-homepage .section-head{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 28px}.jd-homepage .section-head h2{font-size:26px;line-height:1.5;letter-spacing:.04em}.jd-homepage .section-head p{font-size:12px;color:#6b7783;margin-top:9px;line-height:1.8}.jd-homepage .section-head>a{font-size:12px;border-bottom:1px solid #c43d50;padding:7px 0;white-space:nowrap;color:#c43d50}.jd-homepage .section-head>a span{margin-left:20px}.jd-homepage .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}.jd-homepage .cards .jd-card-item .jd-card-date{font-size:10px}.jd-homepage .cards .jd-card-item .jd-card-location{font-size:10px;padding:2px 6px}.jd-homepage .cards .jd-card-item .jd-card-title{font-size:15px;line-height:1.65;margin:11px 0 15px}.jd-homepage .cards .jd-card-item .jd-card-read{font-size:11px;width:110px;min-height:32px}.jd-homepage .feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.jd-homepage .feature-photo{height:320px;position:relative;overflow:hidden}.jd-homepage .feature-photo>img{height:100%;width:100%;object-fit:cover}.jd-homepage .feature-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,#172532c9)}.jd-homepage .feature-photo>div{position:absolute;z-index:1;left:28px;bottom:26px;right:28px;color:white}.jd-homepage .feature-photo small{font-size:10px;letter-spacing:.15em}.jd-homepage .feature-photo h3{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:28px;margin:12px 0}.jd-homepage .feature-photo p{font-size:12px;margin-bottom:20px}.jd-homepage .feature-photo span{font-size:12px}.jd-homepage .section-eyebrow{display:block;color:#c43d50;letter-spacing:.14em;font-size:10px;font-weight:500;margin-bottom:9px}.jd-homepage .places-subhead{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px;gap:20px}.jd-homepage .places-subhead h3{font-size:17px;line-height:1.5}.jd-homepage .places-subhead p{font-size:11px;color:#6b7783;line-height:1.8}.jd-homepage .city-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-left:1px solid #d9e2e8;border-top:1px solid #d9e2e8}.jd-homepage .city-card{display:block;border-right:1px solid #d9e2e8;border-bottom:1px solid #d9e2e8;background:#ffffff;min-width:0}.jd-homepage .jd-destination-photo{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:#eee}.jd-homepage .jd-destination-photo img{position:absolute;max-width:none;width:var(--photo-width);height:var(--photo-height);left:var(--photo-left);top:var(--photo-top)}.jd-homepage .city-card>span{display:block;text-align:center;font-size:12px;font-weight:650;padding:10px 4px}.jd-homepage .city-card small{display:block;font-size:8px;color:#6b7783;letter-spacing:.08em;margin-top:4px;font-weight:400}.jd-homepage .city-credit{display:block;font-size:9px;color:#6b7783;margin-top:9px}.jd-homepage .map-subhead{margin-top:34px;padding-top:27px;border-top:1px solid #d9e2e8}.jd-homepage .theme-mosaic{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:195px 195px;gap:12px}.jd-homepage .theme-mosaic>a{position:relative;overflow:hidden;min-width:0;color:white}.jd-homepage .theme-mosaic>a:first-child{grid-row:span 2}.jd-homepage .theme-mosaic img{width:100%;height:100%;object-fit:cover}.jd-homepage .theme-mosaic>a:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 12%,#172532dc)}.jd-homepage .theme-mosaic a>div{position:absolute;z-index:1;left:22px;right:22px;bottom:23px}.jd-homepage .theme-mosaic small{font-size:9px;letter-spacing:.13em;font-weight:650}.jd-homepage .theme-mosaic h3{font-size:20px;line-height:1.5;margin-top:9px}.jd-homepage .theme-mosaic p{font-size:11px;line-height:1.8;margin-top:9px}.jd-homepage .theme-mosaic>a:first-child h3{font-size:31px}.jd-homepage .theme-mosaic>a:not(:first-child)>div{left:17px;right:17px;bottom:18px}.jd-homepage .theme-mosaic>a:not(:first-child) p{display:none} /* One component owns map layout and surface; no late old-design replacement. */ .jd-homepage .jtm{--jtm-line:#d9e2e8;--jtm-ink:#303943;--jtm-th:Arial,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;margin:0;container-type:normal;font-family:var(--jtm-th)}.jd-homepage .jtm-row{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:38px;align-items:stretch;min-height:750px}.jd-homepage .jtm-box{position:relative;display:flex;border:0;background:transparent;padding:0;gap:22px;min-height:750px}.jd-homepage .jtm-nav{display:block;border:0;width:112px;margin-top:4px;align-self:flex-start;flex:none}.jd-homepage .jtm-btn{background:transparent;border:0;border-bottom:1px solid #d9e2e8;font-size:12px;padding:11px 10px;min-height:44px;color:#6b7783;width:100%;font-family:inherit;text-align:left;cursor:pointer}.jd-homepage .jtm-btn.is-on,.jd-homepage .jtm-btn.is-on:hover{background:#c43d50;color:white}.jd-homepage .jtm-svg{display:flex;flex:1;min-width:0;align-items:center;justify-content:center;background:transparent}.jd-homepage .jtm-map{width:100%;height:auto;max-height:675px;max-width:560px}.jd-homepage .jtm-pf{fill:#dce7ed;stroke:#f3f6f8;stroke-width:1.4;cursor:pointer}.jd-homepage .jtm-pf.lv1{fill:#c2dfeb}.jd-homepage .jtm-pf.lv2{fill:#92c9df}.jd-homepage .jtm-pf.lv3{fill:#65afcc}.jd-homepage .jtm-pf.lv4{fill:#378aaa}.jd-homepage .jtm-pf.is-dim{opacity:.35}.jd-homepage .jtm-pf.is-selected,.jd-homepage .jtm-pf:hover{fill:#c43d50;opacity:1}.jd-homepage .jtm-rlab{fill:#303943;stroke:#f3f6f8;stroke-width:4px;font-size:14px}.jd-homepage .jtm-okbox{stroke:#d9e2e8;stroke-dasharray:3 3}.jd-homepage .jtm-oklab{fill:#6b7783;font-size:12px}.jd-homepage .jtm-legend{display:flex;position:absolute;left:134px;bottom:5px;color:#6b7783;font-size:10px;gap:3px;align-items:center}.jd-homepage .jtm-lg{width:17px;height:6px}.jd-homepage .jtm-lg.lv0{background:#dce7ed}.jd-homepage .jtm-lg.lv1{background:#c2dfeb}.jd-homepage .jtm-lg.lv2{background:#92c9df}.jd-homepage .jtm-lg.lv3{background:#65afcc}.jd-homepage .jtm-lg.lv4{background:#378aaa}.jd-homepage .jtm-panel{border:0;background:transparent;display:flex;flex-direction:column;min-width:0}.jd-homepage .jtm-phead{padding:0 0 16px;background:transparent;color:#303943;border-bottom:1px solid #d9e2e8}.jd-homepage .jtm-pt{font-size:21px;font-weight:650;line-height:1.5}.jd-homepage .jtm-pn{font-size:11px;color:#6b7783;line-height:1.8;margin-top:5px;font-family:inherit}.jd-homepage .jtm-prefs{display:flex;flex-wrap:wrap;padding:13px 0 17px;border:0;gap:8px}.jd-homepage .jtm-prefs button{border:0;border-bottom:1px solid #d9e2e8;padding:3px 2px;min-height:28px;font-size:10px;background:transparent;color:#303943;cursor:pointer}.jd-homepage .jtm-list.grouped-articles{display:flex;flex-direction:column;gap:0;padding:0 8px 0 0;flex:1;min-height:0;max-height:560px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#8dabb9 transparent}.jd-homepage .map-article-group{display:flex;flex-direction:column;flex:none;min-height:0}.jd-homepage .map-article-group h3{padding:9px 0;background:transparent;border:0;font-size:13px;line-height:1.7;color:#303943;flex-shrink:0}.jd-homepage .map-article-group h3:before{content:'';display:inline-block;height:12px;width:2px;background:#c43d50;margin-right:8px}.jd-homepage .map-article-group>a{display:flex;align-items:center;min-height:0;flex:none;padding:12px 0;border-bottom:1px solid #d9e2e8;gap:14px;background:transparent}.jd-homepage .map-article-group+.map-article-group{padding-top:10px}.jd-homepage .jtm-list .jtm-th{width:100px;aspect-ratio:1.6;flex-shrink:0;overflow:hidden}.jd-homepage .jtm-th img{width:100%;height:100%;object-fit:cover;display:block}.jd-homepage .jtm-list .jtm-tt{font-size:12px;font-weight:500;color:#303943;line-height:1.65;display:block}.jd-homepage .jtm-list .jtm-tt small{font-size:10px;color:#c43d50;display:block;margin-bottom:4px;line-height:1.5}.jd-homepage .jtm a.jtm-pbtn{border:1px solid #c43d50;background:transparent;color:#c43d50;margin-top:18px;padding:11px 14px;font-size:11px;line-height:1.7;font-weight:500;text-align:center}.jd-homepage .jd-zc{position:absolute;right:0;bottom:4px;display:flex;gap:0;border:1px solid #d9e2e8}.jd-homepage .jd-zc button{border:0;background:transparent;width:29px;height:29px;font-size:17px;color:#c43d50;cursor:pointer}.jd-homepage .jd-zc button+button{border-left:1px solid #d9e2e8}.jd-homepage .jtm-empty{padding:30px 0;color:#6b7783;font-size:13px}.jd-homepage .jtm-panel.is-empty .jtm-list{flex:0 0 auto} .jd-homepage .season-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.jd-homepage .season-entry{position:relative;display:block;aspect-ratio:1.15;overflow:hidden;color:#fff;background:#303943}.jd-homepage .season-entry>img{display:block;width:100%;height:100%;object-fit:cover}.jd-homepage .season-entry:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(20,19,15,.8))}.jd-homepage .season-entry>div{position:absolute;left:22px;right:42px;bottom:24px;z-index:1}.jd-homepage .season-entry h3{color:inherit;font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:36px;line-height:1.4}.jd-homepage .season-entry p{color:inherit;font-size:12px;line-height:1.7;margin-top:5px}.jd-homepage .season-entry-arrow{position:absolute;right:18px;bottom:30px;z-index:1;font-size:20px;line-height:1}.jd-homepage .season-entry:hover h3,.jd-homepage .theme-mosaic a:hover h3{text-decoration:underline;text-underline-offset:5px} @media(max-width:900px){.jd-homepage .jtm-row{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.jd-homepage .jtm-nav{width:92px}.jd-homepage .jtm-box{gap:12px}.jd-homepage .jtm-legend{left:104px}} @media(max-width:700px){.jd-homepage .season-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jd-homepage .season-entry{aspect-ratio:1}.jd-homepage .season-entry>div{left:14px;right:28px;bottom:15px}.jd-homepage .season-entry h3{font-size:28px}.jd-homepage .season-entry p{font-size:10px}.jd-homepage .season-entry-arrow{right:12px;bottom:21px;font-size:17px}.jd-homepage .section{padding:33px 20px}.jd-homepage .category{padding:27px 20px 30px}.jd-homepage .category h2{font-size:15px;margin-bottom:19px}.jd-homepage .categories{grid-template-columns:repeat(3,1fr);row-gap:21px}.jd-homepage .categories a{font-size:11px;gap:10px;min-height:54px}.jd-homepage .categories a:nth-child(3){border-right:0}.jd-homepage .categories svg{width:25px;height:25px}.jd-homepage .section-head{display:block;margin-bottom:22px}.jd-homepage .section-head h2{font-size:21px;letter-spacing:.02em}.jd-homepage .section-head p{font-size:11px;margin-top:7px}.jd-homepage .section-head>a{display:inline-block;font-size:10px;margin-top:12px;padding:4px 0}.jd-homepage .section-head>a span{margin-left:15px}.jd-homepage .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.jd-homepage .cards .jd-card-item .jd-card-title{font-size:13px;line-height:1.6;margin:9px 0 13px}.jd-homepage .cards .jd-card-item .jd-card-meta{margin-top:9px;gap:5px;flex-wrap:wrap}.jd-homepage .cards .jd-card-item .jd-card-date{font-size:9px}.jd-homepage .cards .jd-card-item .jd-card-location{font-size:9px;padding:1px 5px;line-height:18px}.jd-homepage .cards .jd-card-item .jd-card-read{font-size:10px;width:100px;min-height:29px;padding:5px 8px}.jd-homepage .feature-grid{grid-template-columns:1fr;gap:18px}.jd-homepage .feature-photo{height:240px}.jd-homepage .feature-photo>div{left:20px;bottom:22px;right:20px}.jd-homepage .feature-photo small{font-size:9px}.jd-homepage .feature-photo h3{font-size:23px;margin:10px 0}.jd-homepage .feature-photo p{font-size:11px;margin-bottom:15px}.jd-homepage .feature-photo span{font-size:11px}.jd-homepage .section-eyebrow{font-size:9px}.jd-homepage .places-subhead{display:block;margin-bottom:14px}.jd-homepage .places-subhead h3{font-size:15px}.jd-homepage .places-subhead p{font-size:10px;margin-top:6px}.jd-homepage .city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.jd-homepage .city-card>span{font-size:11px;padding:8px 3px}.jd-homepage .city-card small{font-size:7px;margin-top:4px}.jd-homepage .city-credit{font-size:8px;line-height:1.7}.jd-homepage .map-subhead{margin-top:24px;padding-top:22px}.jd-homepage .theme-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:225px 145px 145px;gap:10px}.jd-homepage .theme-mosaic>a:first-child{grid-column:span 2;grid-row:auto}.jd-homepage .theme-mosaic a>div{left:18px;right:18px;bottom:20px}.jd-homepage .theme-mosaic>a:first-child h3{font-size:26px}.jd-homepage .theme-mosaic h3{font-size:16px}.jd-homepage .theme-mosaic p{font-size:10px;line-height:1.8}.jd-homepage .theme-mosaic small{font-size:8px}.jd-homepage .theme-mosaic>a:not(:first-child)>div{left:13px;right:13px;bottom:15px}.jd-homepage .jtm-row{display:block;min-height:0}.jd-homepage .jtm-box{display:grid;grid-template-columns:minmax(0,1fr) 112px;min-height:0;padding:0;gap:10px}.jd-homepage .jtm-svg{grid-column:1;grid-row:1;padding:0}.jd-homepage .jtm-map{width:100%;height:auto;max-height:300px}.jd-homepage .jtm-nav{display:grid;width:100%;grid-column:2;grid-row:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:40px;gap:0;margin:0;border:0}.jd-homepage .jtm-btn{display:flex;align-items:center;justify-content:center;min-width:0;height:100%;padding:5px 3px;min-height:40px;font-size:10.5px;text-align:center;border:0;border-bottom:1px solid #d9e2e8}.jd-homepage .jtm-btn:nth-of-type(2n){border-left:1px solid #d9e2e8}.jd-homepage .jtm-btn.is-on::after{margin-left:3px}.jd-homepage .jtm-legend,.jd-homepage .jd-zc,.jd-homepage .jtm-rlab{display:none}.jd-homepage .jtm-panel{margin-top:26px;padding-top:21px;border-top:1px solid #d9e2e8}.jd-homepage .jtm-phead{position:static;padding:0 0 15px;border-bottom:0;background:transparent}.jd-homepage .jtm-pt{font-size:19px}.jd-homepage .jtm-pn{font-size:10px}.jd-homepage .jtm-prefs{display:none}.jd-homepage .jtm-list.grouped-articles{display:block;padding:0 6px 0 0;max-height:520px;overflow-y:auto}.jd-homepage .map-article-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:13px;padding:14px 0}.jd-homepage .map-article-group h3{flex:0 0 100%;padding:0;margin:0;font-size:12px}.jd-homepage .map-article-group>a{display:flex;flex-direction:column;align-items:start;flex:0 0 calc((100% - 13px)/2);min-width:0;padding:0;border:0;gap:7px}.jd-homepage .jtm-list .jtm-th{width:100%;aspect-ratio:1.6}.jd-homepage .jtm-list .jtm-tt{font-size:11px}.jd-homepage .jtm-list .jtm-tt small{font-size:9px}.jd-homepage .map-article-group+.map-article-group{border-top:1px solid #d9e2e8;padding-top:14px}.jd-homepage .jtm a.jtm-pbtn{margin-top:6px;font-size:12px}} .jd-homepage .theme-mosaic h3,.jd-homepage .theme-mosaic p,.jd-homepage .feature-photo h3,.jd-homepage .feature-photo p{color:inherit} /* STEP77 G palette on TOP only; shared geometry and other page palettes remain intact. */ body.home{--jd-ink:#303943;--jd-rust:#c43d50;--jd-muted:#6b7783;--jd-line:#d9e2e8;--jd-surface:#fff;--jd-gradient:#c43d50;--jd-wash:#f3f6f8;background:#fff!important;color:#303943} body.home header.wp-block-template-part,body.home header .jt-ref-header{background:#fff!important;border-bottom:1px solid #d9e2e8!important} body.home header .jd-desktop-navigation .wp-block-navigation-item__content,body.home header .jd-saved-entry,body.home header .jd-mobile-search-trigger,body.home header .jt-ref-nav .wp-block-navigation__responsive-container-open{color:#303943!important} body.home .jd-homepage .cards .jd-card-item .jd-article-card{background:#fff!important;color:#303943!important} body.home .jd-homepage .cards .jd-card-item .jd-card-title{color:#303943!important} body.home .jd-homepage .cards .jd-card-item .jd-card-location{background:#e9f4fa!important;color:#315b70!important} body.home .jd-homepage .cards .jd-card-item .jd-card-read{background:#c43d50!important;border-color:#c43d50!important;color:#fff!important} body.home .jd-homepage .cards .jd-card-item .jd-article-card:hover .jd-card-read{background:#a72d41!important;border-color:#a72d41!important} body.home .jdh-dot.is-active{background:#c43d50!important} body.home .jdh-tag{background:#c43d50!important} body.home footer{background:#f3f6f8!important;border-color:#d9e2e8!important;color:#303943!important} body.home footer a:not(.jt-ref-logo),body.home footer h4{color:#303943!important} body.home .jd-homepage .jtm-rlab{fill:#303943} .jd-homepage .map-group-count{font-size:11px;font-weight:400;color:#6b7783}.jd-homepage .map-list-hint{font-size:11px;color:#6b7783;margin:0 0 10px}.jd-homepage .jtm-list:focus-visible{outline:2px solid #c43d50;outline-offset:4px} /* hero-carousel.css */ .jd-featured-home:has(> .jdh){width:100%!important;max-width:none!important;margin:0!important;padding:0!important} .jdh{--w:min(1280px,86vw);--h:clamp(360px,36vw,560px);--g:16px;position:relative;width:100%;overflow:hidden;padding:32px 0 8px;margin:0 0 40px;background:#fff} .jdh-view{position:relative;width:100%;height:var(--h);margin:0 auto;overflow:hidden;touch-action:pan-y} .jdh-slide{position:absolute;top:0;left:50%;width:var(--w);height:100%;display:block;overflow:hidden;background:#ddd;color:#fff!important;text-decoration:none!important;transform:translateX(calc(-50% + var(--o) * (100% + var(--g))));transition:transform .6s ease} .jdh-slide.is-active{box-shadow:0 8px 24px rgba(25,45,55,.14)} .jdh-slide:not(.is-active) .jdh-img{filter:brightness(.75)} .jdh-img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover} .jdh-ov{position:absolute;left:0;right:0;bottom:0;display:block;padding:90px 40px 28px;background:linear-gradient(transparent,rgba(0,0,0,.7));opacity:0;transition:opacity .4s ease} .jdh-slide.is-active .jdh-ov{opacity:1} .jdh-tag{display:inline-block;margin-bottom:10px;padding:3px 10px;background:var(--jd-ink);color:#fff;font-size:13px;font-weight:700;line-height:1.5} .jdh-title{display:block;max-width:900px;font-size:clamp(18px,2.2vw,32px);font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .jdh-partner{display:block;margin-top:6px;font-size:13px;opacity:.85} .jdh-slide.is-active:hover .jdh-title,.jdh-slide.is-active:focus-visible .jdh-title{text-decoration:underline} .jdh-arrow{position:absolute;top:50%;z-index:3;width:48px;height:48px;margin-top:-24px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.8);cursor:pointer;transition:background .2s} .jdh-arrow:hover,.jdh-arrow:focus-visible{background:#fff} .jdh-arrow:focus-visible{outline:2px solid var(--jd-ink);outline-offset:2px} .jdh-arrow::before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-top:2px solid #333;border-right:2px solid #333} .jdh-prev{left:calc((100% - var(--w)) / 2 + 16px)} .jdh-prev::before{transform:translate(-30%,-50%) rotate(-135deg)} .jdh-next{right:calc((100% - var(--w)) / 2 + 16px)} .jdh-next::before{transform:translate(-70%,-50%) rotate(45deg)} .jdh-dots{display:flex;justify-content:center;gap:8px;margin-top:14px} .jdh-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#ccc;cursor:pointer} .jdh-dot.is-active{background:var(--jd-ink)} @media (max-width:767px){ .jdh{--w:100%;--h:clamp(260px,72vw,440px);--g:0px;padding-top:0;margin-bottom:28px} .jdh-ov{padding:60px 16px 14px} .jdh-tag{font-size:12px;margin-bottom:6px} .jdh-arrow{display:block;width:44px;height:44px;margin-top:-22px;background:rgba(255,255,255,.92)} .jdh-prev{left:10px} .jdh-next{right:10px} } @media (prefers-reduced-motion:reduce){.jdh-slide,.jdh-ov{transition:none}} /* article-map.css */ .jam{--jam-accent:var(--jd-rust,#c43d50);--jam-ink:var(--jd-ink,#303943);--jam-line:#d9e2e8;color:var(--jam-ink);scroll-margin-top:130px}.jam *{box-sizing:border-box}.jam .jam-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:2px solid var(--jam-accent);padding-bottom:15px}.jam .jam-heading p{font-size:12px;color:#687784;margin:0 0 5px}.jam .jam-heading h2{font-size:28px;margin:0;line-height:1.5}.jam-heading>span{flex:none;font-size:13px;color:#687784}.jam .jam-intro{margin:17px 0 24px;font-size:14px;color:#687784}.jam-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.jam-map-column{position:sticky;top:126px;min-width:0}.jam-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:13px}.jam-toolbar button{background:#fff;border:1px solid var(--jam-line);color:var(--jam-accent);padding:8px 12px;font:inherit;cursor:pointer}.jam .jam-canvas{height:520px;background:#e9f4fa;border:1px solid var(--jam-line);z-index:0;font:12px Arial,sans-serif}.jam-map-note{font-size:12px;color:#687784;margin:9px 0}.jam-list{max-height:596px;overflow:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-width:thin}.jam-grid{display:grid;gap:14px}.jam .jam-card{background:#fff;border:1px solid var(--jam-line);overflow:hidden;margin:0}.jam-photo{display:block;position:relative}.jam-photo-number,.jam-map-icon{display:none}.jam .jam-photo img{display:block;width:100%;height:145px;object-fit:cover;max-width:none;margin:0}.jam-copy{padding:15px}.jam-meta{display:flex;align-items:center;gap:8px;color:#496474;font-size:11px}.jam-number{display:grid;place-items:center;background:var(--jam-accent);color:#fff;border-radius:50%;width:25px;height:25px;flex:none}.jam .jam-card h3{font-size:17px;line-height:1.55;margin:10px 0 7px}.jam .jam-card h3 a{color:var(--jam-ink);text-decoration:none}.jam .jam-copy p{font-size:12px;color:#687784;margin:0 0 13px;line-height:1.7}.jam-actions{display:flex;align-items:center;gap:8px}.jam-actions a,.jam-actions button{display:flex;justify-content:center;align-items:center;gap:12px;min-height:37px;padding:7px 12px;font:inherit;font-size:12px;cursor:pointer;text-decoration:none;line-height:1.5;white-space:nowrap}.jam-actions a{background:var(--jam-ink);color:#fff!important;border:1px solid var(--jam-ink)}.jam-actions button{background:#fff;color:var(--jam-accent);border:1px solid var(--jam-line)}.jam-more{margin-top:14px}.jam-more summary{padding:13px 15px;border:1px solid var(--jam-line);font-size:13px;cursor:pointer;display:flex;justify-content:space-between;gap:8px}.jam-more[open]>.jam-grid{margin-top:14px}.jam-check{background:#f3f6f8;margin-top:20px;padding:13px 18px;font-size:12px;line-height:1.8}.jam-check summary{cursor:pointer}.jam-check li{margin:12px 0}.jam-check a{color:var(--jam-ink)}.jam-pin-icon{background:none;border:0}.jam-pin{width:32px;height:32px;display:grid;place-items:center;background:var(--jam-accent);border:3px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 2px 6px #30394355}.jam-pin span{transform:rotate(45deg);color:#fff;font-weight:700;font-size:13px}.jam-cluster{background:#fff;border:2px solid var(--jam-accent);border-radius:50%;color:var(--jam-accent);display:grid;place-items:center;font-size:12px;font-weight:700}.jam .jam-card.is-active{border-color:var(--jam-accent);box-shadow:inset 3px 0 var(--jam-accent)}.jam .jam-map-popup .leaflet-popup-content-wrapper{border-radius:6px;padding:0;overflow:hidden}.jam .jam-map-popup .leaflet-popup-content{margin:0;width:260px!important;max-width:calc(100vw - 96px)}.jam .jam-map-popup .leaflet-popup-close-button{top:6px;right:6px;background:#fff;border-radius:50%;color:#303943;width:26px;height:26px;box-shadow:0 1px 5px #30394333}.jam-popup{font-size:12px;line-height:1.6;color:#303943}.jam .jam-popup-photo{display:block;margin:0}.jam .jam-popup-photo img{display:block;width:100%;height:112px;object-fit:cover;margin:0}.jam-popup-copy{padding:11px 13px 12px}.jam-popup-category{display:inline-block;padding:2px 7px;margin-bottom:5px;font-size:10px;line-height:1.5;background:#e9f4fa;color:#496474}.jam-popup strong{display:block;font-size:15px;line-height:1.5}.jam .jam-popup-address{margin:4px 0 10px;font-size:10px;line-height:1.5;color:#687784}.jam-popup-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.jam .jam-popup-actions a{text-decoration:none;margin:0;font-size:11px;white-space:nowrap}.jam-popup .jam-read{background:#303943;color:#fff!important;padding:6px 10px}.jam-popup .jam-google{color:var(--jam-accent)}.jam a:focus-visible,.jam button:focus-visible{outline:2px solid #315b70;outline-offset:3px} @media(max-width:750px){ .jam{scroll-margin-top:90px}.jam .jam-heading h2{font-size:22px}.jam .jam-heading{gap:12px}.jam .jam-intro{font-size:12px;margin-bottom:18px}.jam-layout{grid-template-columns:1fr;gap:15px}.jam-map-column{position:static}.jam .jam-canvas{height:340px}.jam-toolbar{font-size:12px}.jam-list{max-height:none;overflow:visible;padding:0}.jam-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .jam .jam-card{display:flex;flex-direction:column;border-radius:4px}.jam .jam-photo img{height:auto;aspect-ratio:3/4;object-fit:cover}.jam .jam-photo-number{position:absolute;top:8px;left:8px;display:grid;place-items:center;width:26px;height:26px;border:2px solid #fff;border-radius:50%;background:var(--jam-accent);color:#fff;font-size:12px;font-weight:700;line-height:1} .jam-copy{padding:10px;display:flex;flex-direction:column;flex:1}.jam .jam-card h3{order:0;font-size:14px;line-height:1.5;margin:0 0 5px;overflow-wrap:anywhere}.jam-meta{order:1;font-size:10px;line-height:1.6;gap:0;margin-bottom:8px}.jam-meta .jam-number{display:none}.jam .jam-copy p{display:none} .jam-actions{order:2;display:flex;justify-content:space-between;gap:4px;margin-top:auto}.jam .jam-actions a{background:transparent;border:0;color:var(--jam-accent)!important;justify-content:flex-start;min-height:40px;padding:0;font-size:11px;gap:5px}.jam .jam-actions button{width:40px;height:40px;min-height:40px;flex:0 0 40px;padding:9px;border-radius:4px}.jam .jam-map-label{display:none}.jam .jam-map-icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.jam-more summary{font-size:12px}.jam-check{padding:12px} } /* article-tools.css */ /* One shared tools design. Responsive visibility is CSS-owned, with no late DOM moves. */ .jd-article-detail .jd-article-mobile-tools{display:none} .jd-article-detail .jt-article-sidebar .jd-article-share{margin:0!important;padding:0!important} .jd-article-detail .jt-article-sidebar .jd-official-entry{margin:0!important} .jd-article-detail .jd-share-circle{width:40px;height:40px} .jd-article-detail .jd-share-control{font-size:12px} .jd-article-detail .jd-share-title{font-size:14px} .jd-article-detail .jd-share-circle:has(+span){line-height:1} .jd-article-detail .jd-share-circle svg{width:32px;height:32px} .jd-article-detail .jd-share-control[aria-label^="LINE"] .jd-share-circle{font-size:10px;font-weight:700} @media(max-width:1000px){ .jd-article-detail .jd-article-mobile-tools{display:block;margin:28px 0 0} .jd-article-detail .jt-article-sidebar>.jd-article-share,.jd-article-detail .jt-article-sidebar>.jd-official-entry{display:none!important} .jd-article-detail .jd-article-mobile-tools .jd-article-share{display:block!important;margin:28px 0 36px!important;padding:0!important;text-align:center} .jd-article-detail .jd-article-mobile-tools .jd-official-entry{margin:0 auto!important;width:100%;max-width:420px} .jd-article-detail .jd-article-mobile-tools .jd-share-controls{margin-inline:auto;max-width:350px} .jd-article-detail .jd-article-mobile-tools .jd-share-app-note{font-size:11px;margin-top:14px} .jd-article-detail .jd-article-mobile-tools .jd-print-article{display:inline-block!important;font-size:12px} } /* Shared desktop sidebar: breathing room below the header rule. */ @media(min-width:1001px){.jd-article-detail .jt-article-sidebar[data-shared-sidebar]{padding-top:28px!important}} /* Shared article Instagram sizing. Provider controls height to preserve all media/captions. */ .jd-article-detail .jt-article-main{--jd-instagram-width:480px} .jd-article-detail .jt-article-main :is(div,figure,p):has(> .instagram-media):not(.wp-block-post-content){box-sizing:border-box!important;width:100%!important;max-width:var(--jd-instagram-width)!important;min-width:0!important;margin:24px auto!important;padding:0!important;position:relative!important} .jd-article-detail .jt-article-main :is(blockquote,iframe).instagram-media{box-sizing:border-box!important;display:block!important;width:100%!important;max-width:var(--jd-instagram-width)!important;min-width:0!important;margin:0 auto!important;position:static!important} @media(max-width:600px){ .jd-article-detail .jt-article-main{--jd-instagram-width:100%} .jd-article-detail .jt-article-main :is(div,figure,p):has(> .instagram-media):not(.wp-block-post-content){margin:18px auto!important} } /* The same static Instagram structure is used in roundups and individual articles. */ .jd-article-detail .jd-instagram-embed{width:100%;max-width:var(--jd-instagram-width,480px);margin:24px auto} .jd-article-detail .jd-instagram-embed>blockquote[data-jd-instagram-source][hidden]{display:none!important} .jd-article-detail .jd-instagram-frame{display:block;max-width:100%;border:0;background:#fff} .jd-article-detail .jd-instagram-post-link{display:block;font-size:12px;line-height:1.7;text-align:right;margin:8px 0 0;color:#647480;text-underline-offset:3px} .jd-article-detail .jt-article-main .jd-ig:has(>.jd-instagram-embed){width:100%!important;max-width:var(--jd-instagram-width,480px)!important;min-width:0!important;margin:24px auto!important} .jd-article-detail .jt-article-main iframe.instagram-media.jd-instagram-frame{height:var(--jd-instagram-height,650px)!important;min-height:0!important} /* Authored photos take priority over duplicate Instagram media. */ .jd-article-detail [data-jd-instagram-suppressed][hidden]{display:none!important} /* food-article.css */ /* Shared food article template. Content determines height; no clipping or fixed text boxes. */ .jd-food-article{--food-accent:var(--jd-rust,#c43d50);color:var(--jd-ink);padding-top:0!important} .jd-food-article .jt-article-header{margin-bottom:20px!important} .jd-food-article .jt-article-featured img{aspect-ratio:3/2!important;object-fit:cover;max-height:none} .jd-food-article .jt-article-header .wp-block-post-title{font-size:30px;line-height:1.65;margin:16px 0!important} .jd-food-article .jt-article-byline{justify-content:flex-start;margin:12px 0 18px!important;color:var(--jd-muted)} .jd-food-article .jt-article-deck{margin:12px 0!important;font-size:15px;line-height:1.9} .jd-food-category-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0 0} .jd-food-pref{display:inline-block;background:#e1eff7;color:#365b70!important;padding:4px 10px;text-decoration:none!important;font-size:12px;line-height:1.7} .jd-food-article .jt-article-category{display:block;margin:0!important;font-size:12px} .jd-food-article .jt-article-category a{border:0!important;background:none!important;padding:0!important;min-height:0!important} .jd-food-article .jt-article-category a:before{content:none} .jd-food-article .jd-article-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0!important;padding:12px 0;border-top:1px solid var(--jd-line);border-bottom:1px solid var(--jd-line)} .jd-food-article .jd-save-full{position:static!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent!important;border:0!important;color:var(--jd-ink)!important;padding:8px 0!important;font-size:13px;line-height:1.5;min-height:40px;white-space:normal} .jd-food-article .jd-save-full svg{width:20px;height:20px;color:var(--food-accent)} .jd-food-intro p,.jd-food-article .wp-block-post-content p,.jd-food-article .wp-block-post-content li{font-size:17px;line-height:2;overflow-wrap:anywhere} .jd-food-intro p{margin:0 0 20px!important} .jd-food-article .wp-block-post-content p{margin:0 0 22px!important} .jd-food-contents{margin:30px 0 36px;padding:20px 22px;background:var(--jd-wash-color);border:0} .jd-food-contents summary{font-size:16px;font-weight:600;cursor:pointer;list-style:none;position:relative;padding-right:26px;line-height:1.8;border-left:3px solid var(--food-accent);padding-left:10px} .jd-food-contents summary::-webkit-details-marker{display:none} .jd-food-contents summary:after{content:'＋';position:absolute;right:0;top:0;color:var(--jd-muted);font-weight:400} .jd-food-contents details[open]>summary:after{content:'−'} .jd-food-contents ol{padding:0!important;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:20px 0 0!important;font-size:14px;line-height:1.8} .jd-food-contents a{color:var(--jd-ink);text-decoration:none} .jd-food-contents a:hover{text-decoration:underline;text-underline-offset:4px} .jd-food-article .wp-block-post-content>h2.jd-food-section-title{margin:44px 0 24px!important;padding:0 0 0 13px!important;border:0!important;border-left:3px solid var(--food-accent)!important;background:none!important;font-size:23px;line-height:1.75;scroll-margin-top:110px} .jd-food-dish{display:block;margin:36px 0 44px!important;padding:0 0 14px!important;border-bottom:1px solid var(--jd-line)} .jd-food-article .jd-food-dish>h3{display:flex;align-items:baseline;gap:12px;margin:0 0 20px!important;padding:0!important;font-size:23px;line-height:1.65;color:var(--jd-ink);scroll-margin-top:110px} .jd-food-number{color:var(--food-accent);font-family:Georgia,serif;font-size:25px;flex:none;font-variant-numeric:tabular-nums} .jd-food-article .jd-food-dish figure.wp-block-image{width:100%!important;max-width:100%!important;margin:0 0 24px!important;padding:0!important;float:none} .jd-food-article .jd-food-dish figure.wp-block-image img{width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0!important} .jd-food-article .jd-food-dish figure.wp-block-image figcaption{max-width:none!important;text-align:left;line-height:1.8} .jd-food-article .jd-food-dish>p:last-child{margin-bottom:0!important} .jd-food-article .wp-block-post-content .wp-block-table{padding:0!important;margin:24px 0 34px!important;background:white!important;border:1px solid var(--jd-line)!important} .jd-food-article .wp-block-table table{width:100%;table-layout:fixed;min-width:0;font-size:14px;line-height:1.9} .jd-food-article .wp-block-table th,.jd-food-article .wp-block-table td{padding:14px 12px!important;border-bottom:1px solid var(--jd-line)!important;vertical-align:top!important;white-space:normal!important} .jd-food-article .wp-block-table th{background:var(--jd-wash-color)!important;color:var(--jd-ink)} .jd-food-article .wp-block-post-content>ul{list-style:disc;padding-left:22px!important} .jd-food-article .wp-block-post-content>ul li{padding-bottom:14px} .jd-food-faq{border:1px solid var(--jd-line);border-bottom:0;margin:0!important;padding:0!important;background:white} .jd-food-faq:last-of-type{border-bottom:1px solid var(--jd-line)} .jd-food-faq summary{display:block;position:relative;list-style:none;padding:18px 42px 18px 18px;cursor:pointer;line-height:1.8} .jd-food-faq summary::-webkit-details-marker{display:none} .jd-food-faq summary:after{content:'＋';position:absolute;right:16px;top:18px;color:var(--jd-muted)} .jd-food-faq[open]>summary:after{content:'−'} .jd-food-article .jd-food-faq summary h3{font-size:17px;line-height:1.8;margin:0!important;padding:0!important;color:var(--jd-ink)} .jd-food-answer{padding:0 18px 18px} .jd-food-article .jd-food-answer p{font-size:16px;margin-bottom:0!important} .jd-food-article .jt-article-method{background:var(--jd-wash-color);padding:20px!important;border:0;font-size:13px;line-height:1.9;margin-top:30px!important} .jd-food-article .jt-article-navigation{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:26px 0!important;border-block:1px solid var(--jd-line);font-size:13px;line-height:1.9;margin:28px 0!important} .jd-food-sidebar>section>h2,.jd-food-related>h2{font-size:19px;line-height:1.8;border-bottom:2px solid var(--food-accent);margin:0 0 20px;padding:0 0 10px} .jd-food-related-card{display:block;text-decoration:none!important;color:var(--jd-ink)!important;margin-bottom:26px} .jd-food-related-card>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover} .jd-food-related-card>div{padding:12px 0} .jd-food-related-card h3{font-size:16px;line-height:1.85;margin:12px 0 8px!important;overflow-wrap:anywhere} .jd-food-related-card time{display:block;font-size:11px;color:var(--jd-muted);margin:0 0 12px} .jd-food-read{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:white;color:var(--food-accent);border:1px solid var(--jd-line);padding:6px 12px;font-size:12px;line-height:1.5} .jd-food-read>span{font-size:20px;line-height:1} .jd-food-related-card:hover .jd-food-read{color:white;background:var(--food-accent);border-color:var(--food-accent)} .jd-food-related{margin:42px 0 0!important} .jd-food-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .jd-food-related-grid .jd-food-related-card h3{font-size:14px} .jd-food-bottom-actions{margin:28px 0!important} .jd-food-article :is(button,a,summary):focus-visible{outline:2px solid var(--food-accent);outline-offset:4px} @media(max-width:1000px){ .jd-food-article .jt-article-layout{grid-template-columns:1fr!important;gap:32px!important} .jd-food-article .jt-article-header .wp-block-post-title{font-size:26px} .jd-food-contents ol{grid-template-columns:1fr} } @media(max-width:600px){ .jd-food-article{padding:0 18px 36px!important} .jd-food-article .jt-article-breadcrumb{font-size:10px;padding:12px 0!important} .jd-food-article .jt-article-featured{width:calc(100% + 36px)!important;max-width:none!important;margin-left:-18px!important;margin-right:-18px!important} .jd-food-article .jt-article-featured img{aspect-ratio:3/2!important} .jd-food-article .jt-article-header .wp-block-post-title{font-size:24px;line-height:1.75} .jd-food-article .jt-article-byline{font-size:11px;gap:6px 10px} .jd-food-article .jd-article-actions .jd-keywords{flex-basis:100%} .jd-food-contents{padding:16px;margin:24px 0 30px} .jd-food-contents summary{font-size:14px} .jd-food-article .wp-block-post-content>h2.jd-food-section-title{font-size:21px;margin-top:36px!important;scroll-margin-top:86px} .jd-food-article .jd-food-dish>h3{font-size:21px;scroll-margin-top:86px} .jd-food-number{font-size:23px} .jd-food-intro p,.jd-food-article .wp-block-post-content p,.jd-food-article .wp-block-post-content li{font-size:16px;line-height:2} .jd-food-dish{margin:28px 0 34px!important} .jd-food-article .wp-block-table{overflow:visible!important;border:0!important} .jd-food-article .wp-block-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} .jd-food-article .wp-block-table table,.jd-food-article .wp-block-table tbody{display:block;min-width:0!important;width:100%!important} .jd-food-article .wp-block-table tbody tr{display:block;border:1px solid var(--jd-line);margin:0 0 14px;padding:12px 14px;background:white} .jd-food-article .wp-block-table td{display:grid;grid-template-columns:95px minmax(0,1fr);gap:10px;width:100%!important;border:0!important;padding:8px 0!important;font-size:14px;line-height:1.9} .jd-food-article .wp-block-table td:before{content:attr(data-label);font-size:12px;color:var(--jd-muted);font-weight:500} .jd-food-article .wp-block-table td:first-child{display:block;color:var(--jd-ink);font-size:16px;font-weight:600;padding:4px 0 10px!important;border-bottom:1px solid var(--jd-line)!important;margin-bottom:8px} .jd-food-article .wp-block-table td:first-child:before{content:none} .jd-food-article .jd-food-faq summary h3{font-size:16px} .jd-food-article .jt-article-navigation{grid-template-columns:1fr;gap:20px} .jd-food-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .jd-food-related-grid .jd-food-related-card h3{font-size:13px;line-height:1.85} .jd-food-related-grid .jd-food-pref{font-size:10px;padding:3px 7px} .jd-food-related-grid .jd-food-read{font-size:11px;gap:8px;padding:6px 10px} } /* Keep saving and sharing on one row; keywords follow underneath. */ .jd-food-article .jd-article-actions>.jd-save-full{order:1} .jd-food-article .jd-article-actions>.jd-keywords{order:3;flex-basis:100%;margin-top:4px!important} .jd-food-article .jd-food-dish,.jd-food-article .jd-food-dish>picture,.jd-food-article .jd-food-dish figure>picture{width:100%!important;max-width:none!important} .jd-food-journey{margin:28px 0 36px!important} .jd-food-journey>h2{font-size:21px;line-height:1.8;border-left:3px solid var(--food-accent);padding-left:13px;margin-bottom:22px} .jd-food-journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} @media(max-width:600px){.jd-food-journey-grid{gap:16px}.jd-food-journey-grid h3{font-size:14px}.jd-food-article .jd-article-actions>.jd-keywords{flex-basis:100%}} /* autumn-theme.css */ /* STEP78 shared bright palette. Retained filename serves every page; geometry unchanged. */ :root{--jd-ink:#303943;--jd-rust:#c43d50;--jd-muted:#6b7783;--jd-line:#d9e2e8;--jd-surface:#ffffff;--jd-gradient:#c43d50;--jd-wash:#f3f6f8;--jd-wash-color:#f3f6f8;--wp--preset--color--primary:#c43d50;--wp--preset--color--accent:#c43d50} body{background:var(--jd-surface)!important;color:var(--jd-ink)} header.wp-block-template-part,.jt-ref-header{background:var(--jd-surface)!important} header.wp-block-template-part{border-bottom:2px solid var(--jd-rust)!important} .jdh{background:transparent!important}.jdh-tag{background:var(--jd-gradient)!important}.jdh-dot.is-active{background:var(--jd-rust)!important} .jd-home-section-head p,.jd-home-section-head>div>p,.jt-ref-kicker{color:var(--jd-rust)!important} .jd-purpose-tint{background:linear-gradient(0deg,rgba(53,28,24,.72),rgba(120,65,39,.06))!important} .jd-menu-title{background:var(--jd-gradient)!important;color:#fff!important;border-bottom:0!important} .jt-ref-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--jd-surface)!important;color:var(--jd-ink)!important} .jt-ref-nav .is-menu-open .wp-block-navigation__responsive-container-close{background:transparent!important;color:white!important;border:0!important} .jd-menu-search-entry{background:var(--jd-gradient)!important;color:white!important;border-color:var(--jd-rust)!important} .jd-menu-saved{background:var(--jd-wash)!important;color:var(--jd-ink)!important;border-color:var(--jd-rust)!important} .jd-menu-history{color:var(--jd-ink)!important} .jd-common-pref,.jd-search-filters{background:var(--jd-wash)!important;border-color:var(--jd-line)!important} .jd-common-pref button[type=submit],.jd-search-form button[type=submit],.jd-search-filters button[type=submit],.jd-menu-search button,.wp-block-search__button{background:var(--jd-gradient)!important;color:white!important;border-color:var(--jd-rust)!important} .jd-search-page,.jd-category-landing,.jd-shopping,.jd-article-detail{background:var(--jd-surface)!important;color:var(--jd-ink);--ink:var(--jd-ink);--line:var(--jd-line);--paper:var(--jd-wash-color);--muted:var(--jd-muted)} .jd-shop-hero,.jd-gourmet-intro,.jd-leisure-intro,.jd-plan-intro,.jd-onsen-intro,.jd-season-intro{background:var(--jd-wash)!important} .jd-search-card,.jd-shop-card{background:var(--jd-surface)!important} .jd-type-nav a[aria-current=true],.jd-search-tabs a[aria-current=true]{color:var(--jd-rust)!important;border-color:var(--jd-rust)!important} .jd-save-button{color:var(--jd-rust)!important;background:var(--jd-surface)!important;border-color:var(--jd-line)!important}.jd-save-button[aria-pressed=true]{color:var(--jd-rust)!important;background:var(--jd-wash-color)!important} .jd-menu-destination-copy,.jd-menu-prep a{color:var(--jd-ink)!important;border-color:var(--jd-line)!important} .jd-readable-table,.jd-shop-info,.jd-record{background:var(--jd-surface)!important} .jd-article-detail .jt-generated-toc{background:var(--jd-wash)!important;border-color:var(--jd-line)!important} #jd-back-top,.jt-back-top,.jd-back-top{background:var(--jd-gradient)!important;color:white!important} footer.wp-block-template-part{background:linear-gradient(120deg,var(--jd-wash-color),var(--jd-line))!important;border-top:1px solid var(--jd-line);color:var(--jd-ink)!important} main .jd-common-pref,.jd-search-form{background:var(--jd-wash)!important;border-color:var(--jd-line)!important} main .jd-common-form>button{background:var(--jd-gradient)!important;color:#fff!important;border-color:var(--jd-rust)!important} .jd-common-form input,.jd-common-form select,.jd-search-form input,.jd-search-form select{border-color:var(--jd-line)!important} /* map-geometry.css */ #japan-map .jd-zc { position: absolute; right: 10px; bottom: 10px; display: flex; flex-direction: column; gap: 6px; z-index: 3; } #japan-map .jd-zc button { width: 36px; height: 36px; padding: 0; background: #fff; border: 1px solid #ccc; border-radius: 4px; color: #333; font-size: 22px; line-height: 1; cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,.15); } #japan-map .jd-zc button:hover { background: #f4f4f4; } @media (max-width: 600px) { #japan-map .jtm-row { display: block !important; } #japan-map .jtm-legend { display: none !important; } #japan-map .jtm-panel .jtm-prefs { display: none !important; } #japan-map .jtm-panel .jtm-phead { padding: 10px 14px !important; } #japan-map .jtm-panel .jtm-list { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 10px !important; padding: 10px !important; } #japan-map .jtm-panel .jtm-list a { flex: 0 0 150px !important; display: flex !important; flex-direction: column !important; border: 0 !important; padding: 0 !important; } #japan-map .jtm-panel .jtm-list .jtm-th, #japan-map .jtm-panel .jtm-list .jtm-th img { width: 150px !important; height: 100px !important; object-fit: cover; } #japan-map .jtm-panel .jtm-list .jtm-tt { font-size: 12px !important; line-height: 1.4 !important; margin-top: 4px; } } /* production.css */ @font-face{font-family:Noto Sans Thai;src:url(https://japan-days.com/wp-content/themes/japantrip/assets/fonts/NotoSansThai-Regular.ttf) format('truetype');font-display:swap;font-weight:400}@font-face{font-family:Noto Sans Thai;src:url(https://japan-days.com/wp-content/themes/japantrip/assets/fonts/NotoSansThai-Bold.ttf) format('truetype');font-display:swap;font-weight:700} .jd-approved-ui{margin:0;background:#fff;color:#273344;font-family:'Noto Sans Thai',sans-serif;line-height:1.75}.jd-approved-ui *{box-sizing:border-box}.jd-approved-ui img{max-width:100%;height:auto}.jd-approved-ui button,.jd-approved-ui input,.jd-approved-ui select{font:inherit}.jd-approved-ui a{text-decoration:none}.jd-approved-ui [hidden]{display:none!important}.jd-approved-ui .alignwide{width:min(1180px,92%);margin-inline:auto}.jd-approved-ui .alignfull{width:100%;max-width:none}.jd-approved-ui .jd-card-title{line-height:1.65!important}.jd-approved-ui .jd-card-location{text-align:left}.jd-approved-ui .jd-pagination{display:flex;gap:10px;margin:28px 0;justify-content:center}.jd-approved-ui .jd-pagination a{padding:8px 15px;border:1px solid var(--jd-line)}.jd-approved-ui .jd-pagination [aria-current]{background:var(--jd-ink);color:white}.jd-approved-ui .jd-result-heading form{display:flex;gap:8px;margin-left:auto}.jd-approved-ui .jd-common-pref{margin:28px auto;padding:24px;max-width:1180px}.jd-production-filter{display:flex;flex-wrap:wrap;align-items:end;gap:16px}.jd-production-filter label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:170px}.jd-production-filter :is(input,select){width:100%;min-height:48px;padding:10px;border:1px solid var(--jd-line);background:white}.jd-production-filter button{min-height:48px;padding:10px 24px;background:var(--jd-ink);color:white;border:0}.jd-native-toc{padding:24px;margin:24px 0 40px;background:var(--jd-wash-color);border-top:2px solid var(--jd-ink)}.jd-native-toc summary{font-weight:700;cursor:pointer}.jd-native-toc li{margin:8px 0}.jd-article-detail .jt-article-main .wp-block-post-content{padding:0!important}.jd-article-detail .wp-block-post-content figure{max-width:100%!important;margin-inline:0!important}.jd-article-detail .wp-block-post-content img{width:100%;height:auto}.jd-article-detail .wp-block-post-content :is(table,.wp-block-table){max-width:100%;overflow:auto}.jd-article-detail .wp-block-post-content :is(td,th){padding:14px;vertical-align:top;overflow-wrap:anywhere}.jd-article-detail .wp-block-post-content p{line-height:1.95}.jd-article-detail .wp-block-post-content h2{scroll-margin-top:24px}.jd-native-page{max-width:1180px;margin:auto;padding:32px 4%}.jd-approved-ui .jt-article-published time::before{content:'เผยแพร่ '}.jd-approved-ui .jt-article-updated time::before{content:'อัปเดต '}.jd-approved-ui .ja-title svg,.jd-approved-ui .jd-card-read svg{flex-shrink:0;max-width:24px;max-height:24px}.jd-approved-ui .jd-cat-results{max-width:1180px;margin:48px auto;padding:0 24px}.jd-approved-ui .jd-cat-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.jd-approved-ui .jd-card-photo{aspect-ratio:3/2;object-fit:cover}.jd-approved-ui .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}.jd-approved-ui .jd-side-list{list-style:none;padding:0}.jd-approved-ui .jd-side-section h2{font-size:18px} @media(max-width:750px){.jd-approved-ui .jd-cat-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.jd-approved-ui .jd-result-heading{flex-wrap:wrap;gap:12px}.jd-approved-ui .jd-result-heading form{margin-left:0}.jd-approved-ui .jd-card-copy{padding:12px!important}.jd-approved-ui .jd-card-meta{flex-wrap:wrap;gap:8px!important}.jd-approved-ui .jd-card-title{font-size:14px!important}.jd-approved-ui .jd-card-date{font-size:10px!important}.jd-approved-ui .jd-card-read{font-size:11px!important;padding:8px 12px!important;min-height:36px!important}.jd-approved-ui .jd-common-pref{margin:20px 14px;padding:18px}.jd-production-filter label{min-width:100%}.jd-production-filter button{width:100%}.jd-approved-ui .jd-cat-results{padding:0 14px}.jd-native-toc{padding:18px}.jd-article-detail .wp-block-post-content img{width:100%!important}} @media print{header.wp-block-template-part,footer,.jt-article-sidebar,.jd-article-mobile-tools,.jd-article-share,.jd-save-article{display:none!important}.jd-article-detail .jt-article-layout{display:block!important}.jd-article-detail{padding:0!important}.jd-native-toc{display:none}} .jd-approved-ui .jd-pref-legacy{--teal:#c43d50!important;--ink:#273344!important;--mute:#647084!important;--coral:#c43d50!important;--cream:#f2f6f9!important;--grad:linear-gradient(90deg,#c43d50,#c43d50)!important;--aqua:linear-gradient(90deg,#edf5fb,#edf5fb)!important}.jd-approved-ui .jd-native-page>.wp-block-post-content{width:100%} .jd-save-card>.jd-save-article{width:44px;height:44px;padding:10px;min-width:0}.jd-save-card>.jd-save-article>span{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap} .jd-area-follow[hidden]{display:none!important}.jd-area-follow:not([hidden]){display:block;position:fixed;inset:0 0 auto;z-index:60;background:var(--jd-wash-color);border-bottom:1px solid var(--jd-line);box-shadow:0 3px 12px rgba(39,51,68,.08)}.admin-bar .jd-area-follow{top:32px}.jd-area-follow-inner{display:flex;align-items:center;gap:24px;box-sizing:border-box;max-width:1180px;width:calc(100% - 80px);margin:auto;padding:10px 0;color:var(--jd-ink)}.jd-area-follow strong{font-size:16px;white-space:nowrap}.jd-area-follow label{display:flex;align-items:center;gap:10px;font-size:13px;white-space:nowrap;margin:0}.jd-area-follow :is(select,input:not([type=hidden])){box-sizing:border-box;width:200px;min-height:42px;padding:8px 12px;border:1px solid var(--jd-line);border-radius:0;background:#fff;color:var(--jd-ink);font:inherit;font-size:14px}.jd-area-follow :is(select,input):focus-visible{outline:2px solid var(--jd-rust);outline-offset:2px}.jd-follow-submit{display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;border:0;color:#fff;background:var(--jd-ink)}.jd-cat-results{scroll-margin-top:100px} @media(max-width:700px){.jd-area-follow-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;padding:8px 12px;width:100%}.jd-area-follow strong{display:none}.jd-area-follow label{display:block;min-width:0;font-size:0;margin:0}.jd-area-follow :is(select,input:not([type=hidden])){display:block;width:100%;min-width:0;min-height:44px;font-size:13px;line-height:1.4}.admin-bar .jd-area-follow{top:46px}.jd-follow-submit{min-width:38px;height:44px}} .jd-article-detail .wp-block-post-content img{width:auto}.jd-article-detail .wp-block-post-content .wp-block-image img{width:100%}.jd-article-detail .wp-block-post-content iframe{max-width:100%} /* Shared persistent navigation and saved article management. */ .wp-site-blocks>header.jd-sticky-header{position:sticky!important;top:0;z-index:9990;background:#fff} body.admin-bar .wp-site-blocks>header.jd-sticky-header{top:32px} .jd-mobile-dock{display:none}.jd-desktop-save{position:fixed;right:24px;bottom:24px;z-index:9991;display:flex;align-items:center;gap:8px;background:#fff;color:#c23853;border:1px solid #c23853;border-radius:4px;padding:12px 18px;font:inherit;cursor:pointer;box-shadow:0 2px 12px #30394314} .jd-desktop-save svg{width:22px;height:22px}.is-saved svg{fill:#c23853} .jd-saved-tools{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:24px 0}.jd-saved-tools label{display:flex;gap:8px;align-items:center}.jd-saved-tools :is(select,button){padding:10px 14px;border:1px solid #d6e3eb;background:#fff;color:#303943;font:inherit;border-radius:3px}.jd-saved-tools button{cursor:pointer}.jd-saved-tools button:disabled{opacity:.4;cursor:default}.jd-saved-tools p,.jd-saved-tools [role=status]{width:100%;margin:0;font-size:13px}.jd-saved-check{display:flex;align-items:center;gap:8px;padding:12px}.jd-saved-check input{width:20px;height:20px;accent-color:#c23853} html{scroll-padding-top:calc(var(--jd-live-header-height,100px) + 40px)} .jd-area-follow{top:var(--jd-live-header-height,100px)!important} @media(max-width:900px){ body{padding-bottom:calc(74px + env(safe-area-inset-bottom))!important}.jd-desktop-save{display:none} .jd-mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:9992;background:#fff;border-top:1px solid #d6e3eb;padding:4px 8px calc(6px + env(safe-area-inset-bottom));box-sizing:border-box} .jd-mobile-dock>a,.jd-mobile-dock>button{position:static!important;flex:1;min-width:0;min-height:58px;width:auto!important;height:auto!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:0;padding:5px 2px;background:#fff;color:#303943;font:inherit;font-size:11px;text-decoration:none;line-height:1.4} .jd-mobile-dock .jd-dock-save{background:#fceef1;color:#b32c48}.jd-mobile-dock svg{width:22px;height:22px}.jd-mobile-dock b{font-size:23px;line-height:24px;font-weight:400}.jd-mobile-dock .jd-line-share b{font-size:11px;background:#06c755;color:#fff;padding:0 5px;border-radius:6px}.jd-mobile-dock em{font-style:normal;color:#c23853} body.admin-bar .wp-site-blocks>header.jd-sticky-header{top:46px} } @media(max-width:600px){body.admin-bar .wp-site-blocks>header.jd-sticky-header{top:0}} @media print{.jd-mobile-dock,.jd-desktop-save{display:none!important}.wp-site-blocks>header.jd-sticky-header{position:static!important}} /* Keep navigation identical on articles, home, and saved lists. */ .jd-mobile-article-save{display:none} .jd-desktop-save{bottom:92px} @media(max-width:900px){ .jdf-scroll-top{display:none!important} body.jd-has-fixed-save{padding-bottom:calc(128px + env(safe-area-inset-bottom))!important} .jd-mobile-article-save{display:flex;position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:9991;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 16px;border:1px solid #c23853;border-radius:4px;background:#fff;color:#b32c48;font:inherit;font-size:13px;box-shadow:0 1px 6px #30394314;box-sizing:border-box} .jd-mobile-article-save svg{width:20px;height:20px} } @media print{.jd-mobile-article-save{display:none!important}} /* Optical alignment: draw the top arrow independently of font baselines. */ .jdf-scroll-top{width:44px!important;height:44px!important;font-size:0!important;line-height:0!important;box-shadow:0 3px 12px #30394326!important;right:24px!important;bottom:24px!important} .jdf-scroll-top::before{content:'';position:absolute;box-sizing:border-box;width:9px;height:9px;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor;top:14px;left:16px;transform:rotate(45deg)} .jdf-scroll-top::after{content:'';position:absolute;width:1.5px;height:15px;background:currentColor;top:14px;left:20px} .jd-saved-tools .jd-selection-help{font-size:14px;line-height:1.8;color:#485763;background:#edf6fa;border-left:3px solid #c23853;padding:12px 16px;box-sizing:border-box} .jd-saved-tools button:disabled{opacity:1;background:#f5f6f7;color:#78838d;border-color:#d6dde3} /* Saved state must color the SVG path, which carries its own fill attribute. */ [data-save-id][aria-pressed="true"] svg path{fill:#c23853!important;stroke:#c23853!important} :is(.jd-desktop-save,.jd-mobile-article-save)[aria-pressed="true"]{background:#fff0f3;color:#a82d45;border-color:#c23853} .jd-approved-ui [data-local-articles]>.jd-saved-card{display:flex;flex-direction:column;height:auto!important;min-height:0;align-self:stretch} .jd-approved-ui .jd-saved-card>.jd-article-card{height:auto!important;min-height:0;flex:1;display:flex;flex-direction:column} .jd-approved-ui .jd-saved-card>.jd-saved-check{flex:none} .jd-approved-ui .jd-saved-card .jd-card-copy{flex:1;height:auto!important} .jd-approved-ui main:has([data-local-articles]){padding-bottom:64px} /* Fixed save is absent until the opening control has scrolled away. */ :is(.jd-desktop-save,.jd-mobile-article-save)[hidden]{display:none!important} /* Fade fixed save controls in after the opening control leaves the viewport. */ :is(.jd-desktop-save,.jd-mobile-article-save){opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:opacity .32s ease,transform .32s ease,visibility 0s linear .32s} :is(.jd-desktop-save,.jd-mobile-article-save).is-save-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s} @media(prefers-reduced-motion:reduce){:is(.jd-desktop-save,.jd-mobile-article-save){transition:none;transform:none}} /* article-editorial.css */ /* Shared article opening, contents and transport presentation. */ .jd-article-detail .jt-article-header.jd-editorial-header{margin-bottom:24px!important} .jd-article-detail .jd-article-meta-row{display:flex;align-items:center;gap:16px;margin:16px 0 20px} .jd-article-detail .jd-article-meta-row .jt-article-byline{justify-content:flex-start;margin:0!important;gap:8px 16px;flex:1;font-size:13px;align-items:center} .jd-opening-pref{display:inline-flex;align-items:center;gap:6px;color:#c43d50} .jd-opening-pref svg{width:17px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7} .jd-article-detail .jd-opening-save .jd-save-full{margin:0!important;min-height:44px;padding:8px 14px;color:#c43d50;border:1px solid #c43d50;border-radius:3px;white-space:nowrap;font-size:13px} .jd-article-detail .jd-opening-save .jd-save-full>span{display:inline!important;position:static;clip:auto;width:auto;height:auto} .jd-article-detail .jd-opening-save .jd-save-full::after{content:none!important} .jd-opening-save .jd-save-full.is-saved svg path{fill:#c43d50} .jd-article-detail .jd-editorial-header .wp-block-post-title{font-size:32px!important;line-height:1.55!important;margin:0!important;padding:0 0 24px;border-bottom:1px solid #d9e2e8} .jd-article-lead{font-size:17px;line-height:1.95;color:#303943;margin:0 0 32px} .jd-article-lead p{margin:0 0 16px;line-height:1.95} .jd-article-detail details.jd-editorial-toc{margin:28px 0 44px!important;padding:0!important;border:0;background:transparent;color:#303943} .jd-editorial-toc>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 0 20px;min-height:54px;cursor:pointer} .jd-editorial-toc>summary::-webkit-details-marker,.jd-access-mode>summary::-webkit-details-marker{display:none} .jd-toc-label{display:flex;align-items:center;gap:12px;font-size:18px;border-left:3px solid #c43d50;padding-left:12px} .jd-toc-label svg{display:none} .jd-toc-state{font-size:12px;font-weight:400;white-space:nowrap} .jd-editorial-toc:not([open]) .jd-toc-open,.jd-editorial-toc[open] .jd-toc-closed{display:none} .jd-article-detail .jd-editorial-toc>ol{list-style:none;columns:2;column-gap:28px;padding:0 0 12px;margin:0} .jd-article-detail .jd-editorial-toc li{margin:0!important;break-inside:avoid} .jd-editorial-toc li a{display:grid;grid-template-columns:26px minmax(0,1fr) 14px;align-items:start;gap:10px;padding:14px 0;min-height:50px;border-top:1px solid #d9e2e8;color:#303943!important;line-height:1.65;font-size:14px;text-decoration:none!important} .jd-toc-number{color:#8b969f;font-weight:400;font-variant-numeric:tabular-nums} .jd-editorial-toc li svg{width:14px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;margin-top:2px} .jd-editorial-toc a:hover{color:#c43d50!important} .jd-editorial-toc a:focus-visible,.jd-access-mode>summary:focus-visible{outline:2px solid #c43d50;outline-offset:3px} .jd-article-detail .jd-access-layout{margin:0 0 36px} .jd-article-detail .jd-access-mode{margin:0 0 12px;border:1px solid #d9e2e8;border-radius:3px;overflow:hidden;background:#fff} .jd-access-mode>summary{list-style:none;background:#eff5f8;display:flex;align-items:center;gap:12px;cursor:pointer;padding:16px 20px;min-height:58px;color:#303943;font-size:17px} .jd-access-mode>summary::after{content:'＋';margin-left:auto;font-size:22px;font-weight:400;line-height:1;flex:none} .jd-access-mode[open]>summary::after{content:'−'} .jd-article-detail .jd-access-description{padding:20px} .jd-article-detail .jd-access-description p{margin:0!important;padding:0!important;line-height:1.95;font-size:16px} .jd-access-description a{text-decoration:underline!important;text-underline-offset:4px} /* Preserve the original shared yellow/black driver card from source CSS. */ .jd-show-driver{position:relative} .jd-show-driver.jd-show-driver--high-contrast .jd-show-driver__label{padding-right:90px;min-height:48px} .jd-show-driver .jd-show-driver__ja,.jd-show-driver .jd-show-driver__address{user-select:text} .jd-show-driver .jd-driver-status{order:7;padding:0 20px;color:#111} .jd-driver-copy{position:absolute;right:12px;top:8px;min-height:32px;border:1px solid #fff;border-radius:0;padding:4px 10px;background:#111;color:#fff;cursor:pointer;font:inherit;font-size:12px} .jd-driver-status{display:block;font-size:12px;color:#647084} @media(max-width:1000px){ .jd-article-detail .jd-article-meta-row{gap:10px;margin:12px 0 18px} .jd-article-detail .jd-article-meta-row .jt-article-byline{font-size:11px;gap:4px 10px;line-height:1.6} .jd-article-detail .jd-opening-save .jd-save-full{font-size:12px;padding:7px 10px;gap:5px;min-height:42px} .jd-opening-save svg{width:20px;height:20px} .jd-article-detail .jd-editorial-header .wp-block-post-title{font-size:25px!important;line-height:1.65!important;padding-bottom:20px} .jd-article-detail .jd-article-mobile-tools{margin:20px 0 0} .jd-article-detail .jd-article-mobile-tools .jd-article-share{margin:20px 0 22px!important} .jd-article-detail .jd-article-mobile-tools .jd-share-title{font-size:12px;margin-bottom:10px} .jd-article-detail .jd-article-mobile-tools .jd-share-app-note{margin-top:10px} .jd-article-lead{font-size:16px;margin-bottom:24px} .jd-article-detail .jd-editorial-toc>ol{columns:1;padding:0 0 12px} .jd-editorial-toc>summary{padding:8px 0 16px;min-height:52px;gap:10px} .jd-toc-label{font-size:16px;gap:9px} .jd-toc-label svg{width:20px;height:20px} .jd-editorial-toc li a{font-size:14px;min-height:48px;padding:12px 0} .jd-access-mode>summary{font-size:16px;padding:14px 16px} .jd-article-detail .jd-access-description{padding:16px} .jd-article-detail .jd-access-description p{font-size:15px} } @media print{.jd-access-mode:not([open])>.jd-access-description{display:block!important}.jd-access-mode>summary::after,.jd-driver-copy{display:none}} .jd-access-route{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid #d9e2e8;font-size:14px} .jd-access-route>div{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px} .jd-route-arrow{color:#7791a7} .jd-access-route small{flex-basis:100%;font-size:12px;color:#647084;margin-top:3px} .jd-access-duration{font-size:14px;font-weight:700;white-space:nowrap;border-left:1px solid #d9e2e8;padding-left:16px} .jd-access-stops{background:#eff5f8;padding:16px;margin:22px 0} .jd-article-detail .jd-access-stops h3{font-size:15px!important;margin:0 0 10px!important;line-height:1.7} .jd-access-stops dl{margin:0} .jd-access-stops dl>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:10px 0;border-top:1px solid #d9e2e8;font-size:13px} .jd-access-stops dd{margin:0} .jd-article-detail .jd-access-description p.jd-access-full-label{font-weight:700;font-size:14px;margin:22px 0 10px!important} @media(max-width:650px){.jd-access-route{gap:10px;font-size:13px}.jd-access-route>div{display:block}.jd-access-route strong,.jd-access-route small{display:block}.jd-route-arrow{display:inline-block;margin-right:5px}.jd-access-route .jd-route-arrow+strong{display:inline}.jd-access-duration{font-size:12px;padding-left:10px}.jd-access-stops{padding:12px}.jd-access-stops dl>div{gap:10px;font-size:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}} /* Keep the existing featured artwork, including any embedded lettering, uncropped. */ .jd-article-detail .jd-editorial-header .jt-article-featured img{aspect-ratio:auto!important;height:auto!important} @media(max-width:1000px){ .jd-article-detail .jd-article-mobile-tools .jd-official-button{background:#fff!important;background-image:none!important;color:#c43d50!important;border:1px solid #c43d50!important;min-height:44px;padding:10px 14px!important;font-size:14px!important} .jd-article-detail .jd-article-mobile-tools .jd-official-entry>p{font-size:10px;margin:5px 0 0!important} .jd-article-detail .jd-article-mobile-tools .jd-share-circle{width:32px;height:32px} .jd-article-detail .jd-article-mobile-tools .jd-share-control{font-size:10px;gap:4px} .jd-article-detail .jd-article-mobile-tools .jd-share-circle svg{width:25px;height:25px} .jd-article-detail .jd-article-mobile-tools .jd-article-share{margin:16px 0 18px!important} .jd-article-detail .jd-article-mobile-tools .jd-share-title{margin-bottom:8px;font-size:11px} .jd-article-detail .jd-article-mobile-tools .jd-share-app-note{font-size:10px;line-height:1.6;margin-top:8px} .jd-article-detail .jd-article-mobile-tools .jd-print-article{font-size:11px} } .jd-access-full{margin-top:20px;border-top:1px solid #d9e2e8;padding-top:14px} .jd-access-full>summary{cursor:pointer;font-size:14px;color:#c43d50;font-weight:700;min-height:44px;padding:8px 0} .jd-access-full>div{padding:12px 0 0} @media(min-width:1001px){ .jd-article-detail .jd-editorial-header{position:relative} .jd-article-detail .jd-editorial-header .jd-opening-save{position:absolute;right:0;bottom:18px} .jd-article-detail .jd-editorial-header .wp-block-post-title{padding-right:120px} } /* Basic information A: a shared, wrapping label/value table on every article. */ .jd-article-detail .jt-article-main .jd-basic-information{background:transparent!important;border:0!important;border-radius:0;padding:0!important;margin:24px 0 36px!important;overflow:visible!important;max-width:100%;box-shadow:none} .jd-article-detail .jt-article-main table.jd-basic-table{display:table!important;table-layout:fixed!important;width:100%!important;min-width:0!important;max-width:100%!important;border-collapse:collapse!important;border:1px solid #d9e2e8!important;background:#fff!important;font-size:15px;line-height:1.85} .jd-article-detail .jt-article-main table.jd-basic-table :is(th,td){display:table-cell!important;min-width:0!important;width:auto!important;padding:16px 20px!important;vertical-align:top!important;border:1px solid #d9e2e8!important;color:#303943!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;line-height:1.85!important;background:#fff!important} .jd-article-detail .jt-article-main table.jd-basic-table tr>th:first-child{width:26%!important;background:#eff5f8!important;font-weight:600!important} .jd-article-detail .jt-article-main table.jd-basic-table thead th{font-size:12px!important;font-weight:400!important;color:#647084!important;background:#f8fafb!important;padding:9px 20px!important} .jd-article-detail .jd-basic-table :is(p,ul,ol){font-size:inherit!important;line-height:inherit!important;margin:0 0 8px!important}.jd-article-detail .jd-basic-table :is(p,ul,ol):last-child{margin-bottom:0!important} .jd-article-detail .jd-basic-table a{color:#9f2d40!important;text-underline-offset:3px;overflow-wrap:anywhere} .jd-article-detail .jd-basic-actions{display:flex;gap:12px;align-items:stretch;margin:18px 0 0;padding:0} .jd-article-detail .jd-basic-action{flex:1;min-width:0;display:flex;flex-direction:column} .jd-article-detail .jd-basic-action-label{font-size:12px;color:#647084;line-height:1.6;margin-bottom:5px} .jd-article-detail .jd-basic-button{display:flex!important;align-items:center;justify-content:center;gap:10px;flex:1;min-height:48px;box-sizing:border-box;border:1px solid #c43d50!important;border-radius:3px!important;background:#fff!important;color:#b43146!important;padding:11px 16px!important;font-size:14px!important;font-weight:500;line-height:1.7!important;text-align:center;text-decoration:none!important;overflow-wrap:anywhere;box-shadow:none!important} .jd-article-detail .jd-basic-button::after{content:'↗';font-family:Arial,sans-serif;font-size:18px;line-height:1;flex:0 0 18px;width:18px;height:18px;position:static!important;transform:none!important;margin:0!important;background:none!important;color:inherit} .jd-article-detail .jd-basic-button:hover{background:#fff4f6!important}.jd-article-detail .jd-basic-button:focus-visible{outline:2px solid #c43d50;outline-offset:3px} .jd-article-detail .jt-article-main h2.jd-basic-heading{background:transparent!important;border:0!important;border-left:3px solid #c43d50!important;padding:0 0 0 14px!important;color:#303943!important;line-height:1.5;margin-bottom:24px!important} .jd-article-detail dl.jd-basic-definitions{display:grid;grid-template-columns:26% minmax(0,1fr);gap:0;padding:0!important;margin:24px 0 36px!important;border:1px solid #d9e2e8;background:#fff;font-size:15px;line-height:1.85} .jd-article-detail dl.jd-basic-definitions>div{display:contents}.jd-article-detail dl.jd-basic-definitions dt,.jd-article-detail dl.jd-basic-definitions dd{margin:0;padding:16px 20px;border-bottom:1px solid #d9e2e8;overflow-wrap:anywhere;min-width:0}.jd-article-detail dl.jd-basic-definitions dt{background:#eff5f8;font-weight:600}.jd-article-detail dl.jd-basic-definitions dd{background:#fff} @media(max-width:600px){ .jd-article-detail .jt-article-main table.jd-basic-table{font-size:14px!important} .jd-article-detail .jt-article-main table.jd-basic-table :is(th,td){padding:12px 10px!important;font-size:14px!important;line-height:1.8!important} .jd-article-detail .jt-article-main table.jd-basic-table tr>th:first-child{width:29%!important} .jd-article-detail .jt-article-main table.jd-basic-table thead th{padding:7px 10px!important;font-size:11px!important} .jd-article-detail .jd-basic-actions{flex-direction:column;gap:12px;margin-top:16px} .jd-article-detail .jd-basic-button{font-size:14px!important;padding:10px 14px!important;min-height:46px} .jd-article-detail dl.jd-basic-definitions{grid-template-columns:29% minmax(0,1fr);font-size:14px}.jd-article-detail dl.jd-basic-definitions dt,.jd-article-detail dl.jd-basic-definitions dd{padding:12px 10px} } .jd-article-detail .jt-article-main table.jd-basic-table tbody :is(th,td){font-size:inherit!important} .jd-article-detail .jt-article-main h2.jd-basic-heading{margin-left:0!important;margin-right:0!important} /* Approved article sections: highlights A, prices D, notes B, FAQ A, related E. */ .jd-article-detail .wp-block-post-content :is(.jd-section-highlights,.jd-section-prices,.jd-section-notes,.jd-section-faq){margin:44px 0;min-width:0;box-sizing:border-box} .jd-article-detail .jt-article-main :is(.jd-section-highlights,.jd-section-prices,.jd-section-notes,.jd-section-faq)>h2{background:none!important;border:0!important;border-left:3px solid #c33450!important;padding:0 0 0 14px!important;margin:0 0 28px!important;color:#303943;line-height:1.6} .jd-article-detail .jd-section-highlights{counter-reset:jd-highlight} .jd-article-detail .jt-article-main .jd-section-highlights>h3{counter-increment:jd-highlight;display:flex;gap:14px;align-items:baseline;background:none;border:0;padding:0;margin:36px 0 18px;font-size:22px;line-height:1.6} .jd-article-detail .jd-section-highlights>h3::before{content:counter(jd-highlight,decimal-leading-zero);color:#c33450;font:italic 24px Georgia,serif;flex:none} .jd-article-detail .jd-section-highlights figure{width:100%!important;max-width:100%!important;margin:20px 0!important;float:none!important} .jd-article-detail .jd-section-highlights img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain;border-radius:0} .jd-article-detail .jd-section-highlights p{line-height:1.95;margin:18px 0} .jd-article-detail .jd-section-highlights figcaption{font-size:12px;line-height:1.7;color:#657384;margin-top:8px} .jd-article-detail .jt-article-main .jd-section-prices{padding:26px;border:1px solid #cbdde6;background:#f1f7fa;border-radius:0;overflow-wrap:anywhere} .jd-article-detail .jt-article-main .jd-section-prices>h3{margin:0 0 20px;padding:0 0 0 12px;border:0;border-left:3px solid #c33450;background:none;font-size:21px;line-height:1.6} .jd-article-detail .jt-article-main .jd-section-prices :is(table,figure){max-width:100%;margin:16px 0;background:transparent} .jd-article-detail .jt-article-main .jd-price-table{display:table!important;table-layout:fixed!important;width:100%!important;min-width:0!important;border:0!important;border-collapse:collapse!important;background:transparent!important} .jd-article-detail .jt-article-main .jd-price-table :is(th,td){display:table-cell!important;white-space:normal!important;min-width:0!important;padding:16px 12px!important;border:0!important;border-bottom:1px solid #cbdde6!important;background:transparent!important;font-size:15px!important;text-align:left!important;vertical-align:top;line-height:1.85!important;overflow-wrap:anywhere} .jd-article-detail .jt-article-main .jd-price-table th{width:30%!important;font-weight:600}.jd-article-detail .jd-price-table td::before{display:none!important} /* Shared notes: intrinsic-height single column for short and long article content. */ .jd-article-detail .jt-article-main .jd-section-notes{padding:0;background:#fff;border:0;border-radius:0;overflow-wrap:anywhere} .jd-article-detail .jt-article-main .jd-section-notes>h2{margin:0 0 4px!important;padding:16px 20px!important;border:0!important;background:#edf6fa!important;font-size:23px!important;line-height:1.6!important;color:#303943} .jd-article-detail .jd-notes-grid{display:block!important;list-style:none!important;margin:0!important;padding:0!important} .jd-article-detail .jd-note-item{min-width:0;list-style:none!important;padding:20px 0!important;margin:0!important;border-bottom:1px solid #d6e3eb;font-size:15px;line-height:1.9;overflow-wrap:anywhere} .jd-article-detail .jd-note-item:last-child{border-bottom:0;padding-bottom:0!important} .jd-article-detail .jd-note-item>strong:first-child{display:block;margin:0 0 6px;line-height:1.6;color:#303943;font-size:17px} .jd-article-detail .jd-note-item::before{content:none!important;display:none!important} .jd-article-detail .jd-note-item p{margin:10px 0!important} .jd-article-detail .jd-note-item :is(ul,ol){padding-left:22px!important;margin:12px 0!important} .jd-article-detail .jt-article-main .jd-faq-item{border:0!important;border-top:1px solid #d6e3eb!important;border-radius:0!important;background:none!important;padding:0!important;margin:0!important;box-shadow:none} .jd-article-detail .jt-article-main .jd-faq-item:last-child{border-bottom:1px solid #d6e3eb!important} .jd-article-detail .jt-article-main .jd-faq-item>summary{display:flex;align-items:baseline;gap:14px;list-style:none!important;cursor:pointer;position:relative;padding:22px 36px 22px 0!important;background:none!important;color:#303943!important;min-height:44px;box-sizing:border-box} .jd-article-detail .jd-faq-item>summary::-webkit-details-marker{display:none} .jd-article-detail .jd-faq-item>summary::before{content:'Q';font:22px Georgia,serif;color:#c33450;flex:none} .jd-article-detail .jd-faq-item>summary::after{content:'+';position:absolute;right:4px;top:22px;font:24px Arial,sans-serif;color:#c33450;width:24px;height:24px;text-align:center;background:none!important;transform:none!important} .jd-article-detail .jd-faq-item[open]>summary::after{content:'−'} .jd-article-detail .jt-article-main .jd-faq-item>summary :is(h3,h4,h5,strong,b,p,span){font-family:inherit;font-size:17px;line-height:1.8;font-weight:600;margin:0!important;padding:0!important;background:none!important;border:0!important;color:inherit!important} .jd-article-detail .jd-faq-answer{padding:0 34px 22px;line-height:1.95;overflow-wrap:anywhere} .jd-article-detail .jd-faq-answer>:first-child{margin-top:0}.jd-article-detail .jd-faq-answer>:last-child{margin-bottom:0} .jd-article-detail .jd-faq-item summary:focus-visible{outline:2px solid #c33450;outline-offset:3px} .jd-article-detail .jd-related-editorial{margin:52px 0;padding:30px 0;border-top:1px solid #d6e3eb} .jd-article-detail .jd-related-editorial>h2{font-size:24px;margin:0 0 26px;padding:0 0 0 14px;border-left:3px solid #c33450;line-height:1.6} .jd-article-detail .jd-related-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px} .jd-article-detail .jd-related-group{min-width:0}.jd-article-detail .jd-related-group>h3{font-size:17px;line-height:1.7;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #d6e3eb} .jd-article-detail .jd-related-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .jd-article-detail .jd-related-cards .jd-card-item{min-width:0;border:0;background:none} .jd-article-detail .jd-related-cards .jd-article-card{display:block!important;border:0!important;background:none!important;box-shadow:none!important;text-decoration:none;color:inherit} .jd-article-detail .jd-related-cards .jd-card-photo{display:block!important;width:100%!important;aspect-ratio:3/2!important;height:auto!important;object-fit:cover!important;border-radius:0} .jd-article-detail .jd-related-cards .jd-card-copy{padding:12px 0!important;background:none!important;display:block!important} .jd-article-detail .jd-related-cards .jd-card-meta{display:flex!important;flex-wrap:wrap;gap:5px!important;align-items:center!important;margin-bottom:8px!important} .jd-article-detail .jd-related-cards .jd-card-location{font-size:11px!important;line-height:1.6}.jd-article-detail .jd-related-cards .jd-card-date{font-size:10px!important;color:#657384} .jd-article-detail .jd-related-cards .jd-card-title{display:block!important;font-size:14px!important;line-height:1.8!important;margin:0 0 7px!important;overflow:visible!important;-webkit-line-clamp:unset!important;font-weight:600!important;color:#303943;overflow-wrap:anywhere} .jd-article-detail .jd-card-category{display:block;font-size:11px;color:#657384;line-height:1.6} .jd-article-detail .jd-related-cards .jd-save-article{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;top:6px!important;right:6px!important;padding:6px!important}.jd-article-detail .jd-related-cards .jd-save-article svg{width:18px;height:18px} @media(max-width:760px){ .jd-article-detail .jd-note-item{padding:16px 0!important;font-size:14px} .jd-article-detail .jt-article-main .jd-section-notes>h2{font-size:20px!important;padding-bottom:14px!important} .jd-article-detail .jd-note-item>strong:first-child{font-size:16px} .jd-article-detail .jt-article-main :is(.jd-section-prices,.jd-section-notes){padding:20px 16px} .jd-article-detail .jt-article-main .jd-price-table :is(th,td){padding:12px 8px!important;font-size:14px!important} .jd-article-detail .jt-article-main .jd-section-highlights>h3{font-size:19px;gap:10px}.jd-article-detail .jd-section-highlights>h3::before{font-size:21px} .jd-article-detail .jd-related-groups{grid-template-columns:1fr;gap:28px}.jd-article-detail .jd-related-cards{gap:14px} .jd-article-detail .jd-faq-answer{padding:0 0 20px 28px}.jd-article-detail .jt-article-main .jd-faq-item>summary :is(h3,h4,h5,strong,b,p,span){font-size:15px} } @media print{.jd-article-detail .jd-faq-item>.jd-faq-answer{display:block!important}.jd-article-detail .jd-related-editorial{break-before:auto}} /* Google Maps action A: shared across individual and roundup information blocks. */ .jd-article-detail .jt-article-main .wp-block-post-content a.jd-google-maps-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;box-sizing:border-box!important;max-width:100%!important;min-height:44px!important;padding:10px 14px!important;border:1px solid #bdc1c6!important;border-radius:4px!important;background:#fff!important;color:#30343b!important;font-size:14px!important;font-weight:600!important;line-height:1.5!important;text-decoration:none!important;box-shadow:none!important;vertical-align:middle} .jd-article-detail .jt-article-main .wp-block-post-content a.jd-google-maps-button::before{content:''!important;display:block!important;position:static!important;flex:0 0 19px!important;width:19px!important;height:25px!important;background:url('google-maps-pin.svg') center/contain no-repeat!important;mask:none!important;-webkit-mask:none!important} .jd-article-detail .jt-article-main .wp-block-post-content a.jd-google-maps-button::after{content:'↗'!important;position:static!important;display:block!important;flex:0 0 auto!important;margin:0!important;color:#68727d!important;font-size:19px!important;line-height:1!important} .jd-article-detail .jt-article-main .wp-block-post-content a.jd-google-maps-button:hover{background:#f8f9fa!important;border-color:#8c9299!important} .jd-article-detail .jt-article-main .wp-block-post-content a.jd-google-maps-button:focus-visible{outline:2px solid #1a73e8;outline-offset:3px} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-roundup-info td a.jd-google-maps-button{color:#30343b!important} .jd-article-detail .jt-article-main .jd-section-notes{padding:0!important}.jd-article-detail .jd-note-item>strong:first-child{border-left:3px solid #c23853;padding-left:12px} /* roundup.css */ /* Approved roundup body. Shared roundup layout; shared sidebar/header components are untouched. */ .jd-roundup-article .wp-block-post-content { color:#29323a; } .jd-roundup-article .wp-block-post-content > h2 { margin-top:52px; margin-bottom:24px; scroll-margin-top:110px; } .jd-roundup-spot { margin:28px 0 56px; padding-bottom:40px; border-bottom:1px solid #dce2e6; min-width:0; } .jd-roundup-spot > figure:not(.wp-block-table) { margin:0 0 24px; } .jd-roundup-spot > figure:not(.wp-block-table) img { display:block; width:100%; height:auto; border-radius:0; } .jd-roundup-spot figcaption { font-size:12px; line-height:1.65; color:#667581; text-align:right; margin-top:8px; } .jd-roundup-spot > .jd-roundup-paragraph { font-size:17px; line-height:1.95; margin:20px 0; } .jd-roundup-spot .jd-roundup-information { background:#f3f5f6; padding:18px 22px; margin:24px 0 0; border:0; overflow:visible; } .jd-roundup-article table.jd-roundup-info { width:100%; table-layout:fixed; border:0; border-collapse:collapse; background:transparent; font-size:15px; line-height:1.9; } .jd-roundup-article table.jd-roundup-info th,.jd-roundup-article table.jd-roundup-info td { border:0; border-bottom:1px dotted #c1cbd2; background:transparent; color:#29323a; padding:15px 12px; vertical-align:top; overflow-wrap:anywhere; } .jd-roundup-article table.jd-roundup-info th:first-child,.jd-roundup-article table.jd-roundup-info td:first-child { width:27%; font-weight:600; padding-left:0; } .jd-roundup-article table.jd-roundup-info thead th { font-size:17px; border-bottom:1px solid #c1cbd2; } .jd-roundup-article table.jd-roundup-info tr:last-child td { border-bottom:0; } .jd-roundup-article table.jd-roundup-info td a { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:44px; padding:10px 18px; background:#bf3d54; color:#fff; text-decoration:none; line-height:1.6; border:1px solid #bf3d54; } .jd-roundup-article table.jd-roundup-info td a:after { content:'›'; font-size:20px; line-height:1; flex-shrink:0; } .jd-roundup-article table.jd-roundup-info td a:hover { background:#a52e44; } .jd-roundup-article table.jd-roundup-info td a:focus-visible,.jd-roundup-regions a:focus-visible { outline:3px solid #257b9c; outline-offset:3px; } .jd-roundup-article table.jd-roundup-timing { width:100%; border-collapse:collapse; font-size:15px; line-height:1.8; } .jd-roundup-article table.jd-roundup-timing th,.jd-roundup-article table.jd-roundup-timing td { padding:14px; border:1px solid #d5e2e9; vertical-align:top; } .jd-roundup-article table.jd-roundup-timing th,.jd-roundup-article table.jd-roundup-timing td:first-child { background:#eaf4fa; color:#29323a; } .jd-roundup-regions { margin:24px 0 48px; } .jd-roundup-regions > section { display:grid; grid-template-columns:140px minmax(0,1fr); border-bottom:1px solid #d5e2e9; } .jd-roundup-regions > section > h3 { grid-column:1; grid-row:1 / span 6; font-size:16px; line-height:1.7; margin:0; padding:18px 14px; background:#eaf4fa; } .jd-roundup-regions > section > ul,.jd-roundup-regions > section > p { grid-column:2; margin:0; padding:12px 18px; } .jd-roundup-regions ul { list-style:none; display:flex; flex-wrap:wrap; gap:8px 18px; } .jd-roundup-regions li { margin:0; } .jd-roundup-regions a { display:inline-block; padding:7px 0; color:#29323a; text-underline-offset:4px; font-size:15px; line-height:1.65; } .jd-roundup-regions a:hover { color:#bf3d54; } @media(max-width:600px) { .jd-roundup-article .wp-block-post-content > h2 { margin-top:36px; margin-bottom:18px; } .jd-roundup-spot { margin:22px 0 36px; padding-bottom:28px; } .jd-roundup-spot > .jd-roundup-paragraph { font-size:16px; line-height:1.95; } .jd-roundup-spot .jd-roundup-information { padding:12px 14px; } .jd-roundup-article table.jd-roundup-info { font-size:15px; } .jd-roundup-article table.jd-roundup-info th,.jd-roundup-article table.jd-roundup-info td { padding:12px 0; } .jd-roundup-article table.jd-roundup-info th:first-child,.jd-roundup-article table.jd-roundup-info td:first-child { width:30%; padding-right:12px; } .jd-roundup-article table.jd-roundup-info td a { padding:10px 12px; width:100%; box-sizing:border-box; } .jd-roundup-article table.jd-roundup-timing.jd-roundup-wide { min-width:520px; } .jd-roundup-article .jd-readable-table:has(.jd-roundup-timing) { overflow-x:auto; } .jd-roundup-regions > section { grid-template-columns:96px minmax(0,1fr); } .jd-roundup-regions > section > h3 { padding:14px 10px; font-size:15px; } .jd-roundup-regions > section > ul,.jd-roundup-regions > section > p { padding:10px 12px; } .jd-roundup-regions ul { display:block; } .jd-roundup-regions a { padding:9px 0; } } /* Resolve legacy article defaults within this component, without affecting shared articles. */ .jd-article-detail.jd-roundup-article .jt-article-main .jd-roundup-spot > figure:not(.wp-block-table) {margin:0 0 24px!important;padding:0!important;width:100%!important;max-width:100%!important} .jd-article-detail.jd-roundup-article .jt-article-main .jd-roundup-spot .jd-roundup-information {background:#f3f5f6!important;padding:18px 22px!important;border:0!important;overflow:visible!important} .jd-article-detail.jd-roundup-article .jt-article-main .jd-roundup-info {min-width:0!important;width:100%!important} .jd-article-detail.jd-roundup-article .jt-article-main .jd-roundup-timing th,.jd-article-detail.jd-roundup-article .jt-article-main .jd-roundup-timing td:first-child {background:#eaf4fa!important} .jd-article-detail.jd-roundup-article .jd-roundup-regions > section > div {grid-column:2;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important;padding:14px} .jd-article-detail.jd-roundup-article .jd-roundup-regions > section > h3 {margin:0;padding:18px 14px;font-size:16px;border:0} .jd-article-detail.jd-roundup-article .jd-roundup-regions > section > h3 span {color:#29323a!important} .jd-article-detail.jd-roundup-article .jd-roundup-regions > section > div > a {display:flex!important;align-items:center;gap:10px;border:0!important;border-radius:0!important;background:transparent!important;padding:4px 0} .jd-article-detail.jd-roundup-article .jd-roundup-regions picture {width:72px;flex:0 0 72px} .jd-article-detail.jd-roundup-article .jd-roundup-regions img {width:72px!important;height:54px!important;object-fit:cover} .jd-article-detail.jd-roundup-article .jd-roundup-regions a span {padding:0!important;font-size:14px!important;line-height:1.7;color:#29323a!important;font-weight:500!important} @media(max-width:600px){ .jd-article-detail.jd-roundup-article .jt-article-main .jd-roundup-spot .wp-block-table{padding:12px 14px!important} .jd-article-detail.jd-roundup-article .jd-roundup-regions > section > div{grid-template-columns:1fr!important;padding:10px} .jd-article-detail.jd-roundup-article .jd-roundup-regions > section > h3{padding:14px 10px;font-size:15px} .jd-article-detail.jd-roundup-article .jd-roundup-regions picture{width:54px;flex-basis:54px} .jd-article-detail.jd-roundup-article .jd-roundup-regions img{width:54px!important;height:44px!important} } .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-roundup-info td a {color:#fff!important;text-decoration:none!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-roundup-info :is(th,td) {vertical-align:top!important;padding:15px 12px!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-roundup-info thead th {border-bottom:1px solid #c1cbd2!important} @media(max-width:600px){.jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-roundup-info :is(th,td){padding:12px 6px!important}} /* Region disclosures: native tap/keyboard controls, compact two-column mobile links. */ .jd-article-detail.jd-roundup-article .jd-region-disclosure{border-bottom:1px solid #d5e2e9;margin:0} .jd-article-detail.jd-roundup-article .jd-region-disclosure > summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:12px 14px;cursor:pointer;background:#eef6fa} .jd-region-disclosure > summary::-webkit-details-marker{display:none} .jd-region-disclosure > summary:after{content:'+';font-size:20px;line-height:1;color:#bf3d54} .jd-region-disclosure[open] > summary:after{content:'−'} .jd-article-detail.jd-roundup-article .jt-article-main .jd-region-disclosure > summary h3{font-size:16px;margin:0;padding:0;border:0;line-height:1.6} .jd-region-disclosure > summary h3 span{color:#29323a!important} .jd-article-detail.jd-roundup-article .jd-region-disclosure > div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 14px!important;padding:14px;margin:0!important} .jd-article-detail.jd-roundup-article .jd-region-disclosure > div > a{display:flex!important;align-items:center;gap:10px;border:0!important;border-radius:0!important;padding:6px 0;background:transparent!important;min-width:0} .jd-region-disclosure > summary:focus-visible{outline:3px solid #257b9c;outline-offset:2px} @media(max-width:600px){ .jd-article-detail.jd-roundup-article .jd-roundup-regions{margin:18px 0 30px} .jd-article-detail.jd-roundup-article .jd-region-disclosure > div{gap:6px 12px!important;padding:10px 12px} .jd-article-detail.jd-roundup-article .jd-region-disclosure picture{display:block;width:100%;flex:0 0 auto} .jd-article-detail.jd-roundup-article .jd-region-disclosure picture img{display:block;width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover} .jd-article-detail.jd-roundup-article .jd-region-disclosure > div > a{flex-direction:column;align-items:stretch;gap:8px;min-height:44px;line-height:1.65;padding:0 0 12px;border-bottom:0!important} .jd-article-detail.jd-roundup-article .jd-region-disclosure a span{font-size:14px!important} } /* Semantic roundup components; independent of the source article's inline widths. */ .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-spot > figure:not(.wp-block-table) img{width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain} .jd-article-detail.jd-roundup-article .jt-article-main table.jd-roundup-timing{border-collapse:collapse!important;table-layout:auto!important;width:100%!important} .jd-article-detail.jd-roundup-article .jt-article-main table.jd-roundup-timing :is(th,td){padding:14px!important;border:1px solid #d5e2e9!important;vertical-align:top!important;color:#29323a!important} .jd-article-detail.jd-roundup-article .jt-article-main .jd-roundup-links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0!important} .jd-article-detail.jd-roundup-article .jt-article-main .jd-roundup-links .jd-detail-article-link{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;width:auto;max-width:100%;min-height:44px;padding:12px 18px!important;background:#bf3d54!important;color:#fff!important;border:1px solid #bf3d54!important;border-radius:0!important;text-decoration:none!important;box-shadow:none!important} .jd-article-detail.jd-roundup-article .jt-article-main .jd-roundup-links .jd-detail-article-link :is(span,svg){color:inherit!important} .jd-article-detail.jd-roundup-article .jt-article-main .jd-roundup-links .jd-detail-article-link svg{width:20px!important;height:20px!important;flex:0 0 20px;position:static!important} .jd-article-detail.jd-roundup-article .jt-article-main .jd-roundup-links .jd-detail-article-link:hover{background:#a52e44!important} @media(max-width:600px){ .jd-article-detail.jd-roundup-article .jt-article-main table.jd-roundup-timing:not(.jd-roundup-wide){min-width:0!important} .jd-article-detail.jd-roundup-article .jt-article-main table.jd-roundup-timing :is(th,td){padding:10px!important;font-size:14px!important} .jd-article-detail.jd-roundup-article .jt-article-main .jd-roundup-links .jd-detail-article-link{width:100%} } /* Approved D: linked article's actual featured image, shared banner component. */ .jd-article-detail .jt-article-main .wp-block-post-content .jd-detail-link-row{width:100%;max-width:100%;box-sizing:border-box} .jd-article-detail .jt-article-main .wp-block-post-content .jd-detail-link-row .jd-detail-article-link.jd-detail-banner{position:relative!important;isolation:isolate;overflow:hidden;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px;width:100%!important;min-height:200px;padding:30px 32px!important;border:0!important;border-radius:0!important;background:#263139!important;color:#fff!important;box-sizing:border-box;text-decoration:none!important} .jd-article-detail .jt-article-main .wp-block-post-content .jd-detail-banner .jd-detail-banner-image{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;object-fit:cover!important;object-position:center!important;margin:0!important;z-index:-2;border-radius:0!important} .jd-article-detail .jt-article-main .wp-block-post-content .jd-detail-banner:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.4) 65%,rgba(0,0,0,.3))} .jd-article-detail .jt-article-main .wp-block-post-content .jd-detail-banner .jd-detail-link-copy{display:flex;flex:1 1 0;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;margin:0!important;text-align:left!important;color:#fff!important} .jd-article-detail .jt-article-main .wp-block-post-content .jd-detail-banner .jd-detail-link-label{font-size:14px!important;font-weight:400;color:#fff!important;line-height:1.6} .jd-article-detail .jt-article-main .wp-block-post-content .jd-detail-banner .jd-detail-link-title{font-size:24px!important;font-weight:700;color:#fff!important;line-height:1.5} .jd-article-detail .jt-article-main .wp-block-post-content .jd-detail-banner svg{position:static!important;flex:0 0 24px!important;width:24px!important;height:24px!important;color:#fff!important;stroke:currentColor;fill:none} .jd-detail-banner:focus-visible{outline:3px solid #bf3d54;outline-offset:4px} @media(max-width:600px){ .jd-article-detail .jt-article-main .wp-block-post-content .jd-detail-link-row .jd-detail-article-link.jd-detail-banner{min-height:160px;padding:22px 20px!important;gap:16px} .jd-article-detail .jt-article-main .wp-block-post-content .jd-detail-banner .jd-detail-link-title{font-size:20px!important} .jd-article-detail .jt-article-main .wp-block-post-content .jd-detail-banner .jd-detail-link-label{font-size:12px!important} } /* Image optimizers may wrap the thumbnail in picture: keep that wrapper out of flex layout. */ .jd-article-detail .jt-article-main .wp-block-post-content .jd-detail-banner > picture{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;z-index:-2;pointer-events:none} /* Shared Instagram loading fallback. Original photos and embeds are retained. */ .jd-roundup-spot .jd-embed-photo-fallback{width:100%;max-width:480px;margin:24px auto!important;padding:0!important} .jd-roundup-spot .jd-embed-photo-fallback[hidden]{display:none!important} .jd-roundup-spot .jd-embed-photo-fallback img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:0} @media(max-width:600px){ .jd-article-detail.jd-roundup-article .jt-article-main .jd-roundup-spot .jd-roundup-information:has(.jd-info-stacked){padding:18px 20px!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-info-stacked, .jd-article-detail.jd-roundup-article .jt-article-main table.jd-info-stacked :is(thead,tbody,tfoot){display:block!important;width:100%!important} .jd-article-detail.jd-roundup-article .jt-article-main table.jd-info-stacked tr{display:block!important;border-bottom:1px solid #d7dfe3;padding:16px 0} .jd-article-detail.jd-roundup-article .jt-article-main table.jd-info-stacked tr:last-child{border-bottom:0} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-info-stacked tr>:is(th,td){display:block!important;width:100%!important;box-sizing:border-box;padding:0!important;border:0!important;line-height:1.85!important;text-align:left!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-info-stacked tr>:first-child{font-weight:700;color:#315b70;margin-bottom:6px} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-info-stacked tr>:last-child{font-weight:400} .jd-roundup-spot .jd-embed-photo-fallback{max-width:100%} } @media(max-width:600px){.jd-article-detail.jd-roundup-article .jt-article-main table.jd-info-stacked tr.jd-info-column-head{display:flex!important;gap:12px;padding:0 0 12px}.jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-info-stacked tr.jd-info-column-head>:is(th,td){width:auto!important;font-size:12px;font-weight:600;margin:0;color:#657384}} /* Unified authored article navigation; no source links are discarded. */ .jd-roundup-article .jd-authored-related{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none!important;padding:0!important;margin:24px 0 40px!important} .jd-roundup-article .jd-authored-related li{margin:0!important;min-width:0} .jd-roundup-article .jd-authored-related .jd-detail-article-link{height:100%;min-height:140px;box-sizing:border-box} .jd-roundup-article .jd-roundup-link-card{position:relative;display:flex!important;align-items:center!important;justify-content:space-between;gap:16px;width:100%;box-sizing:border-box;padding:22px!important;margin:12px 0;min-height:80px;color:#fff!important;text-decoration:none!important} .jd-roundup-article .jd-roundup-link-card:after{content:'→'!important;position:relative;z-index:2;flex:none;font-size:21px!important;line-height:1!important} .jd-roundup-article .jd-roundup-link-card .jd-detail-link-copy{position:relative;z-index:2;min-width:0;text-align:left!important;font-size:16px;line-height:1.7} .jd-roundup-article .jd-roundup-link-card.jd-detail-banner{min-height:160px!important;background:#263b44!important} .jd-roundup-article .jd-roundup-links>.jd-roundup-link-card{margin-top:16px} @media(max-width:600px){ .jd-roundup-article .jd-authored-related{gap:12px} .jd-roundup-article .jd-authored-related .jd-roundup-link-card{min-height:160px!important;padding:14px!important;gap:8px} .jd-roundup-article .jd-authored-related .jd-detail-link-copy{font-size:14px} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-comparison-cards{display:block;min-width:0!important;width:100%!important;border:0!important} .jd-roundup-article table.jd-comparison-cards :is(thead,tbody){display:block} .jd-roundup-article table.jd-comparison-cards tr.jd-comparison-head{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)} .jd-roundup-article table.jd-comparison-cards tr:not(.jd-comparison-head){display:block;margin-bottom:16px;border:1px solid #d5e2e9;background:#fff} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-comparison-cards tr:not(.jd-comparison-head)>:is(th,td){display:block;width:100%!important;box-sizing:border-box;padding:12px 16px!important;border:0!important;line-height:1.8!important} .jd-roundup-article table.jd-comparison-cards tr:not(.jd-comparison-head)>:first-child{font-weight:700;background:#eaf4fa!important} .jd-roundup-article table.jd-comparison-cards tr:not(.jd-comparison-head)>:not(:first-child)::before{content:attr(data-jd-label);display:block;font-size:12px;font-weight:600;color:#657384;margin-bottom:4px} } .jd-roundup-article .jd-roundup-link-card{isolation:isolate;overflow:hidden;background:#315b70;border:0!important;border-radius:0!important}.jd-roundup-article .jd-authored-related .jd-roundup-link-card{margin:0} /* Article buttons remain compact inside information tables; artwork sits below. */ .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-roundup-info td a.jd-info-article-button{display:inline-flex!important;width:auto!important;max-width:100%;min-height:40px!important;margin:4px 8px 4px 0!important;padding:8px 12px!important;font-size:14px!important;line-height:1.6!important;background:#315b70!important;border:0!important;color:#fff!important;gap:8px!important;white-space:normal} .jd-info-article-button:after{display:none!important} .jd-below-info-banners{display:grid;gap:14px;margin:20px 0 28px;clear:both} .jd-article-detail.jd-roundup-article .jt-article-main .jd-below-info-banners>.jd-roundup-link-card{margin:0!important;min-height:160px!important;padding:24px 28px!important;width:100%!important;box-sizing:border-box} .jd-below-info-banners .jd-detail-link-copy{font-size:19px!important;font-weight:600;line-height:1.6!important} @media(max-width:600px){.jd-below-info-banners{margin:18px 0 24px;gap:12px}.jd-article-detail.jd-roundup-article .jt-article-main .jd-below-info-banners>.jd-roundup-link-card{min-height:140px!important;padding:20px!important}.jd-below-info-banners .jd-detail-link-copy{font-size:17px!important}} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-below-info-banners>.jd-roundup-link-card::after{color:#fff!important;opacity:1!important;font-size:22px!important;align-self:center} /* One centered article destination below each information table. */ .jd-below-info-label{font-size:13px;color:#657384;text-align:center;margin:0} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content :is(.jd-detail-link-row,.jd-below-info-banners) .jd-detail-article-link{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:16px!important;min-height:200px!important;width:100%!important;padding:28px!important;text-align:center!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content :is(.jd-detail-link-row,.jd-below-info-banners) .jd-detail-link-copy{flex:0 1 auto!important;align-items:center!important;text-align:center!important;font-size:22px!important;line-height:1.6!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content :is(.jd-detail-link-row,.jd-below-info-banners) .jd-detail-article-link>svg{display:none!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content :is(.jd-detail-link-row,.jd-below-info-banners) .jd-detail-article-link::after{content:'อ่านบทความฉบับเต็ม →'!important;position:relative!important;display:block!important;align-self:center!important;flex:none!important;font-size:14px!important;font-weight:500!important;line-height:1.5!important;padding:8px 16px;border:1px solid #ffffffb3;color:#fff!important;z-index:2} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content :is(.jd-detail-link-row,.jd-below-info-banners) .jd-detail-banner:before{background:rgba(0,0,0,.5)!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-spot>figure.jd-embed-photo-fallback{width:100%!important;max-width:600px!important;aspect-ratio:3/2;background:#f3f6f7;margin:24px auto!important;overflow:hidden} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-spot>figure.jd-embed-photo-fallback :is(picture,img){display:block!important;width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;position:static!important;margin:0!important} @media(max-width:600px){ .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content :is(.jd-detail-link-row,.jd-below-info-banners) .jd-detail-article-link{min-height:180px!important;padding:24px 20px!important;gap:12px!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content :is(.jd-detail-link-row,.jd-below-info-banners) .jd-detail-link-copy{font-size:18px!important} } /* Authored spot photos: explicit ratio also reserves the correct lazy-load space. */ .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-spot figure.jd-roundup-media{width:100%!important;max-width:720px!important;margin:24px auto!important;padding:0!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-spot figure.jd-roundup-media img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:3 / 2!important;object-fit:contain!important;object-position:center!important;background:#f3f6f7;margin:0!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-spot figure.jd-roundup-media figcaption{height:auto!important;margin:8px 0 0!important;font-size:12px;line-height:1.6} /* References are quiet text links, never spot-detail banners. */ .jd-roundup-sources{margin:40px 0 24px;padding-top:24px;border-top:1px solid #d7dfe3} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-sources h2{font-size:18px;margin:0 0 16px;padding:0;border:0;background:none} .jd-roundup-sources .jd-reference-list{padding-left:24px;margin:0;font-size:13px;line-height:1.8;color:#53616b;overflow-wrap:anywhere} .jd-roundup-sources .jd-reference-list li{margin:8px 0;scroll-margin-top:140px} .jd-article-detail .jt-article-main .wp-block-post-content .jd-roundup-sources a{display:inline!important;background:none!important;color:#315b70!important;font:inherit!important;padding:0!important;min-height:0!important;border:0!important;text-decoration:underline!important} sup[data-jd-added-ui]{font-size:11px;margin-left:3px} /* Native shared disclosure: collapsed initially, accessible without JavaScript. */ .jd-roundup-sources{padding-top:0!important;border:1px solid #d7dfe3!important;scroll-margin-top:140px} .jd-sources-disclosure>summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;padding:18px 20px;background:#f4f8fa;font-size:15px;line-height:1.7;color:#334b5a} .jd-sources-disclosure>summary::-webkit-details-marker{display:none} .jd-sources-disclosure>summary::after{content:'+';flex:none;font-size:22px;line-height:1;width:22px;text-align:center} .jd-sources-disclosure[open]>summary::after{content:'−'} .jd-sources-label{flex:1;font-weight:600}.jd-sources-count{font-size:12px;white-space:nowrap;color:#657784} .jd-sources-disclosure>summary:focus-visible{outline:2px solid #315b70;outline-offset:3px} .jd-article-detail .jt-article-main .wp-block-post-content .jd-sources-hint{font-size:12px!important;color:#657784;margin:16px 20px 8px!important;line-height:1.7!important} .jd-roundup-sources .jd-reference-list{margin:0 20px 20px!important;padding-left:22px} .jd-source-domain{font-size:11px;color:#657784;font-weight:400;overflow-wrap:anywhere} @media(max-width:600px){.jd-sources-disclosure>summary{padding:14px 16px;gap:8px;font-size:14px}.jd-sources-label{max-width:calc(100% - 72px)}.jd-roundup-sources .jd-reference-list{margin:0 16px 16px!important}} /* Shared heading C: a short accent aligned with the first text line, including wrapped Thai. */ /* Shared body heading contract: all article H2/H3 use level hooks, never inferred spot/group classes. */ .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-heading{position:relative!important;display:block;box-sizing:border-box;max-width:100%;min-width:0;background:none!important;border:0!important;padding:0 0 0 18px!important;color:#252d34!important;font-weight:600!important;line-height:1.6!important;letter-spacing:normal!important;text-align:left!important;scroll-margin-top:110px} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-heading--h2{font-size:24px!important;margin:52px 0 24px!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-heading--h3{font-size:22px!important;margin:32px 0 20px!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-spot>.jd-roundup-heading{margin-top:0!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-heading :is(span,strong,b,em){color:inherit!important;font-size:inherit!important;font-weight:inherit!important;background:none!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-heading::before{content:"";position:absolute;left:0;top:.28em;width:3px;height:1em;background:#bf3d54;border:0;transform:none} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-heading::after{content:none} @media(max-width:600px){ .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-heading{padding-left:15px!important;scroll-margin-top:90px} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-heading--h2{font-size:21px!important;margin:36px 0 20px!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-heading--h3{font-size:20px!important;margin:26px 0 18px!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-spot>.jd-roundup-heading{margin-top:0!important} } /* One shared Google Maps viewer; facility actions use their information table. */ .jd-roundup-map{margin:44px 0;scroll-margin-top:110px;min-width:0} .jd-roundup-map>p{font-size:14px;line-height:1.8;color:#60717c;margin:0 0 18px} .jd-roundup-map>label{display:block;font-size:13px;margin:0 0 8px} .jd-roundup-map>select{display:block;width:100%;max-width:100%;box-sizing:border-box;min-height:48px;border:1px solid #cbd4da;border-radius:4px;background:#fff;color:#29323a;font:inherit;font-size:15px;padding:10px 36px 10px 12px;margin:0 0 16px} .jd-roundup-map>iframe{display:block;width:100%;height:360px;max-width:100%;border:1px solid #dce2e6;box-sizing:border-box;background:#f2f5f6} .jd-roundup-map .jd-roundup-map-note{margin:10px 0;font-size:12px;min-height:1.7em} .jd-roundup-map-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin:18px 0} .jd-roundup-map-links>a:not(.jd-google-maps-button){font-size:14px;color:#29323a;text-underline-offset:4px} .jd-roundup-map-location-note{display:block;margin-top:10px;font-size:12px;color:#60717c;line-height:1.7} @media(max-width:600px){.jd-roundup-map{margin:32px 0}.jd-roundup-map>iframe{height:280px}.jd-roundup-map>select{font-size:14px}.jd-roundup-map-links{gap:12px}} /* Heading levels: H2 keeps its accent; H3 has balanced rules and padding. */ .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-heading--h3{padding:14px 0!important;border-top:1px solid #d6e1e7!important;border-bottom:1px solid #d6e1e7!important;font-size:21px!important;font-weight:600!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-heading--h3::before{content:none!important} @media(max-width:600px){.jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-heading--h3{font-size:18px!important;padding:12px 0!important}} /* Shared compact comparison. All original table cells remain in the DOM. */ .jd-roundup-article table.jd-compact-comparison tr[hidden]{display:none!important} .jd-roundup-article .jd-comparison-row-action{display:none!important} .jd-roundup-article .jd-comparison-expand{display:block;width:100%;margin:16px 0 32px;padding:13px 18px;border:1px solid #c7d6df;background:#fff;color:#303943;font:inherit;font-size:14px;line-height:1.6;cursor:pointer} .jd-roundup-article .jd-comparison-expand:hover{background:#f0f6f9;border-color:#bf3d54} .jd-roundup-article table.jd-compact-comparison{scroll-margin-top:120px} @media(max-width:600px){ .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-compact-comparison .jd-compact-comparison-row{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin:0 0 12px} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-compact-comparison .jd-compact-comparison-row[hidden]{display:none!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-compact-comparison .jd-comparison-detail{display:none!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-compact-comparison .is-comparison-detail-open>.jd-comparison-detail{display:block!important;grid-column:1/-1;border-top:1px solid #e4ecf1!important} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-compact-comparison .jd-comparison-primary{font-size:14px} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-compact-comparison .jd-comparison-row-action{display:block!important;grid-column:1/-1;text-align:right;padding:8px 12px!important;border-top:1px solid #e4ecf1!important} .jd-roundup-article .jd-comparison-row-action button{border:0;border-bottom:1px solid #b6c9d3;background:none;color:#344b59;font:inherit;font-size:12px;cursor:pointer;padding:3px 0} } @media print{ .jd-roundup-article .jd-comparison-expand,.jd-roundup-article .jd-comparison-row-action{display:none!important} .jd-roundup-article table.jd-compact-comparison tr[hidden]{display:table-row!important} } @media print{.jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content table.jd-compact-comparison .jd-comparison-detail{display:table-cell!important}} /* Related roundups use the same artwork cards; the area directory stays separate. */ .jd-roundup-article .jd-authored-related .jd-related-directory{grid-column:1/-1;padding-top:16px!important;border-top:1px solid #dce2e6} .jd-roundup-article .jd-authored-related .jd-related-directory a{font-size:14px;text-underline-offset:4px} /* Facility names and their map buttons never share an unstructured text run. */ .jd-roundup-article .jd-map-location{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0} .jd-roundup-article .jd-map-location+.jd-map-location{border-top:1px dotted #c1cbd2} .jd-roundup-article .jd-map-location-label{min-width:0;line-height:1.8} .jd-roundup-article .jd-map-source-separator{display:none!important} .jd-roundup-article .jd-info-location-line+.jd-info-location-line{margin-top:12px;padding-top:12px;border-top:1px dotted #c1cbd2} @media(max-width:600px){.jd-roundup-article .jd-map-location{grid-template-columns:1fr;gap:8px}.jd-roundup-article .jd-map-location .jd-google-maps-button{justify-self:start;width:auto!important}} .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-authored-related .jd-roundup-link-card{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box} /* A representative point is named explicitly when an entry covers a walking area. */ .jd-roundup-article .jd-roundup-map-target{display:block;margin-bottom:8px;line-height:1.8} /* The heading owns the separator; avoid a second distant line from the preceding spot. */ .jd-article-detail.jd-roundup-article .jt-article-main .wp-block-post-content .jd-roundup-spot{border-bottom:0!important}