/*
Theme Name: Keiko Music — 獨立音樂創作
Theme URI: http://music.keiko.idv.tw/
Author: Keiko Song
Author URI: http://music.keiko.idv.tw/
Description: Keiko Music專用黑／酒紅獨立音樂創作佈景主題。傳統 PHP 範本、寬鬆閱讀排版、響應式側邊欄、覆蓋式手機選單及 WP Chinese Converter 整合。
Version: 1.0.2
Requires at least: 6.6
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: keiko-music
Update URI: false
Tags: blog, two-columns, three-columns, right-sidebar, left-sidebar, custom-logo, custom-header, custom-menu, featured-images, threaded-comments
*/
:root{--paper:#f7f4ed;--sage:#eee7e4;--green:#742331;--ink:#292729;--muted:#6c6465;--line:#ded6cc;--accent:#a54a58;--radius:6px}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:17px;line-height:1.85}a{color:var(--green);text-underline-offset:4px}a:hover{color:#4e1320}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #923745;outline-offset:3px}button,input,textarea,select{font:inherit}button,.button,input[type=submit],.wp-block-button__link{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);background:var(--sage);color:var(--green);padding:8px 18px;line-height:1.6}button:hover,.button:hover,input[type=submit]:hover{background:#e3d3d4}.button{display:inline-flex;gap:14px;text-decoration:none;font-size:16px}img{max-width:100%;height:auto}figure{margin:0 0 1.8em}iframe,video{max-width:100%}iframe[src*="youtube"],iframe[src*="youtu.be"],iframe[src*="vimeo"]{width:100%;height:auto;aspect-ratio:16/9;border:0}audio{max-width:100%}h1,h2,h3,h4,h5,h6{color:var(--green);line-height:1.5;font-weight:650;overflow-wrap:anywhere}p{margin-top:0}input:not([type=checkbox]):not([type=radio]):not([type=submit]),textarea,select{max-width:100%;border:1px solid var(--line);border-radius:4px;background:#fffefa;color:var(--ink);padding:10px 12px}textarea{width:100%;min-height:180px}ul,ol{padding-left:1.5em}.wrap{max-width:1280px;margin-inline:auto;padding-inline:36px}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;top:8px;left:8px;z-index:10000;background:var(--paper);padding:12px 18px}
.topbar{background:var(--sage);border-bottom:1px solid #393537}.topbar-inner{max-width:1280px;margin:auto;padding:0 36px;display:flex;justify-content:space-between;align-items:center;min-height:52px;gap:24px}.desktop-nav{flex:1}.desktop-nav ul,.secondary-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:32px}.desktop-nav li,.secondary-nav li{position:relative}.desktop-nav a,.secondary-nav a{display:inline-block;text-decoration:none;padding:12px 0}.desktop-nav ul ul,.secondary-nav ul ul{position:absolute;left:0;top:100%;min-width:170px;display:none;gap:0;z-index:30;background:var(--paper);border:1px solid var(--line);box-shadow:0 6px 16px #211d2015;padding:8px 16px}.desktop-nav ul ul a,.secondary-nav ul ul a{padding:7px 0}.desktop-nav li:hover>ul,.desktop-nav li:focus-within>ul,.desktop-nav .submenu-open>ul,.secondary-nav li:hover>ul,.secondary-nav li:focus-within>ul,.secondary-nav .submenu-open>ul{display:block}.desktop-nav ul ul ul,.secondary-nav ul ul ul{left:100%;top:0}.submenu-toggle{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;background:transparent;border:0;padding:0;width:32px;height:36px;margin-left:2px;color:var(--green);border-radius:4px}.submenu-toggle::before{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}.submenu-toggle[aria-expanded="true"]::before{transform:translateY(2px) rotate(225deg)}@media(prefers-reduced-motion:reduce){.submenu-toggle::before{transition:none}}.language-switch{display:flex;gap:8px;flex-wrap:wrap;font-size:14px}.language-switch a{padding:3px 12px;border:1px solid #817479;border-radius:30px;text-decoration:none}.language-switch a[aria-current]{background:#443237}.menu-open{display:none}.masthead{background-size:cover;background-position:center;min-height:228px;border-bottom:1px solid var(--line)}.masthead-inner{max-width:1280px;margin:auto;display:flex;align-items:center;gap:28px;min-height:228px;padding:32px 36px}.custom-logo-link{flex:0 0 auto}.custom-logo{width:150px;height:150px;object-fit:contain;border-radius:50%}.site-title{font-family:"Noto Serif TC","Songti TC",serif;font-size:clamp(28px,3.5vw,46px);font-weight:600;letter-spacing:.12em;line-height:1.55;text-decoration:none;text-shadow:0 1px 8px var(--paper)}.site-description{font-size:14px;margin:8px 0 0;color:var(--muted)}.site-tagline{margin:0;padding:15px 24px;text-align:center;background:linear-gradient(90deg,#211d20,#211d20,#211d20);font-family:"Noto Serif TC",serif;font-size:20px;letter-spacing:.12em}.secondary-nav{border-bottom:1px solid var(--line)}
.layout{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;padding-top:42px;padding-bottom:64px;align-items:start}.has-right-sidebar .layout{grid-template-columns:minmax(0,1fr) 320px}.has-left-sidebar .layout{grid-template-columns:240px minmax(0,1fr)}.has-left-sidebar.has-right-sidebar .layout{grid-template-columns:200px minmax(0,1fr) 270px;gap:28px}.main-content,.right-sidebar,.left-sidebar{min-width:0}.right-sidebar{border-left:1px solid var(--line);padding-left:28px}.left-sidebar{border-right:1px solid var(--line);padding-right:24px}.post-summary{padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid var(--line)}.entry-title{margin:0 0 14px;font-family:"Noto Serif TC","Songti TC",serif;font-size:28px;line-height:1.6;letter-spacing:.02em}.entry-title a{text-decoration:none}.entry-meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:13px;margin:0 0 20px;line-height:1.8}.entry-meta a{color:inherit}.entry-excerpt{font-size:17px;line-height:1.95;overflow-wrap:anywhere}.entry-excerpt p{margin-bottom:18px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;margin-bottom:24px;color:var(--muted)}.article-header .entry-title{font-size:34px}.article-header{margin-bottom:34px;border-bottom:1px solid var(--line);padding-bottom:8px}.entry-content{font-size:18px;line-height:1.95;overflow-wrap:anywhere}.entry-content p{margin:0 0 1.6em}.entry-content h2{font-size:26px;margin:2.2em 0 .9em}.entry-content h3{font-size:22px;margin:1.8em 0 .8em}.entry-content ul,.entry-content ol{margin-bottom:1.7em}.entry-content li{margin-bottom:.45em}.entry-content blockquote,.wp-block-pullquote{margin:1.8em 0;padding:20px 26px;border-left:3px solid #8b3343;background:#f0e9e4;color:#514447}.entry-content blockquote p:last-child{margin-bottom:0}.entry-content pre{overflow:auto;white-space:pre;font-size:14px;line-height:1.8;padding:22px;background:#f0e9e4;border:1px solid var(--line);border-radius:6px;max-width:100%}.entry-content code{font-family:ui-monospace,monospace;background:#f0e9e4;padding:2px 4px}.entry-content pre code{padding:0;background:none}.entry-content table,.widget table{border-collapse:collapse;width:100%;font-size:15px}.entry-content th,.entry-content td,.widget th,.widget td{padding:10px;border:1px solid var(--line);text-align:left}.entry-content th,.widget th{background:var(--sage)}.table-scroll,.wp-block-table{max-width:100%;overflow-x:auto}.table-scroll table{min-width:480px}.alignleft{float:left;margin:0 24px 20px 0}.alignright{float:right;margin:0 0 20px 24px}.aligncenter{display:block;margin-inline:auto}.entry-content:after{content:"";display:block;clear:both}.wp-caption{max-width:100%}.wp-caption-text,figcaption{font-size:13px;color:var(--muted);margin-top:10px}.gallery{display:flex;flex-wrap:wrap;gap:16px}.gallery-item{flex:1 1 180px;margin:0}.gallery-icon img{border-radius:4px}.article-tags{font-size:14px;margin-top:36px;padding-top:20px;border-top:1px solid var(--line)}.post-navigation{margin:40px 0}.nav-links{display:flex;justify-content:space-between;gap:24px}.post-navigation .nav-links>div{flex:1;min-width:0}.post-navigation a{display:block;padding:18px;background:#f0e9e4;overflow-wrap:anywhere;text-decoration:none}.post-navigation span{display:block;font-size:12px;color:var(--muted)}.related-posts,.comments-area{border-top:1px solid var(--line);margin-top:42px;padding-top:24px}.related-posts h2,.comments-area h2{font-size:23px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.related-grid a{text-decoration:none}.related-grid img{width:100%;aspect-ratio:3/2;object-fit:cover}.related-grid h3{font-size:17px;margin:10px 0}.related-grid time{font-size:12px;color:var(--muted)}.pagination{margin-top:34px}.pagination .nav-links{justify-content:center;gap:8px;flex-wrap:wrap}.page-numbers{padding:5px 12px;border:1px solid var(--line);text-decoration:none;border-radius:4px}.page-numbers.current{background:var(--sage)}.page-links{margin-block:24px}.archive-heading{padding-bottom:28px;margin-bottom:30px;border-bottom:1px solid var(--line)}.archive-heading h1{font-size:30px;margin:0 0 12px}.archive-heading>p{margin:0;font-size:14px;color:var(--muted)}.archive-description{font-size:15px}.empty-state{text-align:center;padding:45px 12px 70px}.empty-state h1{font-size:30px}.empty-state .search-form{max-width:450px;margin:28px auto}.error-code{font-family:serif;font-size:90px;line-height:1;margin-bottom:24px;color:#a26872}
.widget{margin-bottom:32px;overflow-wrap:anywhere;font-size:14px}.widget-title,.widget .wp-block-heading{font-family:"Noto Serif TC",serif;font-size:21px;margin:0 0 16px;border-bottom:1px solid var(--line);padding-bottom:10px}.widget-title:before{content:"";display:inline-block;width:7px;height:17px;margin-right:10px;background:#8b3343;border-radius:6px 0}.widget ul{list-style:none;padding:0;margin:0}.widget li{padding:7px 0;border-bottom:1px solid #ded6cc66}.widget ul ul{padding-left:16px}.widget a{text-decoration:none}.widget p{margin-bottom:12px}.widget .tagcloud,.wp-block-tag-cloud{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.widget .tagcloud a,.wp-block-tag-cloud a{font-size:13px!important;display:inline-block;background:#f0e9e4;border:1px solid var(--line);border-radius:20px;padding:3px 10px}.widget select{width:100%}.widget_calendar table{table-layout:fixed;text-align:center;font-size:13px}.widget_calendar th,.widget_calendar td{text-align:center;padding:5px 1px}.widget_calendar caption{background:var(--sage);padding:8px;font-weight:600}.widget_calendar #today{background:#e6cbd0}.wp-calendar-nav{display:flex;justify-content:space-between;padding-top:8px}.widget img{max-width:100%}.search-form{display:flex;gap:0;align-items:stretch;max-width:100%}.search-form label{flex:1;min-width:0}.search-form input[type=search]{width:100%;border-radius:4px 0 0 4px;height:100%;min-height:44px}.search-form button{border-radius:0 4px 4px 0;padding:8px 12px;font-size:14px;flex-shrink:0}.widget .wp-block-search__input{min-width:0}.widget .wp-block-search__button{margin-left:6px}.widget .wp-block-search__inside-wrapper{max-width:100%}.comment-list{list-style:none;padding:0}.comment-list .children{list-style:none;padding-left:20px}.comment-body{margin:20px 0;padding:22px;background:#f1ece5;border:1px solid var(--line);border-radius:6px;overflow-wrap:anywhere}.comment-author .avatar{float:left;margin-right:12px;border-radius:50%}.comment-metadata{font-size:12px;color:var(--muted);margin-bottom:16px}.comment-content{font-size:16px}.comment-reply-link{font-size:13px}.comment-form{font-size:15px}.comment-form label{display:block;margin-bottom:6px}.comment-form input:not([type=checkbox]):not([type=submit]){width:100%}.comment-form-cookies-consent{display:flex;gap:10px;align-items:start}.comment-form-cookies-consent label{display:inline}.bypostauthor>.comment-body{border-color:#8b3343}.wpcf7-form label{display:block}.wpcf7-form input:not([type=submit]):not([type=checkbox]):not([type=radio]){width:100%}.wpcf7-form-control-wrap{display:block}.wpcf7-not-valid-tip{font-size:14px}.site-footer{background:#f0e9e4;border-top:1px solid var(--line);padding:40px 0 20px}.footer-widgets{display:grid;grid-template-columns:repeat(var(--footer-columns),minmax(0,1fr));gap:32px}.footer-widgets>div{min-width:0}.site-footer nav ul{display:flex;flex-wrap:wrap;gap:20px;list-style:none;padding:0}.copyright{text-align:center;font-size:13px;color:var(--muted);margin:20px 0 0}.copyright span{font-size:12px}.back-top{position:fixed;bottom:22px;right:22px;z-index:20;width:44px;height:44px;padding:0;box-shadow:0 3px 10px #211d2018}.back-top[hidden]{display:none}
.mobile-drawer{margin:0 0 0 auto;position:fixed;inset:0;width:min(360px,90vw);max-width:90vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--line);padding:24px;background:var(--paper);color:var(--ink);overflow:auto}.mobile-drawer::backdrop{background:#22191db0}.drawer-open{overflow:hidden}.drawer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px;font-family:serif}.menu-close{font-size:28px;width:44px;height:44px;padding:0;background:transparent}.mobile-drawer .language-switch{margin:0 0 26px;font-size:16px}.mobile-drawer .language-switch a{padding:8px 20px}.mobile-drawer nav ul{list-style:none;margin:0;padding:0}.mobile-drawer nav li{position:relative;border-bottom:1px solid var(--line)}.mobile-drawer nav li>a{display:block;text-decoration:none;padding:13px 42px 13px 0}.mobile-drawer .submenu-toggle{position:absolute;right:0;top:8px;width:38px;height:38px}.mobile-drawer nav ul ul{display:none;background:#f0e9e4;padding:0 16px}.mobile-drawer .submenu-open>ul{display:block}.mobile-drawer .search-form{margin-top:28px}
@media(min-width:1400px){.entry-content{max-width:760px}.has-left-sidebar.has-right-sidebar .entry-content{max-width:100%}}
@media(max-width:1100px){.has-left-sidebar.has-right-sidebar .layout{grid-template-columns:minmax(0,1fr) 280px}.has-left-sidebar.has-right-sidebar .left-sidebar{grid-column:1/-1;grid-row:2;border:0;padding:20px 0 0}.has-right-sidebar .layout{grid-template-columns:minmax(0,1fr) 280px;gap:28px}.desktop-nav ul{gap:20px}.site-title{letter-spacing:.06em}.footer-widgets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.wrap{padding-inline:26px}.topbar-inner{padding-inline:22px;min-height:54px}.desktop-nav,.secondary-nav{display:none}.menu-open{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;padding:7px 0;min-height:44px;font-size:18px}.menu-open span{font-size:14px}.masthead,.masthead-inner{min-height:154px}.masthead-inner{padding:24px 26px;gap:16px}.custom-logo{width:80px;height:80px}.site-title{font-size:29px;letter-spacing:.04em}.site-description{font-size:12px}.site-tagline{font-size:15px;padding:14px 20px;letter-spacing:.04em}.has-right-sidebar .layout,.has-left-sidebar .layout,.has-left-sidebar.has-right-sidebar .layout{grid-template-columns:minmax(0,1fr);gap:38px}.layout{padding-top:32px;padding-bottom:42px}.main-content{grid-column:1;grid-row:1}.left-sidebar,.right-sidebar,.has-left-sidebar.has-right-sidebar .left-sidebar{grid-column:1;grid-row:auto;border:0;border-top:1px solid var(--line);padding:26px 0 0}.right-sidebar{order:2}.left-sidebar{order:3}.entry-title{font-size:25px}.article-header .entry-title{font-size:29px}.entry-content{font-size:18px;line-height:1.95}.entry-meta{font-size:12px;gap:5px 12px}.article-header{margin-bottom:30px}.entry-excerpt{font-size:16px}.post-summary{padding-bottom:28px;margin-bottom:28px}.widget{margin-bottom:30px}.related-grid{grid-template-columns:minmax(0,1fr)}.related-grid a{padding-bottom:18px;border-bottom:1px solid var(--line)}.related-grid img{max-height:200px;object-fit:cover}.related-grid h3{font-size:18px}.nav-links{gap:12px}.post-navigation .nav-links{flex-direction:column}.entry-content .alignleft,.entry-content .alignright{float:none;display:block;margin:20px auto;max-width:100%}.comment-list .children{padding-left:12px}.comment-body{padding:16px}.empty-state{padding:26px 0 40px}.footer-widgets{gap:24px}.back-top{right:14px;bottom:14px}.entry-content h2{font-size:24px}.entry-content h3{font-size:21px}}
@media(max-width:480px){.footer-widgets{grid-template-columns:minmax(0,1fr)}.site-title{font-size:26px}.custom-logo{width:64px;height:64px}.masthead-inner{gap:12px}.site-description{display:none}.entry-title{font-size:24px}.article-header .entry-title{font-size:28px}.entry-content blockquote{padding:18px 20px}.site-tagline{font-size:14px}.copyright span{display:block}.article-header{padding-bottom:10px}.search-form button{min-height:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(min-width:801px){body:not(.has-right-sidebar):not(.has-left-sidebar) .main-content{width:100%;max-width:840px;margin-inline:auto}}
.footer-widgets>div:only-child{grid-column:1/-1}

.post-summary.has-summary-video{display:block}.summary-video{margin-bottom:24px;aspect-ratio:16/9;background:#211f21;border-radius:2px;overflow:hidden}.summary-video iframe{display:block;width:100%;height:100%;aspect-ratio:16/9;border:0}

/* Keiko Music: independent songwriter palette and manuscript masthead. */
:root{--charcoal:#211f21;--ivory:#f7f4ed;--wine:#742331}
h1,h2,h3,h4,h5,h6,.entry-title a{color:var(--ink)}
.topbar{background:var(--charcoal)}.desktop-nav>ul>li>a,.topbar .language-switch a,.menu-open{color:var(--ivory)}.desktop-nav>ul>li>.submenu-toggle{color:var(--ivory)}
.topbar .language-switch a[aria-current]{background:#50323a}.desktop-nav>ul>li>.submenu-toggle:hover,.menu-open:hover{background:#393235}
.masthead{position:relative;background-color:var(--charcoal);background-position:center right;min-height:286px}
.masthead-inner{position:relative;min-height:286px;max-width:1280px;padding-block:38px;gap:28px}
.masthead:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#161416d9 0%,#161416b3 35%,#16141620 65%,transparent 80%);pointer-events:none}
.brand-copy{max-width:650px}.site-title{color:var(--ivory);font-size:clamp(32px,4vw,54px);letter-spacing:.02em;text-shadow:0 1px 4px #0008}.site-title:hover{color:#fff}.site-description{color:#e6ddd7;font-size:16px}
.site-tagline{margin:18px 0 0;padding:13px 0 0;border-top:1px solid #bfb2ad88;background:none;text-align:left;color:var(--ivory);font-size:17px;letter-spacing:.08em}
.home-heading{display:flex;align-items:center;gap:20px;font-family:serif;font-size:30px;margin:0 0 30px}.home-heading:after{content:"";height:1px;background:var(--line);flex:1}
.post-summary{display:block}.post-summary.has-summary-image{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:26px;align-items:start}.summary-body{min-width:0}.summary-image{display:block}.summary-image img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:2px}.summary-date{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;margin:0 0 14px;border-radius:50%;background:var(--wine);color:var(--ivory);font-size:12px;line-height:1.55}.summary-date span{display:block}.post-summary .entry-title{font-size:26px;margin-bottom:12px}.post-summary .entry-meta{margin-bottom:16px}.post-summary .button{min-height:46px;padding:11px 24px;border:1px solid var(--wine);border-radius:6px;background:var(--wine);color:#fff;font-size:15px;line-height:1.5;text-decoration:none}.post-summary .button:hover{background:#541925;border-color:#541925;color:#fff}.post-summary .button:focus-visible{outline:3px solid var(--wine);outline-offset:3px}
.right-sidebar{border-left:0;padding-left:0}.widget{padding:20px;border:1px solid var(--line);border-radius:2px;background:#fffaf780;margin-bottom:18px}.widget-title:before{width:3px;height:16px;border-radius:0}.site-footer{background:#ece5dd}.copyright span{color:var(--wine)}
@media(max-width:1100px){.post-summary.has-summary-image{gap:20px;grid-template-columns:minmax(0,.35fr) minmax(0,.65fr)}.post-summary .entry-title{font-size:24px}}
@media(max-width:800px){.masthead,.masthead-inner{min-height:215px}.masthead-inner{padding-block:30px}.masthead:before{background:linear-gradient(90deg,#161416ed,#161416b3 58%,#16141655)}.custom-logo{width:80px;height:80px}.brand-copy{min-width:0}.site-title{font-size:31px}.site-tagline{font-size:14px;margin-top:12px;padding-top:10px;letter-spacing:.025em}.site-description{font-size:13px}.post-summary.has-summary-image{display:block}.summary-image{margin-bottom:20px}.summary-image img{aspect-ratio:16/10}.summary-date{width:48px;height:48px;font-size:11px;margin-bottom:12px}.post-summary .entry-title{font-size:25px}.entry-excerpt{font-size:17px}.home-heading{font-size:27px}.widget{padding:20px}.menu-open{margin-right:auto}}
@media(max-width:480px){.masthead-inner{align-items:flex-start;gap:14px;padding-inline:22px}.custom-logo{width:64px;height:64px}.site-title{font-size:28px}.site-description{display:block;font-size:12px}.site-tagline{font-size:13px}.post-summary .entry-title{font-size:24px}}

/* Summary heading: title and metadata precede the video and excerpt. */
.summary-heading{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;align-items:start;margin-bottom:20px}.summary-heading .summary-date{margin:0}.summary-heading-copy{min-width:0}.summary-heading .entry-meta{margin-bottom:0}.summary-sticky{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;padding:6px 12px;border-radius:4px;background:var(--wine);color:#fff;font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.04em}.summary-sticky svg{flex-shrink:0}
@media(max-width:800px){.summary-heading{grid-template-columns:48px minmax(0,1fr);gap:12px;margin-bottom:18px}.summary-heading-copy{display:contents}.summary-heading .summary-date{grid-column:1;grid-row:1}.summary-sticky{grid-column:2;grid-row:1;justify-self:start;align-self:center;margin:0}.summary-heading .entry-title,.summary-heading .entry-meta{grid-column:1/-1;margin:0}.summary-heading .entry-title{grid-row:2}.summary-heading .entry-meta{grid-row:3}.summary-heading{row-gap:12px}.summary-video{margin-bottom:20px}}