/* HOJULINE — crisp editorial cards with cobalt and coral energy. */
:root{color-scheme:light;--hl-bg:#f6f6f6;--hl-panel:#fff;--hl-line:#dce6e8;--hl-muted:#5a707c;--hl-accent:#2854ee;--hl-text:#172033}
.portal-view{background:var(--hl-bg);color:var(--hl-text)}
.hl-unified-header{background:#fff;border-bottom:1px solid #e2e2e2;color:#193747;box-shadow:none}
.hl-header-brand strong{color:#172033}.hl-header-nav>a{color:#354153;font-weight:550}.hl-header-nav>a.active{color:#2854ee;box-shadow:inset 0 -3px #2854ee}.hl-header-nav>a:hover{color:#126c83}
.hl-header-search{background:#fafafa;border-color:#e0e0e0}.hl-header-search input{color:#213d4c}.hl-header-search input::placeholder{color:#637b87}.hl-header-search>span,.hl-header-search button{color:#57717e}
.hl-header-tools .hl-editor-link{color:#365765}.hl-editor-link b{background:#e9f3f5;color:#17677c}
.hl-studio-menu summary{color:#365967;border-color:#dce6e8;background:#fff}.hl-studio-menu>div{background:#fff;border-color:#d9e4e7;box-shadow:0 15px 40px #22495c18}.hl-studio-menu a{color:#46616e}.hl-studio-menu a:hover,.hl-studio-menu a.active{background:#eef6f8;color:#126780}
.hl-canvas-hero{background:#2854ee;border-color:#2854ee;border-radius:14px;box-shadow:none}
.hl-canvas-hero .hl-hero-image{left:auto;right:0;width:49%;filter:none;object-position:center}
.hl-canvas-hero .hl-hero-shade{background:none}
.hl-canvas-hero .hl-hero-copy{max-width:48%}
.hl-canvas-hero h1{color:#fff;font-weight:800}.hl-canvas-hero h1 em{color:#ffe163}.hl-canvas-hero p{color:#f2f5ff}.hl-canvas-hero .hl-eyebrow{color:#fff}.hl-canvas-hero .hl-photo-credit{color:#fff;background:#111827a6;padding:3px 6px;border-radius:3px}
.hl-button{background:#2854ee;color:#fff;font-weight:650}.hl-button:hover{background:#1841cb}
.hl-hero-actions .hl-button:first-child{background:#ff755b;color:#20191b}.hl-hero-actions .hl-button:first-child:hover{background:#ff8973}
.hl-button-glass{background:#fff;color:#2344ad;border-color:#fff;backdrop-filter:none}.hl-button-glass:hover{background:#edf1ff;color:#2344ad}
.hl-eyebrow{color:#346879}.hl-canvas-hero .hl-photo-credit{color:#fff;background:#183a4c8c;padding:3px 6px;border-radius:3px}
.hl-button{background:#176e83;color:#fff}.hl-button:hover{background:#125b6f}.hl-button-glass{background:#ffffffd9;color:#275465;border-color:#bed6df;backdrop-filter:blur(4px)}.hl-button-glass:hover{background:#fff;color:#164d60}
.hl-eyebrow{color:#397488}.hl-section-tag{color:#647c87}.hl-page-heading p,.hl-browse-toolbar>span{color:#5c7380}
.hl-canvas-categories{border-bottom-color:#d4ddea;gap:12px;padding-bottom:18px}.hl-canvas-categories button{color:#27354a;font-weight:600;background:#fff;border:1px solid #d5dfed;border-radius:7px;padding:9px 13px}.hl-canvas-categories button:hover{color:#234adb;background:#e9efff;border-color:#a8baf7}
.hl-section-heading>a,.hl-section-heading>span,.hl-row-all{color:#334ca3;font-weight:600}.hl-row-all:hover{color:#0e627a}
.hl-topic-bar>button{background:#fff;border-color:#d6e3e7;color:#486573}.hl-topic-bar>button:hover{color:#116880;border-color:#86b9c7}.hl-topic-bar>button.active{background:#2854ee;border-color:#2854ee;color:#fff}
.hl-search-form,.hl-browse-toolbar select{background:#fff;border-color:#d6e3e7;color:#355362}.hl-search-form input{color:#254555}.hl-search-form input::placeholder{color:#6b818c}.hl-search-form>.hl-icon,.hl-search-form button{color:#4c707f}

/* Keep compact image tiles and ellipsis; brighten every category. */
.hl-rail-wrap .hl-content-card.hl-quiet-tile,.hl-content-grid .hl-content-card.hl-quiet-tile{background:#fffefa;border-color:#d3ddec;box-shadow:0 3px 12px #253a6008}
.hl-content-card.hl-quiet-tile:hover{border-color:#91b9c7;box-shadow:0 5px 17px #1f46560d}
.hl-rail-wrap .hl-quiet-tile.hl-tile--brief,.hl-content-grid .hl-quiet-tile.hl-tile--brief{background:#dfe8ff}
.hl-rail-wrap .hl-quiet-tile.hl-tile--video,.hl-content-grid .hl-quiet-tile.hl-tile--video{background:#e8e6fb}
.hl-rail-wrap .hl-quiet-tile.hl-tile--living,.hl-content-grid .hl-quiet-tile.hl-tile--living{background:#fff0d8}
.hl-rail-wrap .hl-quiet-tile.hl-tile--faith,.hl-content-grid .hl-quiet-tile.hl-tile--faith{background:#e7f3e8}
.hl-rail-wrap .hl-quiet-tile.hl-tile--property,.hl-content-grid .hl-quiet-tile.hl-tile--property{background:#e4f3f1}
.hl-rail-wrap .hl-quiet-tile.hl-tile--shopping,.hl-content-grid .hl-quiet-tile.hl-tile--shopping{background:#fff1c9}
.hl-rail-wrap .hl-quiet-tile.hl-tile--shopping:nth-child(3n+2),.hl-content-grid .hl-quiet-tile.hl-tile--shopping:nth-child(3n+2){background:#e6f3df}
.hl-rail-wrap .hl-quiet-tile.hl-tile--shopping:nth-child(3n),.hl-content-grid .hl-quiet-tile.hl-tile--shopping:nth-child(3n){background:#ffe9e0}
.hl-quiet-tile .hl-quiet-open{color:#172033}.hl-quiet-tile .hl-quiet-open time{color:#46556a}
.hl-quiet-open h3,.hl-rail-wrap .hl-quiet-open h3,.hl-content-grid .hl-quiet-open h3{font-weight:650;line-height:1.65;letter-spacing:-.4px}
.hl-category-row .hl-section-heading h2{font-weight:750;color:#172033}
.hl-category-row .hl-section-heading h2:before{content:"";display:inline-block;width:5px;height:20px;background:#2854ee;border-radius:2px;flex-shrink:0}
.hl-category-youtube .hl-section-heading h2:before{background:#ff6048}.hl-category-shopping .hl-section-heading h2:before{background:#f2ae16}.hl-category-christian .hl-section-heading h2:before{background:#258259}

/* Keep photographs crisp; place the text on an opaque surface below them. */
.hl-quiet-tile .hl-tile-art{inset:0 0 auto;width:100%;height:40%;object-fit:cover;opacity:1;filter:none}
.hl-quiet-tile .hl-tile-wash{display:none}
.hl-quiet-tile.hl-has-art .hl-quiet-open{padding-top:calc(53.3333% + 16px);row-gap:12px;background:transparent}
.hl-rail-wrap .hl-quiet-tile.hl-has-art,.hl-content-grid .hl-quiet-tile.hl-has-art{background:#fff}
.hl-category-youtube .hl-quiet-tile.hl-has-art .hl-quiet-open{padding-top:calc(30% + 12px);row-gap:10px}
.hl-rail-wrap .hl-rail-nav{background:#fff;border-color:#b6c6ef;color:#244adc;box-shadow:0 4px 16px #234a5d14}.hl-rail-wrap .hl-rail-nav:hover{background:#eaf4f8}
.hl-save,.hl-mini-action{background:#fff;border-color:#bcd2dc;color:#416574}.hl-mini-action.is-picked,.hl-save.is-saved{background:#e4f2f3;color:#116a7f;border-color:#92c1cb}.hl-save.is-saved .hl-icon{fill:#146d8326}
.hl-outline-button{background:#fff;color:#2c6479;border:1px solid #b8d2dc}.hl-outline-button:hover{background:#ebf5f8}

/* Directory, discussion and property surfaces follow the same light system. */
.hl-directory-hero{background:linear-gradient(120deg,#e7f4ef,#f4f9f7);border-color:#d3e6de}.hl-directory-hero>span{background:#d8ede3;border-color:#c1ddce;color:#417c64}.hl-directory-hero p{color:#59796d}
.hl-directory-card,.hl-source-grid>a{background:#fff;border-color:#dae5e8}.hl-directory-card>p{color:#5d7480}.hl-directory-meta{color:#58796e}.hl-directory-meta span:first-child{color:#876438}.hl-directory-actions{border-top-color:#e0e9eb}.hl-directory-actions a,.hl-directory-actions button{color:#366b7f}
.hl-source-grid>a>span{background:#e7f1f4;color:#32667a}.hl-source-grid small,.hl-source-grid .hl-icon{color:#607c89}
.hl-talk-welcome{background:linear-gradient(120deg,#fff1e4,#fff9f2);border-color:#eedfce}.hl-talk-welcome p{color:#7d6a59}.hl-talk-illustration{background:#ffe2ba;color:#765128}.hl-talk-illustration>span{background:#d9eaf2;color:#376379}
.hl-talk-list{background:#fff;border-color:#dce6e9}.hl-thread-row{color:#3b5969;border-bottom-color:#e4ecee}.hl-thread-row h3{color:#274a5c}.hl-thread-avatar{background:#eaf2f4;color:#52717e}.hl-talk-tag{background:#f9ecdf;color:#805a30}.hl-thread-row p,.hl-reply-count{color:#617c89}
.hl-property-hero{background:linear-gradient(120deg,#e5f1f8,#f2f8fc);border-color:#d3e3ec}.hl-property-hero p,.hl-property-hero .hl-eyebrow,.hl-property-hero>div>.hl-icon{color:#52798e}.hl-house-art{opacity:.75}
.hl-empty{background:#fff;border-color:#c9dce3;color:#5c7683}.hl-empty h2{color:#254858}.hl-soft-empty{color:#607986}
.hl-social-banner,.hl-panel{background:#fff;border-color:#d8e5e8}.hl-social-banner p,.hl-panel p{color:#5b7480}
.portal-view .app-footer{background:#ededed;color:#485566;border-color:#ddd}.app-footer strong{color:#263b59}

/* Reading and forms are comfortable white pages, including on a phone. */
.hl-dialog{background:#fff;color:#274453;border-color:#cfdee4;box-shadow:0 24px 90px #183c4f33}.hl-dialog::backdrop{background:#25485b59;backdrop-filter:blur(5px)}
.hl-dialog h2{color:#172033;font-weight:750}.hl-dialog .hl-close{background:#f1f6f8;color:#466979;border-color:#d5e3e8}.hl-detail-meta,.hl-detail-english-title{color:#597786}.hl-detail-summary,.hl-thread-body{color:#28374b}.hl-detail-source{color:#627c89}
.hl-language-summary{background:#f6fafc;border-color:#dce9ee}.hl-language-summary[lang="en"]{background:#f8faf7;border-color:#e0e8dc}.hl-language-summary h3{color:#22667e}.hl-language-summary p{color:#25364d}
.hl-reading-options{background:#cbdfe7;border-color:#cbdfe7}.hl-reading-options a{background:#edf6fa;color:#245a72}.hl-reading-options a:hover{background:#e0eff5}.hl-reading-options small{color:#587789}
.hl-dialog label{color:#496876}.hl-dialog input,.hl-dialog select,.hl-dialog textarea{background:#fbfdfd;border-color:#c9dce4;color:#2d4c5c}.hl-dialog input::placeholder,.hl-dialog textarea::placeholder{color:#708691}.hl-form-hint{color:#607c89}.hl-form-error{color:#b44738}.hl-delete-button,.hl-thread-manage button{color:#976157}.hl-thread-manage{border-color:#dce6e9}.hl-thread-manage button:first-child{color:#426c80}.hl-replies-heading{color:#365a6d}.hl-replies>div{border-color:#e1eaed}.hl-replies strong{color:#8b603c}.hl-replies p{color:#577382}
.portal-view :focus-visible,.hl-dialog :focus-visible{outline:2px solid #147c96;outline-offset:3px}
/* Video cards use a large 16:9 thumbnail with a compact two-line caption. */
.hl-category-youtube .hl-card-rail{grid-auto-columns:320px;gap:18px}
.hl-content-card.hl-quiet-tile.hl-tile--video{aspect-ratio:auto;min-height:0;height:auto;background:#fff}
.hl-content-card.hl-quiet-tile.hl-tile--video .hl-quiet-open{height:auto;padding:13px 14px 12px;row-gap:8px;justify-content:flex-start}
.hl-content-card.hl-quiet-tile.hl-tile--video.hl-has-art .hl-quiet-open{padding-top:calc(56.25% + 13px)}
.hl-content-card.hl-tile--video .hl-video-media{position:absolute;inset:0 0 auto;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#fff;pointer-events:none}
.hl-content-card.hl-tile--video:not(.hl-has-art) .hl-video-media{display:none}
.hl-content-card.hl-tile--video .hl-video-media .hl-tile-art{inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;opacity:1;border:0;box-shadow:none;transform:scale(1.02);transition:none}
.hl-content-card.hl-tile--video .hl-quiet-open h3{font-size:14px;line-height:1.5;font-weight:600;letter-spacing:-.2px;-webkit-line-clamp:2;min-height:3em;max-height:3em}
.hl-content-card.hl-tile--video .hl-quiet-open time{font-size:9px;line-height:1.5}
.hl-content-grid.hl-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media(max-width:1000px){.hl-content-grid.hl-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.hl-category-youtube .hl-card-rail{grid-auto-columns:84%;gap:14px}.hl-content-card.hl-tile--video .hl-quiet-open h3{font-size:13px}.hl-content-grid.hl-video-grid{grid-template-columns:minmax(0,1fr);gap:20px}}
/* Shopping is a compact closing row beneath the editorial categories. */
.hl-category-shopping{padding-top:24px;border-top:1px solid #d4ddea}
.hl-category-shopping .hl-section-heading{margin-bottom:14px}
.hl-category-shopping .hl-section-heading h2{font-size:18px}
.hl-category-shopping .hl-card-rail{grid-auto-columns:245px;gap:14px}
.hl-category-shopping .hl-rail-wrap .hl-content-card.hl-quiet-tile{aspect-ratio:auto;height:112px;min-height:0}
.hl-category-shopping .hl-quiet-open,.hl-category-shopping .hl-quiet-tile.hl-has-art .hl-quiet-open{padding:16px 16px 14px;row-gap:10px}
.hl-category-shopping .hl-quiet-tile.hl-has-art .hl-quiet-open{padding-right:76px}
.hl-category-shopping .hl-quiet-open h3{font-size:13px;line-height:1.6;font-weight:600}
.hl-category-shopping .hl-quiet-open time{font-size:9px}
.hl-quiet-open .hl-tile-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto;width:100%;min-width:0;color:#596678;font-family:var(--sans);font-size:9px;font-weight:400;line-height:1.5;letter-spacing:0}
.hl-quiet-open .hl-tile-meta time{flex:0 0 auto;font-size:inherit;color:inherit;letter-spacing:inherit;white-space:nowrap}
.hl-quiet-open .hl-tile-source{display:block;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.hl-category-shopping .hl-quiet-tile.hl-has-art .hl-quiet-open{padding-right:16px}
.hl-category-shopping .hl-quiet-tile.hl-has-art .hl-quiet-open h3{padding-right:60px}
.hl-category-shopping .hl-tile-art{inset:16px 12px auto auto;width:48px;height:48px;object-fit:contain}
.hl-category-shopping .hl-rail-wrap .hl-rail-nav{height:46px;width:28px;top:calc(50% - 26px);font-size:25px}
@media(max-width:720px){.hl-category-shopping .hl-card-rail{grid-auto-columns:220px;gap:12px}.hl-category-shopping .hl-section-heading h2{font-size:17px}}
@media(max-width:720px){
 .hl-canvas-hero{padding:24px;min-height:0}
 .hl-canvas-hero .hl-hero-copy{max-width:100%;padding-bottom:125px}
 .hl-canvas-hero .hl-hero-image{inset:auto 0 0;width:100%;height:112px;object-position:center 55%}
 .hl-canvas-hero h1{font-size:32px;line-height:1.3;margin:14px 0}
 .hl-canvas-hero p{margin-bottom:17px}.hl-canvas-hero .hl-photo-credit{bottom:8px;right:10px}
 .hl-canvas-categories{gap:8px}.hl-canvas-categories button{padding:8px 11px;font-size:10px}
 .hl-category-row .hl-section-heading h2:before{height:17px;width:4px}
}