/* V27 — visual treatment approved for the Harris Family Bible homepage. */
:root{--v27-purple:#52137f;--v27-teal:#007e8b;--v27-orange:#ee6105;--v27-dark:#21163c}
body{background:#f7f7fb;color:var(--v27-dark)}
.wrap{max-width:1190px}.wrap>main{padding-top:8px}
.top{min-height:160px;border-radius:22px;margin-bottom:14px;background:linear-gradient(95deg,rgba(81,4,111,.48),rgba(19,16,84,.82)),url('miami-ocean-drive.jpg') center 43%/cover}
.top .brand{font-size:clamp(28px,4.4vw,45px)}
.top .brand:before{content:'♛';font-size:32px}
.top .brand small{font-size:clamp(9px,1.1vw,13px)}
.panel{border-radius:20px}
.v27-foundation{display:flex;align-items:center;gap:25px;padding:23px 30px;background:linear-gradient(110deg,#fff 70%,#eee8f9);border:1px solid #e9e3ef;border-left:none}
.v27-foundation-icon{font-size:41px;flex:0 0 94px;text-align:center;border-right:2px solid #9d78b9;line-height:1.6}
.v27-foundation-label{font-size:clamp(17px,2vw,23px);font-weight:800;color:#5e228e}
.v27-verse-ref{font-size:clamp(21px,2.7vw,30px);font-weight:850;color:#21153f}
.v27-foundation-text{margin:3px 0 0;font:italic clamp(15px,2vw,21px) Georgia,serif}
.v27-strip{display:flex;align-items:center;gap:20px;padding:15px 22px;color:#fff}
.v27-strip h2{margin:0;font-size:clamp(22px,2.7vw,32px);line-height:1.1;color:#fff}
.v27-strip-heading{display:flex;align-items:center;gap:14px;flex-shrink:0}
.v27-strip-icon{font-size:34px;line-height:1}
.v27-strip-subtitle{font-size:13px;opacity:.95;flex:1}
.v27-action{display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;padding:10px 15px;border-radius:20px;color:#551580!important;background:#fff;text-decoration:none!important;font-weight:850;font-size:13px}
.v27-events,.v27-journal,.v27-private-conversations,.v27-household-setup,.v27-admin{overflow:hidden;padding:0;margin:18px 0;box-shadow:0 8px 22px #22154624}
.v27-events{border:1px solid #a6d2da}.v27-events-strip{background:linear-gradient(96deg,#00939c,#006c84)}
.v27-events-body{padding:10px 15px 15px}
.v27-event-tools{display:flex;align-items:center;gap:10px;margin:2px 4px 12px}
.v27-event-tools button{border:1px solid #d7dde7;background:#fff;border-radius:8px;width:30px;height:28px;font-size:20px;cursor:pointer;color:#552d80}
.v27-event-tools button:disabled{opacity:.3}.v27-event-tools strong{font-size:14px;min-width:135px;text-align:center}.v27-scroll-hint{font-size:12px;margin-left:auto;color:#607287}
.v27-events-list{height:236px;padding:5px;overflow-y:auto;border:1px solid #dbe8ed;border-radius:12px;background:#f7fcff;scrollbar-width:thin;scroll-snap-type:y proximity}
.v27-event-item{display:grid;grid-template-columns:64px minmax(0,1fr) 112px 88px auto;align-items:center;gap:12px;background:#fff;padding:7px 13px;height:71px;box-sizing:border-box;border:1px solid #e1e1ee;border-radius:12px;margin-bottom:5px;box-shadow:0 2px 5px #211a3e16;scroll-snap-align:start}
.v27-event-symbol{width:55px;height:50px;display:flex;align-items:center;justify-content:center;background:#f5e6f8;border-radius:10px;font-size:28px}
.v27-event-item:nth-child(3n+2) .v27-event-symbol{background:#fff0d4}.v27-event-item:nth-child(3n) .v27-event-symbol{background:#e0f5ff}
.v27-event-info{min-width:0}.v27-event-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.2}.v27-event-info small{font-size:12px;color:#655e7b;text-transform:capitalize}
.v27-event-when,.v27-event-time{font-size:12px;color:#37265a;white-space:nowrap}.v27-event-time:before{content:'◷';color:#6d3c9b;padding-right:6px}.v27-private-label{font-size:12px}
.v27-events-footer{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;padding:8px 3px 0;color:#66748b}.v27-events-footer a{font-weight:800;color:#007c8b}
.v27-explore{padding:0 0 18px!important}.v27-explore>h2{padding:17px 24px;background:linear-gradient(100deg,#411063,#79178c);border-bottom:6px solid #00a9b5;font-size:clamp(22px,2.8vw,29px)}.v27-explore>p{padding:11px 22px 2px;margin:0}
.v27-explore .home-family-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px 13px 2px}
.v27-explore .home-family-links a{display:flex;justify-content:flex-start;gap:11px;text-align:left;min-height:72px;min-width:0;padding:10px 13px;border-radius:13px}
.v27-explore .home-family-links a:last-child:nth-child(odd){grid-column:auto}
.v27-tile-icon{font-size:27px;flex:0 0 38px;text-align:center}.v27-tile-text{display:flex;flex-direction:column;min-width:0;gap:2px}.v27-tile-text strong{font-size:14px;line-height:1.25}.v27-tile-text small{font-size:11px;color:#716b83;font-weight:500}.v27-tile-chevron{margin-left:auto;color:#6d338d;font-size:26px}
.v27-journal{border:1px solid #e0c9ec}.v27-journal>.v26-section-header{background:linear-gradient(100deg,#e4c0f7,#a16ece);color:#321252;padding:15px 21px;gap:17px}
.v27-journal .v26-section-header h2{color:#351052;font-size:clamp(22px,2.5vw,28px);margin:0}.v27-journal .v26-section-header p{color:#3a195c;font-size:13px;opacity:1;flex:1}
.v27-journal .v26-journal-body{background:linear-gradient(180deg,#fffaff,#fff);padding:15px 21px}
.v27-journal .v26-audience-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.v27-journal .v26-audience-switch label{flex:auto;min-width:0}.v27-journal .v26-audience-switch label[hidden]{display:none!important}.v27-journal .v26-audience-switch span{border-radius:26px;font-size:12px;padding:10px 5px;white-space:normal}
.v27-journal .v26-audience-switch input:checked+span{background:#7220a8;color:#fff;border-color:#7220a8;box-shadow:0 2px 9px #6f258c50}
.v27-journal .v26-sharing legend{font-size:12px}.v27-journal .v26-quick-journal input[type=text],.v27-journal .v26-quick-journal textarea{min-height:44px}
.v27-journal #v26-journal-text{min-height:92px}.v27-journal #v26-journal-title-input{min-height:44px}.v27-journal .v26-journal-actions{justify-content:flex-end}.v27-journal .v26-journal-actions .v26-button{background:linear-gradient(110deg,#9f21c4,#55117f);border-radius:13px;color:#fff!important}
.v27-chat-notice{padding:10px;border-radius:9px;background:#f4e9fa;color:#532a76;font-size:13px}.v27-chat-notice[hidden]{display:none}
.v27-private-conversations{border-color:#bee6e8}.v27-private-conversations .v25-headrow{background:linear-gradient(100deg,#008a93,#006878)}
.v27-household-setup{border-top-color:#0a9f9c}.v27-admin{border-top-color:#f47b13}.v27-admin h2{background:linear-gradient(95deg,#f9770d,#cd4f00)}
.v27-word{padding:22px 28px;background:linear-gradient(105deg,white 45%,#f1dbfe 82%,#e5cce9);border-bottom:5px solid #a963bd}.v27-word-heading{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.v27-word-heading strong{font-size:clamp(15px,2vw,20px);letter-spacing:.1em;color:#007d8a}.v27-word-heading span{font-size:clamp(25px,3.2vw,37px);font-weight:850}.v27-word p{font:italic clamp(16px,2vw,22px) Georgia,serif;margin:8px 0}.v27-word small{color:#756a86}
.v27-topics-heading{margin-top:27px}
@media(max-width:750px){.v27-strip{flex-wrap:wrap;gap:8px}.v27-strip-heading{width:100%}.v27-event-tools{flex-wrap:wrap}.v27-scroll-hint{font-size:11px}.v27-event-item{grid-template-columns:46px minmax(0,1fr) 76px;gap:8px;padding:6px}.v27-event-symbol{width:43px;height:44px;font-size:22px}.v27-event-when{font-size:11px}.v27-event-time{grid-column:3;font-size:11px}.v27-event-info strong{font-size:13px}.v27-private-label{display:none}.v27-journal .v26-audience-switch{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.top{min-height:120px;padding:17px 14px}.top .brand{font-size:27px}.top .brand:before{font-size:25px}.v27-foundation{padding:15px;gap:12px}.v27-foundation-icon{flex-basis:52px;font-size:29px}.v27-foundation-label{font-size:14px}.v27-verse-ref{font-size:19px}.v27-foundation-text{font-size:13px}.v27-strip{padding:13px}.v27-strip h2{font-size:23px}.v27-strip-subtitle{font-size:12px}.v27-events-body{padding:8px}.v27-events-list{height:236px}.v27-event-tools strong{min-width:112px}.v27-explore .home-family-links{grid-template-columns:1fr;padding:10px}.v27-explore .home-family-links a{min-height:60px}.v27-journal>.v26-section-header{padding:12px}.v27-journal .v26-journal-body{padding:12px}.v27-word{padding:16px}.v27-word-heading span{font-size:23px}}
/* V27.1 correction: Explore Your Family is a tile grid on all phone sizes. */
.v27-explore .home-family-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.v27-explore .home-family-links a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
  text-align: center;
  min-width: 0;
  min-height: 118px;
  padding: 12px 7px;
}
.v27-explore .home-family-links .v27-tile-icon {
  flex: none;
  font-size: 29px;
  line-height: 1.1;
}
.v27-explore .home-family-links .v27-tile-text {
  align-items: center;
  gap: 3px;
  overflow-wrap: anywhere;
}
.v27-explore .home-family-links .v27-tile-text strong {
  font-size: 14px;
  line-height: 1.2;
}
.v27-explore .home-family-links .v27-tile-text small {
  font-size: 11px;
  line-height: 1.25;
}
.v27-explore .home-family-links .v27-tile-chevron {display: none;}
@media (max-width: 760px) {
  .v27-explore .home-family-links {grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:12px;}
  .v27-explore .home-family-links a {min-height:120px;}
  .v27-explore .home-family-links a:last-child:nth-child(odd) {grid-column:1/-1;}
}
@media (max-width: 380px) {
  .v27-explore .home-family-links {grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;}
  .v27-explore .home-family-links a {min-height:108px; padding:10px 5px;}
  .v27-explore .home-family-links .v27-tile-text strong {font-size:13px;}
  .v27-explore .home-family-links .v27-tile-text small {font-size:10px;}
}

/* V27.3 compact homepage corrections – only visual display changes. */
.v27-events-strip {
  display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center;
  padding:9px 15px!important; min-height:0!important; gap:3px 10px!important;
}
.v27-events-strip .v27-strip-heading {width:auto!important;gap:9px;}
.v27-events-strip .v27-strip-icon {font-size:25px;line-height:1;}
.v27-events-strip h2 {font-size:clamp(19px,3vw,25px)!important;line-height:1.15;margin:0;}
.v27-events-strip .v27-event-add {grid-column:2;grid-row:1 / span 2;align-self:center;padding:8px 12px;}
.v27-events-strip .v27-strip-subtitle {grid-column:1;grid-row:2;font-size:11px;line-height:1.3;}
.v27-events-body {padding:8px 11px 10px!important;}
.v27-event-tools {margin:0 1px 7px!important;gap:7px;}
.v27-event-tools strong {font-size:13px;}
.v27-scroll-hint {font-size:10px;}
.v27-events-list {height:194px!important;padding:4px!important;border-radius:10px;}
.v27-events-list:has(> .v26-placeholder) {height:auto!important;min-height:0!important;}
.v27-events-list .v26-placeholder {padding:20px 8px!important;font-size:13px;}
.v27-event-item {height:57px;min-height:57px;padding:5px 9px;margin-bottom:5px;}
.v27-events-footer {padding-top:5px!important;}
/* Use the same full-width violet heading as Explore Our Family. */
.v27-family-bible-topics {padding:0 0 18px!important;overflow:hidden;}
.v27-family-bible-topics > .v27-topics-heading {
  margin:0!important;padding:15px 22px!important;color:#fff!important;
  background:linear-gradient(100deg,#411063,#79178c);border-bottom:6px solid #00a9b5;
  font-size:clamp(22px,2.8vw,29px);line-height:1.2;
}
.v27-family-bible-topics > .muted {padding:11px 22px 0;margin:0 0 10px;}
.v27-family-bible-topics > .tiles {padding:4px 17px 12px;}
/* Journal heading is a short strip, never a tall gradient block. */
.v27-journal > .v26-section-header {
  display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;
  align-items:center!important;align-content:center!important;
  padding:10px 16px!important; min-height:0!important;height:auto!important;
  gap:2px 12px!important; box-sizing:border-box!important;
  background:linear-gradient(100deg,#d9a1ed,#a16ece)!important;
}
.v27-journal .v26-section-header .v27-strip-heading {width:auto!important;gap:10px;}
.v27-journal .v26-section-header .v27-strip-icon {font-size:24px;}
.v27-journal .v26-section-header h2 {font-size:clamp(21px,2.8vw,27px);line-height:1.12;}
.v27-journal .v26-section-header p {flex:1 1 170px!important;margin:0!important;line-height:1.3;font-size:12px;}
/* Inline SVG icons always load with the HTML, regardless of emoji fonts. */
.v27-explore .home-family-links .v27-tile-icon {display:flex;align-items:center;justify-content:center;width:39px;height:38px;}
.v27-icon-svg {display:block;width:33px;height:33px;max-width:100%;flex:0 0 auto;}
@media(max-width:520px){
 .v27-events-strip {padding:8px 11px!important;}
 .v27-events-strip h2 {font-size:21px!important;}
 .v27-events-strip .v27-event-add {font-size:12px;padding:7px 9px;}
 .v27-events-strip .v27-strip-subtitle {font-size:10px;}
 .v27-events-list {height:194px!important;}
 .v27-family-bible-topics > .v27-topics-heading {padding:15px 17px!important;font-size:23px;}
 .v27-family-bible-topics > .muted {padding:10px 17px 0;}
 .v27-family-bible-topics > .tiles {padding:4px 12px 8px;}
 .v27-journal > .v26-section-header {padding:9px 12px!important;}
}

/* V27.4: unmistakable built-in SVG icons for all six Bible sections. */
.v27-family-bible-topics .tile > .v27-bible-tile-icon {
 display:flex; align-items:center; justify-content:flex-start; flex:0 0 auto;
 width:39px; height:40px; color:white; opacity:1;
}
.v27-family-bible-topics .tile > .v27-bible-tile-icon svg {
 display:block; width:33px; height:33px; flex:none; stroke:#fff; opacity:1;
}