/* Folio v0.8.6 — 左上と見開き下部の情報量を整理 */
@media (min-width: 840px) {
  .home-view .folio-greeting { display: none; }

  .home-view .left-page {
    grid-template-rows: minmax(0, 31%) minmax(0, 32%) minmax(0, 1fr) 40px !important;
  }

  .home-view .left-page > .weather-card {
    grid-row: 1;
    width: 67%;
  }

  .home-view .left-sticker-plant {
    top: 17px !important;
    right: 20px !important;
    width: 30% !important;
    height: 29% !important;
  }

  .home-view .left-page > .today-card { grid-row: 2; }

  .home-view .left-page > .favorites {
    grid-row: 3;
    padding: 7px 8px 3px !important;
  }

  .home-view .left-page > .favorites::before,
  .home-view .left-page > .favorites small,
  .home-view .right-page > .calendar-card::before {
    display: none !important;
  }

  .home-view .left-page > .left-lower-controls { grid-row: 4; }
  .home-view .right-page-tab-group-left { height: 34px; }
  .home-view .right-page-tab-group-left button {
    min-height: 32px;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .home-view .right-page > .calendar-card {
    padding-top: 8px;
  }
}

.external-integration-settings {
  margin-top: 14px;
  padding: 12px 14px 14px;
  border: 1px solid rgba(74, 91, 72, .17);
  background: rgba(233, 239, 220, .27);
}
.external-integration-title h3 { margin: 3px 0; font: 500 18px var(--display); }
.external-integration-title p,
.external-privacy-note { margin: 0 0 7px; color: var(--folio-ink-soft); font: 9px/1.65 var(--utility); }
.external-pair-card { margin: 11px 0; padding: 12px; text-align: center; border: 1px dashed rgba(85, 105, 77, .3); background: rgba(255, 252, 243, .72); }
.external-pair-card small,
.external-pair-card span { display: block; color: var(--folio-ink-soft); font: 9px var(--utility); }
.external-pair-card strong { display: block; margin: 5px 0; color: var(--ai-moss); font: 600 28px/1 var(--utility); letter-spacing: .18em; }
.external-pair-card p { margin: 8px 0; font: 11px/1.6 var(--body); }
.external-sync-button { width: 100%; min-height: 38px; margin: 8px 0; border: 1px solid rgba(48, 59, 52, .2); color: var(--ai-moss); background: rgba(255, 252, 243, .66); font: 10px var(--utility); }
body.dark .external-integration-settings { background: rgba(71, 86, 69, .2); }
body.dark .external-pair-card { background: rgba(48, 59, 53, .75); }