/* Talks library: shared by namindo.com.au and webdoli.com.
   Each site sets its own colours and fonts through these variables. */
.lib{--lib-ink:#0A0444;--lib-accent:#c9a23a;--lib-accent-soft:#fbf5e3;--lib-orig-soft:#f4f3fa;--lib-line:#dcdbe6;--lib-muted:#5c5a73;--lib-head:"Times New Roman",Times,Georgia,serif;--lib-body:inherit;
  font-family:var(--lib-body);color:#1d1b2e;text-align:left}
.lib *{box-sizing:border-box}
.lib a{color:var(--lib-ink)}
.lib .lk{font-family:var(--lib-head);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--lib-muted);margin:0 0 6px}
.lib .lgap{margin-top:34px}

/* area cards */
.lcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:8px 0 6px}
.lcard{display:flex;flex-direction:column;gap:6px;padding:16px 16px 14px;background:#fff;border:1px solid var(--lib-line);border-top:3px solid var(--lib-ink);text-decoration:none;transition:background .2s,color .2s,transform .2s}
.lcard b{font-family:var(--lib-head);font-size:19px;line-height:1.25;color:var(--lib-ink);font-weight:700}
.lcard .ln{font-size:13px;color:var(--lib-muted);margin-top:auto}
.lcard:hover,.lcard:focus-visible{background:var(--lib-ink);transform:translateY(-2px)}
.lcard:hover b,.lcard:hover .lk,.lcard:hover .ln,.lcard:focus-visible b,.lcard:focus-visible .lk,.lcard:focus-visible .ln{color:#fff}

/* search */
.lsearch{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:30px 0 4px}
.lsearch label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--lib-muted);flex:1 1 280px;max-width:460px}
.lsearch input{font:inherit;font-size:16px;padding:10px 14px;border:1px solid var(--lib-line);border-bottom:2px solid var(--lib-ink);background:#fff;color:#1d1b2e;width:100%}
.lsearch input:focus{outline:2px solid var(--lib-accent);outline-offset:1px}
.lcount{font-size:14px;color:var(--lib-muted);padding-bottom:10px}

/* one area */
.lib .larea{margin:60px 0 0;padding:28px 0 0;border-top:1px solid var(--lib-line);scroll-margin-top:100px;background:none}
.lahead{max-width:820px;margin-bottom:16px}
.lahead h3{font-family:var(--lib-head);font-size:clamp(24px,2.8vw,32px);line-height:1.2;color:var(--lib-ink);margin:0 0 8px}
.lintro{margin:0;color:#3a3850;line-height:1.6}
.lmore{white-space:nowrap;font-size:15px}
.lrel{margin:12px 0 0;font-size:15px;color:#3a3850;line-height:1.7}
.lrel span{color:var(--lib-muted);margin-right:4px}
.lrel em{color:var(--lib-muted);font-style:normal;font-size:13px}
.lrel i{color:var(--lib-line);font-style:normal;margin:0 4px}

/* the table: Title | Given at | Original | Updated edition */
.ltable{border:1px solid var(--lib-line);background:#fff}
.lrow{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--lib-line);scroll-margin-top:120px;transition:background .4s}
.lrow.lhead{border-top:0;background:var(--lib-ink);color:#fff;font-family:var(--lib-head);font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.lrow.lhead>div{padding:12px 16px}
.lrow.lhead>div:nth-child(3){box-shadow:inset 0 -3px 0 #bdbad6}
.lrow.lhead>div:nth-child(4){box-shadow:inset 0 -3px 0 var(--lib-accent)}
.lc{padding:16px;min-width:0}
.lc:nth-child(3){background:var(--lib-orig-soft);border-left:1px solid var(--lib-line)}
.lc:nth-child(4){background:var(--lib-accent-soft);border-left:1px solid var(--lib-line)}
.ltitle{position:relative}
.ltitle b{display:block;font-family:var(--lib-head);font-size:19px;line-height:1.3;color:var(--lib-ink);margin:6px 0 6px}
.ltitle b a{text-decoration:none}
.ltitle b a:hover{text-decoration:underline}
.lsum{display:block;font-size:15px;line-height:1.55;color:#3a3850}
.ltype{display:inline-block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--lib-muted);border:1px solid var(--lib-line);padding:2px 7px}
.lself{position:absolute;right:12px;top:14px;font-size:15px;color:var(--lib-muted)!important;text-decoration:none;opacity:0;transition:opacity .2s}
.lrow:hover .lself,.lself:focus{opacity:1}
.ltags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ltag{font-size:12px;padding:2px 9px;border:1px solid var(--lib-line);border-radius:20px;text-decoration:none;color:var(--lib-muted)!important;background:#fff}
.ltag.main{border-color:var(--lib-ink);color:var(--lib-ink)!important}
.ltag:hover{background:var(--lib-ink);color:#fff!important}
.lwhen{font-size:15px;line-height:1.5;color:#3a3850}
.lwhen span{display:block}
.lwhen time{display:block;margin-top:6px;font-family:var(--lib-head);font-style:italic;font-size:17px;color:var(--lib-ink)}

/* download buttons */
.ldl{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#fff;border:1px solid var(--lib-ink);text-decoration:none;color:var(--lib-ink)!important;transition:background .2s,color .2s}
.ldl+.ldl,.lnote+.ldl{margin-top:8px}
.ldl.new{border-color:var(--lib-accent)}
.lico{flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:.06em;padding:6px 5px;border-radius:2px;background:var(--lib-ink);color:#fff}
.ldl.new .lico{background:var(--lib-accent);color:#1d1b2e}
.ltx{display:flex;flex-direction:column;line-height:1.2}
.ltx b{font-size:15px}
.ltx small{font-size:12px;color:var(--lib-muted);margin-top:2px}
.ldl:hover{background:var(--lib-ink);color:#fff!important}
.ldl:hover small{color:#dedcf0}
.ldl.new:hover{background:var(--lib-accent);color:#1d1b2e!important}
.ldl.new:hover small{color:#3a3850}
.lnote{display:block;font-size:13px;line-height:1.45;color:var(--lib-muted);margin-top:6px;font-style:italic}
.lc>.lnote:first-child{margin-top:0}

/* a row reached from a link elsewhere on the site */
.lrow:target,.lrow.hit{background:var(--lib-accent-soft);box-shadow:inset 4px 0 0 var(--lib-accent);animation:libhit 2.4s ease-out 1}
@keyframes libhit{0%{background:#f6e3a8}100%{background:var(--lib-accent-soft)}}
.larea.hit .lahead h3{text-decoration:underline;text-decoration-color:var(--lib-accent);text-underline-offset:6px}

.lall{margin:18px 0 0}
.lbtn{display:inline-block;padding:10px 22px;border:1px solid var(--lib-ink);background:var(--lib-ink);color:#fff!important;text-decoration:none;font-family:var(--lib-head);font-size:16px}
.lbtn:hover{background:#fff;color:var(--lib-ink)!important}
.lother{margin-top:64px;padding-top:24px;border-top:1px solid var(--lib-line)}

/* phones and narrow tablets: each row becomes a card */
@media (max-width:820px){
  .lrow.lhead{display:none}
  .ltable{border:0;background:none;display:flex;flex-direction:column;gap:14px}
  .lrow{grid-template-columns:1fr 1fr;border:1px solid var(--lib-line);border-top:3px solid var(--lib-ink);background:#fff}
  .ltitle,.lwhen{grid-column:1/-1}
  .lwhen{padding-top:0}
  .lc:nth-child(3),.lc:nth-child(4){border-left:0;border-top:1px solid var(--lib-line)}
  .lc:nth-child(4){border-left:1px solid var(--lib-line)}
  .lc[data-label]::before{content:attr(data-label);display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--lib-muted);margin-bottom:8px}
  .lwhen[data-label]::before{display:none}
  .lself{opacity:1}
}
@media (max-width:420px){ .lrow{grid-template-columns:1fr} .lc:nth-child(4){border-left:0} }
@media (prefers-reduced-motion:reduce){ .lcard,.lrow{transition:none} .lrow:target,.lrow.hit{animation:none} }
@media print{ .lsearch,.lcards,.lself{display:none} .lrow{break-inside:avoid} }
