/* Coloured dividers in the friendship book. */
.utility-heading{padding-top:24px;padding-bottom:6px}.utility-heading h1{font-size:clamp(1.5rem,3vw,2rem)}.utility-heading .crumbs,.utility-heading .crumbs a{color:var(--ink-soft)}
.book-row{display:flex;align-items:center;gap:10px;max-width:1600px;margin:auto;padding:0 24px;min-height:78px}
.book-header .logo{flex:none;min-height:44px}
.book-header .logo-word{font-size:22px;white-space:nowrap}
.book-header .logo-mark{width:38px;height:38px}
.book-nav{position:static;inset:auto;display:block;width:auto;max-width:none;margin:0 0 0 auto;padding:0;border:0;overflow:visible;color:var(--ink);background:transparent}
.book-groups{display:flex;gap:2px}
.book-group{position:relative;border-bottom:4px solid var(--pen-1);margin:0}
.book-group:nth-child(2n){border-color:var(--pen-2)}
.book-group:nth-child(3n){border-color:var(--pen-3)}
.book-group summary{list-style:none;display:flex;align-items:center;gap:6px;min-height:50px;padding:0 9px;font-size:16px;font-weight:700;white-space:nowrap;cursor:pointer;border-radius:8px 8px 0 0}
.book-group summary::-webkit-details-marker{display:none}
.book-group[open] summary,.book-group[data-active] summary{background:#fff0f7}
.book-panel{position:absolute;top:100%;left:0;width:360px;max-height:min(72vh,640px);overflow:auto;padding:10px;background:white;border:2px solid var(--ink);border-radius:0 14px 14px 6px;box-shadow:8px 10px 0 #20124d24}
.book-group:nth-last-child(-n+3) .book-panel{left:auto;right:0}
.book-panel a{display:flex;align-items:center;min-height:44px;padding:9px 12px;font-size:16px;line-height:1.35;text-decoration:none;border-bottom:1px dotted var(--dots)}
.book-panel a:hover,.book-panel a[aria-current]{background:#fff1bb;color:var(--ink)}
.book-languages{display:flex;gap:0;flex:none}
.book-languages a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:16px;font-weight:700;text-decoration:none;border-radius:50%}
.book-languages a[aria-current]{background:var(--cover);color:white}
.book-search-open,.book-menu-toggle,.book-close{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:2px solid var(--ink);border-radius:50%;background:white;color:var(--ink);font-size:20px;flex:none}
.book-search-open{order:3}
.book-desktop-languages{order:4}
.book-menu-toggle,.book-drawer-top,.book-drawer-links,.book-drawer-search{display:none}
#book-search{position:fixed;inset:90px 16px auto auto;width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 110px);margin:0;padding:24px;overflow:auto;background:white;color:var(--ink);border:2px solid var(--ink);border-radius:14px;box-shadow:10px 12px 0 #20124d30}
#book-search::backdrop{background:#20124d66}
#book-search form label{display:block;font-size:20px;font-weight:700;margin-bottom:12px}
#book-search form>div{display:flex;gap:6px}
#book-search input{min-width:0;width:100%;min-height:48px;border:2px solid var(--ink);border-radius:6px;padding:8px;font-size:16px}
#book-search button{min-width:44px;min-height:48px;font-size:16px;border:2px solid var(--ink);border-radius:6px;background:var(--fill-1);font-weight:700}
.book-search-results{padding:0;list-style:none}
.book-search-results a{display:flex;min-height:44px;align-items:center;padding:10px 0;border-bottom:1px dotted var(--dots);font-size:16px}
.book-search-status{margin:12px 0;font-size:16px}
@media(max-width:1359px){
 .book-row{min-height:74px;padding:0 16px;gap:8px}
 .book-header .logo-word{font-size:20px}
 .book-search-open{margin-left:auto;order:0}
 .book-menu-toggle{display:flex;gap:7px;padding:0 12px;border-radius:24px;font-size:16px;font-weight:700}
 .book-nav:not(:popover-open){display:none}
 .book-nav:popover-open{position:fixed;inset:0 0 0 auto;width:min(100%,480px);height:100dvh;max-height:none;max-width:100%;margin:0;padding:16px 20px 28px;overflow:auto;background:white;border-left:5px solid var(--cover)}
 .book-nav::backdrop{background:#20124d88}
 .book-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:16px;border-bottom:2px dotted var(--dots);font-size:20px}
 .book-drawer-search{display:block;width:100%;min-height:48px;padding:8px 12px;margin:18px 0;border:2px solid var(--ink);border-radius:24px;background:var(--fill-1);font-size:16px;font-weight:700}
 .book-groups{display:block}
 .book-group{margin:8px 0;border-bottom-width:3px}
 .book-group summary{min-height:50px;justify-content:space-between}
 .book-panel{position:static;width:100%;max-height:none;border:0;border-left:2px dotted var(--dots);box-shadow:none;border-radius:0;padding:4px}
 .book-drawer-links{display:grid;gap:4px;padding-top:20px}
 .book-drawer-links>a{display:flex;align-items:center;min-height:44px;font-size:16px}
 .book-drawer-links .book-languages{margin-top:10px}
 .book-desktop-languages{display:none}
}
@media(max-width:380px){.book-menu-toggle span{display:none}.book-menu-toggle{padding:0;width:44px}.book-row{padding:0 10px}.book-header .logo-word{font-size:18px}.book-header .logo{gap:5px}.book-header .logo-mark{width:32px}}