@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
}

/*834px以下*/
@media screen and (max-width: 834px){
}

/*480px以下*/
@media screen and (max-width: 480px){
}

/* スマホ カテゴリナビ改善 2026-06-03（折り返し表示＋重複/外部リンク整理） */

/* ナビから非表示にする項目：
   ・menu-item-1017「Apple製品」（記事0件・「Apple・ガジェット」と重複）
   ・menu-item-1463「𝕏 フォロー」（カテゴリではなく外部リンク。記事下のフォローボタンに集約） */
#navi #menu-item-1017,
#navi #menu-item-1463 {
  display: none !important;
}

/* スマホ：横スクロールをやめ、1画面に折り返して全カテゴリを表示 */
@media screen and (max-width: 1023px) {
  #navi .navi-in > .menu-mobile {
    overflow-x: visible !important;
    white-space: normal !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 8px 6px !important;
    gap: 7px !important;
  }
  #navi .navi-in > .menu-mobile li {
    width: auto !important;
    flex: 0 0 auto !important;
    height: auto !important;
    line-height: 1 !important;
    margin: 0 !important;
  }
  #navi .navi-in > .menu-mobile li a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 8px 14px !important;
    border-radius: 20px !important;
    border: 1.5px solid rgba(255,255,255,0.65) !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    min-height: 36px !important;
    line-height: 1 !important;
  }
  #navi .navi-in > .menu-mobile .current-menu-item a,
  #navi .navi-in > .menu-mobile .current-page-item a {
    background: rgba(255,255,255,0.25) !important;
    border-color: rgba(255,255,255,1) !important;
    font-weight: bold !important;
  }
}
/* ===== 2026-08-17 メニューの見やすさ改善 ===== */

/* PC：メニュー項目を文字幅に合わせ、1行に収める */
#navi .navi-in > ul > li { width: auto; }
#navi .navi-in > ul > li > a { width: auto; padding: 0 15px; }

/* スマホ：カテゴリを横1行にして、はみ出す分は指で送れるように */
@media screen and (max-width: 1023px) {
  #navi .navi-in > .menu-mobile {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    justify-content: flex-start !important;
    padding: 0 8px !important;
  }
  #navi .navi-in > .menu-mobile::-webkit-scrollbar { display: none; }
  #navi .navi-in > .menu-mobile > li { flex: 0 0 auto !important; }
}

/* Triplet submenu controls 2026-10-05 */
#navi .ts-submenu { position: relative; }
#navi .ts-submenu > a { padding-right: 44px !important; }
#navi .ts-submenu > .ts-submenu-toggle {
  position: absolute; top: 0; right: 0;
  display: flex; align-items: center; justify-content: center;
  width: 36px; height: 64px; padding: 0; margin: 0;
  border: 0; border-radius: 0; background: transparent;
  color: #fff; font: inherit; font-size: 22px; line-height: 1;
  cursor: pointer;
}
#navi .ts-submenu-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: -3px; }
#navi .ts-submenu > .sub-menu { display: none !important; }
#navi .ts-submenu.ts-open > .sub-menu { display: block !important; }
#navi .ts-submenu-toggle[aria-expanded="true"] { transform: rotate(180deg); }
@media screen and (max-width: 1023px) {
  #navi .navi-in > .menu-mobile {
    flex-wrap: wrap !important; overflow: visible !important;
    white-space: normal !important; padding: 6px 8px !important;
    box-sizing: border-box; max-width: 100%;
  }
  #navi .navi-in > .menu-mobile > .ts-submenu > a { padding-right: 44px !important; }
  #navi .menu-mobile > li { max-width: 100%; box-sizing: border-box; }
  #navi .menu-mobile > .ts-submenu > .ts-submenu-toggle { height: 36px; width: 38px; }
  #navi .menu-mobile > .ts-submenu.ts-open { flex-basis: 100% !important; width: 100% !important; }
  #navi .menu-mobile > .ts-submenu > .sub-menu {
    position: static !important; width: 100% !important; max-width: 100%;
    min-width: 0; margin: 6px 0 0; padding: 0; white-space: normal;
    box-sizing: border-box;
  }
  #navi .menu-mobile > .ts-submenu > .sub-menu > li { width: 100% !important; max-width: 100%; }
  #navi .menu-mobile > .ts-submenu > .sub-menu > li > a {
    display: flex !important; width: 100%; box-sizing: border-box;
    white-space: normal !important; line-height: 1.5 !important;
    padding: 10px 14px !important; border-radius: 0 !important;
    overflow-wrap: anywhere; text-align: left;
  }
  #navi .menu-mobile .sub-menu .caption-wrap,
  #navi .menu-mobile .sub-menu .item-label { white-space: normal !important; min-width: 0; }
}

