/* Re:Life Lab — frame (hand-written part). Fits the ported header / footer into Cocoon's outer elements, which stay as they are. */
.rl-hd__h1{display:flex;align-items:center;margin:0 auto 0 0!important;padding:0;font:inherit;line-height:1}
.rl-hd__h1 .rl-hd__logo{margin-right:0}
a.rl-hd__btn{text-decoration:none}
.rl-menu .rl-menu__k{margin:26px 0 4px}
.rl-menu a.rl-btn{color:#fff}
body:not(.rl-decision) .rl-hd__you{display:none}
/* Cocoon's footer wrapper stays in the DOM; it only carries our footer */
body.rl-frame #footer,body.rl-frame .footer{background:none;padding:0;margin:0;border:0;color:inherit}
body.rl-frame #footer-in,body.rl-frame .footer-in{width:auto;max-width:none;padding:0;margin:0}
body.rl-frame #footer .footer-widgets{display:none}
.rl-ft nav{display:block}
.rl-ft .rl-ft__h{margin:0 0 4px}
.rl-ft small{display:block}
/* the page area between header and footer */
body.rl-frame .content{margin-top:0}
@media (min-width:1024px){.rl-hd__h1{margin:0 28px 0 0!important}}
/* logged-in view: the sticky header and the article rail sit below the WordPress admin bar */
body.admin-bar .rl-hd{top:32px}
body.admin-bar .rl-menu{top:32px}
body.admin-bar.rl-has-rail .main>.rl-rail{top:120px}
@media (max-width:782px){body.admin-bar .rl-hd,body.admin-bar .rl-menu{top:46px}}
@media (max-width:600px){body.admin-bar .rl-hd{top:0}}

/* Released fixed pages (about / editorial policy / advertising policy / contact / privacy policy; Site v1 R2). Same paper, column and type as an article.
   The page body is not changed: Cocoon's share / follow buttons and the date row are only not shown. Every rule is under body.rl-page. */
body.rl-page,body.rl-page #container,body.rl-page .container{background:var(--paper)}
body.rl-page .content{margin:0}
body.rl-page .content-in,body.rl-page #content-in{display:block;width:auto;max-width:none;margin:0;padding:0}
body.rl-page .main,body.rl-page #main{width:auto;max-width:780px;margin:0 auto;padding:28px 20px 56px;border:0;border-radius:0;background:var(--paper);float:none}
body.rl-page .sidebar,body.rl-page .sns-share,body.rl-page .sns-follow,body.rl-page .date-tags,body.rl-page .author-info,body.rl-page .footer-meta{display:none}
body.rl-page .article{margin:0;padding:0}
body.rl-page .entry-title{font-family:var(--f-sans);font-size:24px;line-height:1.5;font-weight:700;color:var(--ink);letter-spacing:.01em;font-feature-settings:"palt" 1;margin:0;padding:0 0 18px;border:0;border-bottom:2px solid var(--navy);background:none}
body.rl-page .entry-content{font-family:var(--f-sans);font-size:16px;line-height:1.95;color:var(--text);margin:28px 0 0;padding:0}
body.rl-page .entry-content a{color:var(--navy)}
body.rl-page .article .entry-content h2{font-size:20px;line-height:1.55;font-weight:700;color:var(--ink);margin:48px 0 16px;padding:16px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none}
body.rl-page .article .entry-content h2::before,body.rl-page .article .entry-content h2::after{content:none}
body.rl-page .article .entry-content h3{font-size:17px;line-height:1.6;font-weight:700;color:var(--ink);margin:32px 0 12px;padding:0;border:0;background:none}
body.rl-page .breadcrumb{font-size:13px;line-height:1.5;margin:40px 0 0;padding:14px 0 0;border:0;border-top:1px solid var(--line);color:var(--sub)}
body.rl-page .breadcrumb a{color:var(--navy)}
body.rl-page .breadcrumb .fa,body.rl-page .breadcrumb [class*="fa-"]{display:none}
@media (max-width:767px){body.rl-page .entry-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media (min-width:768px){body.rl-page .entry-title{font-size:30px}body.rl-page .entry-content{font-size:17px}}