/* Keep the site's heading artwork and common UI. Scope manuscript fixes so
   navigation, map controls and planner components retain their own styles. */
#main-contents .rk-article > figure{margin:20px 0}
#main-contents .rk-article > figure img{display:block;max-width:100%;height:auto;margin:0 auto}
#main-contents .rk-article > figure figcaption{font-size:12px;line-height:1.65;color:#555;margin-top:6px;overflow-wrap:anywhere}
#main-contents .rk-article .lead-en,#main-contents .rk-article .updated{color:#666;font-size:13px;margin:6px 0}
#main-contents .rk-article > h3,#main-contents .rk-article .links > h3,#main-contents .rk-article .h4-main{line-height:1.5}
/* Mobile's generic nav rule is for the site menu, not the article TOC. */
#main-contents .rk-article .toc{box-sizing:border-box;width:100%;margin:28px 0;padding:0;background:#fff;border:1px solid #e0e0e0;border-radius:2px;font-size:16px;line-height:1.8}
#main-contents .rk-article .toc > p{margin:0;padding:8px 14px;border-bottom:2px solid #007ef9;background:linear-gradient(to bottom,#f5f5f5,#fff);font-weight:bold;font-size:16px;line-height:1.6}
#main-contents .rk-article .toc .pagenav{box-sizing:border-box;width:auto;max-width:100%;margin:12px 0;padding:0 16px 0 38px;border:0;background:transparent}
#main-contents .rk-article .toc .pagenav::before{content:none;display:none}
#main-contents .rk-article .toc .pagenav > li{margin:8px 0;padding:0;list-style:disc;background:transparent;font-size:16px;line-height:1.7}
#main-contents .rk-article .toc .pagenav > li > a{padding:0;background:none;overflow-wrap:anywhere}
/* The legacy mobile reset removes list markers and indents. */
#main-contents .rk-article > ul,#main-contents .rk-article > ol:not(.timeline),#main-contents .rk-article :is(.point,.memo,.links) > :is(ul,ol){margin:16px 0 24px;padding:0 0 0 1.5em;font-size:16px;line-height:1.8}
#main-contents .rk-article > ul > li,#main-contents .rk-article :is(.point,.memo,.links) > ul > li{list-style:disc}
#main-contents .rk-article > ol:not(.timeline) > li,#main-contents .rk-article :is(.point,.memo,.links) > ol > li{list-style:decimal}
#main-contents .rk-article > :is(ul,ol):not(.timeline) > li,#main-contents .rk-article :is(.point,.memo,.links) > :is(ul,ol) > li{margin:6px 0;padding:0;background:transparent}
#main-contents .rk-article .video{position:relative;width:100%;aspect-ratio:16/9;margin:22px 0 6px;clear:both}
#main-contents .rk-article .video iframe{position:absolute;inset:0;border:0;width:100%;height:100%}
#main-contents .rk-article .video-note{font-size:12px;line-height:1.65;margin-top:6px;overflow-wrap:anywhere}
#main-contents .rk-article .point,#main-contents .rk-article .memo{margin:22px 0;padding:14px 16px;border:1px solid #ddd;border-left:4px solid #007ffb;background:#f7fafc}
#main-contents .rk-article .memo{border-left-color:#c59a30;background:#fffdf6}
#main-contents .rk-article :is(.point,.memo) > p{padding:0;background:transparent}
#main-contents .rk-article .point-title,#main-contents .rk-article .memo-title{font-weight:bold;margin:0 0 8px}
#main-contents .rk-article :is(.point,.memo) > :last-child{margin-bottom:0}
#main-contents .rk-article .rk-tight-note{margin:.4em 0 0}
#main-contents .rk-article .voices{display:grid;gap:12px;margin:20px 0;font-size:16px;line-height:1.8}
#main-contents .rk-article .voice{border-left:3px solid #ddd;padding:10px 14px;background:#fafafa}
#main-contents .rk-article .voice b{display:block;margin-bottom:5px}
#main-contents .rk-article .timeline{margin:20px 0 25px;padding:0 0 0 28px;font-size:16px;line-height:1.8}
#main-contents .rk-article .timeline li{padding:0 0 15px 8px;margin:0 0 15px;border-bottom:1px solid #ddd;list-style:decimal;background:transparent}
#main-contents .rk-article .timeline .time{display:block;font-weight:bold;margin-bottom:5px}
#main-contents .rk-article .faq{font-size:16px;line-height:1.8}
#main-contents .rk-article .faq dt{font-weight:bold;margin:22px 0 7px;padding-left:12px;border-left:3px solid #007ffb}
#main-contents .rk-article .faq dd{margin:0 0 20px 15px}
/* Article tables use prose, unlike the site's centered price/ranking tables. */
#main-contents .rk-article > table,#main-contents .rk-article > .basictableboxdayo > table{width:100%;max-width:100%;border-collapse:collapse;margin:20px 0;table-layout:auto;font-size:16px;line-height:1.7}
#main-contents .rk-article > table :is(th,td),#main-contents .rk-article > .basictableboxdayo > table :is(th,td){width:auto;padding:10px 12px;border:1px solid #ccc;vertical-align:top;text-align:left;word-break:normal;overflow-wrap:anywhere;font-size:inherit;line-height:inherit}
#main-contents .rk-article > table th,#main-contents .rk-article > .basictableboxdayo > table th{width:27%;background:#f4f4f4}
#main-contents .rk-article > table td,#main-contents .rk-article > .basictableboxdayo > table td{font-weight:normal}
#main-contents .rk-article > .basictableboxdayo > table p{margin:0;padding:0;font-size:inherit;line-height:inherit;background:transparent}
#main-contents .rk-article .basictableboxdayo{width:100%;max-width:100%;overflow:visible}
#main-contents .rk-article .links{border-top:1px solid #ddd;margin-top:32px}
#main-contents .rk-article :is(h3,h4)[id]{scroll-margin-top:75px}
@media(max-width:600px){
 #main-contents .rk-article > table,#main-contents .rk-article > .basictableboxdayo > table{font-size:14px}
 #main-contents .rk-article > table :is(th,td),#main-contents .rk-article > .basictableboxdayo > table :is(th,td){padding:9px 8px}
 #main-contents .rk-article .point,#main-contents .rk-article .memo{padding:12px}
 #main-contents .rk-article .timeline{padding-left:24px}
}
/* Keep attribution on the image; descriptive captions remain below it. */
#main-contents .rk-article .rk-photo-frame{position:relative;display:block;width:100%;max-width:960px;margin:0 auto;line-height:0}
#main-contents .rk-article .rk-photo-frame > a{display:block;max-width:100%;line-height:0}
#main-contents .rk-article .rk-photo-frame img{display:block;width:100%;max-width:100%;height:auto;margin:0}
#main-contents .rk-article .rk-photo-credit{position:absolute;right:0;bottom:0;box-sizing:border-box;max-width:100%;padding:4px 8px;background:rgba(0,0,0,.78);color:#fff;font-size:12px;line-height:1.55;text-align:right;overflow-wrap:anywhere}
#main-contents .rk-article .rk-photo-credit a,#main-contents .rk-article .rk-photo-credit a:visited{color:#fff;text-decoration:underline;text-underline-offset:2px}
#main-contents .rk-article .rk-photo-credit a:focus-visible{outline:2px solid #fff;outline-offset:2px}
#main-contents .rk-article .rk-photo-title{display:block}
#main-contents .rk-article .rk-media-photo-portrait .rk-photo-frame{width:480px;max-width:100%}
#main-contents .rk-article .rk-media-video{margin:24px 0}
#main-contents .rk-article .rk-media-video .video{min-height:200px}