/* Triplet reader navigation and responsive layout — 2026-10-09 */
/* Warm chalkboard brand header — 2026-10-09 */
#header { box-sizing: border-box; margin: 12px auto 0; width: calc(100% - 32px); max-width: 1220px; border: 9px solid #b99860; border-image: none; background: repeating-linear-gradient(0deg,#bfa16d 0px,#bfa16d 2px,#ac8953 3px,#c7ad7e 6px); border-radius: 2px; box-shadow: 0 2px 5px #43351d26, inset 0 0 0 1px #eed7a6; }
#header-in { min-height: 0 !important; width: 100%; background-color: #234e43; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20200%22%20preserveAspectRatio%3D%22none%22%3E%0A%3Cdefs%3E%3Cfilter%20id%3D%22grain%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.65%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%0A%3Crect%20width%3D%221200%22%20height%3D%22200%22%20fill%3D%22%23234e43%22%2F%3E%0A%3Crect%20width%3D%221200%22%20height%3D%22200%22%20opacity%3D%22.17%22%20filter%3D%22url%28%23grain%29%22%2F%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23cdd9c8%22%20opacity%3D%22.12%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M20%2024l190%20-8M74%2030l170%20-10M856%20165l260%20-14M921%20171l176%20-11M23%20180l300%20-5%22%2F%3E%3Cpath%20d%3D%22M12%2070l72%2020M30%2064l86%2026M1110%2025l67%2021M1104%2031l68%2021%22%2F%3E%3C%2Fg%3E%0A%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.3%22%20opacity%3D%22.83%22%3E%0A%3Cpath%20d%3D%22M31%2034c-8%20-12%20-17%20-2%20-13%205c-10%20-1%20-11%2015%200%2015h58c17%20-1%2010%20-21%20-3%20-17c-2%20-15%20-19%20-18%20-26%20-8c-6%20-8%20-16%20-4%20-16%205%22%20fill%3D%22%23a9d5df%22%20stroke%3D%22%23a9d5df%22%20opacity%3D%22.7%22%2F%3E%0A%3Cpath%20d%3D%22M80%20140l-2%2043m-4%20-31l-15%20-13m19%2015l15%20-16%22%20stroke%3D%22%23d1ab97%22%20stroke-width%3D%224%22%2F%3E%0A%3Cpath%20d%3D%22M52%20126c-10%20-9%200%20-23%2011%20-21c-1%20-14%2022%20-19%2029%20-9c16%20-4%2024%2017%2014%2025c12%2016%20-13%2026%20-25%2018c-9%2011%20-30%203%20-29%20-13%22%20fill%3D%22%23a8c970%22%20stroke%3D%22%23d0dda0%22%2F%3E%0A%3Cpath%20d%3D%22M130%2042v18c0%2025%2034%2025%2034%200V42m-34%200l6%20-3m28%203l-6%20-3m-11%2042v15c0%2017%2030%2019%2030%200v-8%22%20stroke%3D%22%23d8e1df%22%2F%3E%0A%3Ccircle%20cx%3D%22177%22%20cy%3D%2283%22%20r%3D%225%22%20stroke%3D%22%23d8e1df%22%2F%3E%0A%3Cpath%20d%3D%22M1077%2043a33%2033%200%200%201%2066%200%22%20stroke%3D%22%23e5b4b8%22%2F%3E%3Cpath%20d%3D%22M1084%2043a26%2026%200%200%201%2052%200%22%20stroke%3D%22%23e5d59d%22%2F%3E%3Cpath%20d%3D%22M1091%2043a19%2019%200%200%201%2038%200%22%20stroke%3D%22%23acccd1%22%2F%3E%0A%3Cpath%20d%3D%22M1069%2048c-9%20-4%20-15%209%20-5%2013h21c10%20-3%206%20-14%20-1%20-12c-5%20-11%20-14%20-8%20-15%20-1m65%200c-9%20-4%20-15%209%20-5%2013h21c10%20-3%206%20-14%20-1%20-12c-5%20-11%20-14%20-8%20-15%20-1%22%20stroke%3D%22%23dfdfc7%22%2F%3E%0A%3Cpath%20d%3D%22M1115%20175q-6%20-29%200%20-47m0%2011q-31%20-1%20-25%20-24q28%202%2025%2024m0%2010q29%20-3%2024%20-23q-25%201%20-24%2023%22%20fill%3D%22%23a7c679%22%20stroke%3D%22%23c2d59a%22%2F%3E%0A%3Cpath%20d%3D%22M1160%20176v-32h13v32m2%200v-40h10v40m-28%202h32%22%20stroke%3D%22%23b9c9df%22%2F%3E%0A%3Ccircle%20cx%3D%22578%22%20cy%3D%22175%22%20r%3D%228%22%20stroke%3D%22%23e9d8b9%22%2F%3E%3Ccircle%20cx%3D%22601%22%20cy%3D%22173%22%20r%3D%228%22%20stroke%3D%22%23c1d4dd%22%2F%3E%3Ccircle%20cx%3D%22624%22%20cy%3D%22175%22%20r%3D%228%22%20stroke%3D%22%23ddbbc3%22%2F%3E%0A%3Cpath%20d%3D%22M574%20176q4%204%208%200m15%20-2q4%204%208%200m15%202q4%204%208%200%22%20stroke%3D%22%23e8e7d7%22%20stroke-width%3D%221.5%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E"); background-size: 100% 100%; box-shadow: inset 0 0 24px #102e3066; }
#header .logo { margin: 0; padding: 0; }
#header .logo a { display: block; position: relative; padding: 58px 190px 46px; color: #fff; text-decoration: none; }
#header .logo a::before { content: "三つ子家族の暮らしノート"; position: absolute; top: 22px; left: 50%; transform: translateX(-50%) rotate(-1deg); padding: 0 8px 5px; border-bottom: 3px solid #dca5b5; color: #f6f1dc; font-size: 15px; font-weight: 700; letter-spacing: .14em; line-height: 1.4; white-space: nowrap; }
#header .header-site-logo-image { position: absolute; width: 1px; height: 1px; padding: 0; clip-path: inset(50%); overflow: hidden; }
#header .site-name-text { display: block; }
#header .site-name-text::before { content: "Triplet Smart Life"; display: block; color: #c1cbe4; font-family: "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", "Trebuchet MS", sans-serif; font-size: clamp(30px,4.2vw,52px); font-weight: 900; line-height: 1.15; letter-spacing: .01em; -webkit-text-stroke: 1.1px #fffef1; paint-order: stroke fill; text-shadow: 1px 1px 0 #fffef1, -1px 0 0 #fffef1, 0 2px 2px #162e2c; transform: rotate(-.6deg); }
#header .site-name-text::after { content: "医師パパと三つ子、家族5人の毎日"; display: block; color: #fff6e3; font-family: "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif; font-size: 16px; font-weight: 700; line-height: 1.6; letter-spacing: .08em; margin-top: 12px; text-shadow: .3px .3px 0 #fff; }
#header .logo a:focus-visible { outline: 3px dashed #fff6e3; outline-offset: -7px; }
@media screen and (max-width: 834px) {
  #header { margin-top: 8px; width: calc(100% - 16px); border-width: 6px; }
  #header-in { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20150%22%3E%0A%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.7%22%20opacity%3D%22.86%22%3E%0A%3Cpath%20d%3D%22M18%2021c-5%20-8%20-12%20-1%20-10%203c-8%200%20-8%2011%200%2011h27c11%200%207%20-14%20-1%20-12c-3%20-9%20-12%20-10%20-16%20-2%22%20fill%3D%22%23a9d5df%22%20stroke%3D%22%23a9d5df%22%20opacity%3D%22.65%22%2F%3E%0A%3Cpath%20d%3D%22M351%2027a17%2017%200%200%201%2034%200%22%20stroke%3D%22%23e5b4b8%22%2F%3E%3Cpath%20d%3D%22M356%2027a12%2012%200%200%201%2024%200%22%20stroke%3D%22%23e5d59d%22%2F%3E%3Cpath%20d%3D%22M361%2027a7%207%200%200%201%2014%200%22%20stroke%3D%22%23acccd1%22%2F%3E%0A%3Cpath%20d%3D%22M26%20140l-1%20-22m-1%208l-7%20-8%22%20stroke%3D%22%23d1ab97%22%20stroke-width%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M12%20115c-7%20-6%201%20-15%207%20-14c1%20-9%2013%20-12%2017%20-5c11%20-1%2015%2012%207%2017c5%2010%20-10%2015%20-17%2010c-8%207%20-18%20-1%20-14%20-8%22%20fill%3D%22%23a8c970%22%20stroke%3D%22%23c2d59a%22%2F%3E%0A%3Cpath%20d%3D%22M374%20142q-3%20-18%200%20-29m0%207q-18%20-1%20-15%20-15q17%202%2015%2015m0%207q17%20-3%2015%20-15q-16%201%20-15%2015%22%20fill%3D%22%23a7c679%22%20stroke%3D%22%23c2d59a%22%2F%3E%0A%3Ccircle%20cx%3D%22179%22%20cy%3D%22132%22%20r%3D%226%22%20stroke%3D%22%23e9d8b9%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22130%22%20r%3D%226%22%20stroke%3D%22%23c1d4dd%22%2F%3E%3Ccircle%20cx%3D%22221%22%20cy%3D%22132%22%20r%3D%226%22%20stroke%3D%22%23ddbbc3%22%2F%3E%0A%3Cpath%20d%3D%22M176%20132q3%203%206%200m15%20-2q3%203%206%200m15%202q3%203%206%200%22%20stroke%3D%22%23e8e7d7%22%20stroke-width%3D%221.2%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20200%22%20preserveAspectRatio%3D%22none%22%3E%0A%3Cdefs%3E%3Cfilter%20id%3D%22grain%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.65%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%0A%3Crect%20width%3D%221200%22%20height%3D%22200%22%20fill%3D%22%23234e43%22%2F%3E%0A%3Crect%20width%3D%221200%22%20height%3D%22200%22%20opacity%3D%22.17%22%20filter%3D%22url%28%23grain%29%22%2F%3E%0A%3C%2Fsvg%3E"); background-size: 100% 100%; }
  #header .logo a { padding: 47px 12px 38px; }
  #header .logo a::before { top: 17px; font-size: 12px; letter-spacing: .09em; border-bottom-width: 2px; }
  #header .site-name-text::before { font-size: clamp(27px,7vw,36px); -webkit-text-stroke-width: .8px; }
  #header .site-name-text::after { font-size: 12px; letter-spacing: .01em; margin-top: 9px; }
}

.ts-reader-start { background: #f7f8f4; border: 1px solid #e2e7df; border-radius: 12px; padding: 24px; margin-bottom: 24px; }
.ts-reader-start .ts-eyebrow { font-size: 13px; color: #42695a; font-weight: 700; margin: 0 0 8px; }
.ts-reader-start #ts-start-title { background: none; border: 0; padding: 0; margin: 0 0 14px; font-size: 25px; color: #264a3d; line-height: 1.5; }
.ts-reader-start p { margin: 0 0 18px; line-height: 1.8; }
.ts-start-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ts-start-grid > a { display: block; padding: 16px; background: #fff; border: 1px solid #d8e3da; border-radius: 8px; color: #244e42; text-decoration: none; min-width: 0; }
.ts-start-grid > a:hover { background: #edf4ed; border-color: #789e87; }
.ts-start-grid > a:focus-visible { outline: 3px solid #567c65; outline-offset: 2px; }
.ts-start-grid strong, .ts-start-grid span { display: block; }
.ts-start-grid strong { font-size: 17px; line-height: 1.5; }
.ts-start-grid span { font-size: 13px; line-height: 1.7; margin-top: 5px; color: #59665c; }
.ts-reader-start .ts-start-more { margin: 18px 0 0; font-size: 14px; }
.ts-latest-title { font-size: 21px; margin-top: 32px; }
#main, #sidebar, #content-in { min-width: 0; }
.entry-content, .article-header, .entry-card-title, .entry-title { overflow-wrap: anywhere; }
.entry-content img { max-width: 100%; height: auto; }
.entry-content iframe { max-width: 100%; }
.entry-content a { overflow-wrap: anywhere; }
.entry-content .wp-block-table, .entry-content .scrollable-table { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.entry-content table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.entry-content a[class*="btn"], .entry-content a[style*="background"], .entry-content button { max-width: 100%; box-sizing: border-box; white-space: normal; }
/* Contain responsive ad slots while their iframe catches up after resizing. */
.ad-responsive { max-width: 100%; overflow: clip; }
@media screen and (max-width: 834px) {
  .entry-title { font-size: 24px; line-height: 1.55; }
  .entry-content h2 { font-size: 22px; line-height: 1.6; padding: 14px; }
  .entry-content h3 { font-size: 20px; line-height: 1.6; }
  .entry-content th, .entry-content td { font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
  .mobile-footer-menu-buttons { box-sizing: border-box; padding-bottom: env(safe-area-inset-bottom, 0px); }
  .mobile-footer-menu-buttons li { min-width: 0; }
  .mobile-footer-menu-buttons a { white-space: normal; overflow-wrap: anywhere; line-height: 1.4; }
  body { padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
  #go-to-top { bottom: calc(90px + env(safe-area-inset-bottom, 0px)); }
}
@media screen and (max-width: 480px) {
  .ts-reader-start { padding: 18px 14px; }
  .ts-reader-start #ts-start-title { font-size: 22px; }
  .ts-reader-start p { font-size: 15px; }
  .ts-start-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .ts-start-grid > a { padding: 12px 14px; }
}

/* Keep comparison columns readable within a scrollable region. */
.entry-content .ts-table-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
.entry-content .ts-table-scroll:focus-visible { outline: 2px solid #567c65; outline-offset: 2px; }
.entry-content .ts-table-scroll table { display: table; max-width: none; width: 100%; margin: 0; }
.entry-content .ts-table-wide table { min-width: 720px; }
.entry-content .ts-table-three table { min-width: 560px; }
.entry-content .ts-table-two table { min-width: 420px; }
.entry-content .ts-table-hint { display: none; }
@media screen and (max-width: 834px) {
  .entry-content .ts-table-hint { display: block; font-size: 13px; color: #526759; margin: 12px 0 6px; }
}

/* Short contents and useful mobile controls — 2026-10-09 */
.entry-content .ts-toc-compact:not(.ts-toc-details) .toc-list ol,
.entry-content .ts-toc-compact:not(.ts-toc-details) .toc-list ul { display: none; }
.ts-toc-details-toggle { display: block; width: 100%; border: 1px solid #afc4b4; border-radius: 6px; background: #f4f8f2; color: #305541; font: inherit; font-size: 14px; line-height: 1.5; padding: 10px 12px; margin: 0 0 12px; min-height: 44px; cursor: pointer; }
.ts-toc-details-toggle:focus-visible { outline: 3px solid #567c65; outline-offset: 2px; }
#ts-latest-articles { scroll-margin-top: 55px; }
.entry-content [id^="toc"] { scroll-margin-top: 55px; }
#ts-reader-mobile-nav, #ts-mobile-search { display: none; }
@media screen and (max-width: 834px) {
  body.ts-reader-tools-ready .mobile-footer-menu-buttons { display: none; }
  #ts-reader-mobile-nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: #426b5a; box-shadow: 0 -2px 8px #18352722; padding-bottom: env(safe-area-inset-bottom,0px); }
  #ts-reader-mobile-nav > a, #ts-reader-mobile-nav > button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 56px; box-sizing: border-box; padding: 6px 8px; border: 0; border-right: 1px solid #ffffff33; border-radius: 0; color: #fffdf2; background: transparent; text-decoration: none; font: inherit; font-size: 13px; font-weight: 700; line-height: 1.3; cursor: pointer; }
  #ts-reader-mobile-nav .fa { font-size: 18px; }
  #ts-reader-mobile-nav > :focus-visible { outline: 3px solid #fff; outline-offset: -4px; }
  #ts-mobile-search:not([hidden]) { display: block; position: fixed; left: 8px; right: 8px; bottom: calc(64px + env(safe-area-inset-bottom,0px)); z-index: 10000; max-height: calc(100dvh - 140px); overflow-y: auto; background: #fffdf8; padding: 16px; border: 1px solid #afc4b4; border-radius: 12px; box-shadow: 0 0 18px #10291a44; }
  #ts-mobile-search form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; margin: 0; }
  #ts-mobile-search label { grid-column: 1 / -1; color: #305541; font-size: 15px; font-weight: 700; }
  #ts-mobile-search input { min-width: 0; width: 100%; height: 46px; font-size: 16px; border: 1px solid #9cbaa7; padding: 8px; border-radius: 5px; }
  #ts-mobile-search button[type="submit"] { min-height: 46px; padding: 8px 12px; color: #fff; background: #426b5a; border: 0; border-radius: 5px; font: inherit; font-size: 14px; }
  #ts-mobile-search .ts-search-close { display: block; margin: 10px 0 0 auto; min-width: 64px; min-height: 44px; padding: 6px 10px; color: #426b5a; background: transparent; border: 0; font: inherit; font-size: 14px; cursor: pointer; }
}
@media screen and (max-width: 480px) {
  .ts-reader-start { padding: 14px 12px; }
  .ts-reader-start .ts-eyebrow { margin-bottom: 5px; font-size: 12px; }
  .ts-reader-start #ts-start-title { font-size: 20px; line-height: 1.5; margin-bottom: 8px; }
  .ts-reader-start p { font-size: 14px; line-height: 1.65; margin-bottom: 12px; }
  .ts-start-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .ts-start-grid > a { padding: 8px; min-height: 80px; }
  .ts-start-grid strong { font-size: 15px; line-height: 1.45; }
  .ts-start-grid span { font-size: 12px; line-height: 1.5; margin-top: 4px; }
  .ts-start-grid > a:last-child { grid-column: 1 / -1; min-height: 64px; }
  .ts-reader-start .ts-start-more { margin-top: 12px; font-size: 13px; }
}