/* Functional paper surfaces extend the approved scrapbook design. */
.compass-scrapbook .site-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-width:0}
.compass-scrapbook .site-header .brand-logo{grid-column:1;grid-row:1}
.compass-scrapbook .site-header .explore-nav{grid-column:2;grid-row:1;justify-self:start;min-width:0}
.compass-scrapbook .site-header #site-navigation{grid-column:1/-1;grid-row:2;min-width:0}
.compass-scrapbook .site-header .menu-toggle{grid-column:3;grid-row:1}
.compass-scrapbook .site-header .compass-utilities{grid-column:3;grid-row:1;display:flex;gap:10px;justify-content:flex-end;font-size:14px;width:auto;margin:0;border:0;padding:0}
.compass-utilities a{display:flex;align-items:center;gap:7px;min-height:44px;padding:9px 12px;border:1px solid #23364b55;border-radius:24px;background:#fffdf9;white-space:normal}
.compass-utilities [data-saved-count]{font-size:12px;border-radius:50%;min-width:22px;text-align:center;background:#fce2ea}
.compass-scrapbook .compass-tool-page{max-width:1100px;padding-top:28px}
.compass-tool-intro{padding:28px;background:#deeff0;border:1px solid #23364b55;border-radius:18px;margin-bottom:26px}
.compass-tool-intro h1{font-size:clamp(32px,4.5vw,52px)!important;line-height:1.15;letter-spacing:-.03em;margin-top:10px}
.compass-tool-intro p{margin:12px 0 0;max-width:64ch;font-size:17px}
.compass-search-form{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:24px;border:1px solid #23364b45;border-radius:16px;background:#fffdf9}
.compass-search-form label{font-size:15px;font-weight:600;min-width:0}
.compass-search-form :is(input[type=search],select){display:block;width:100%;min-width:0;min-height:48px;font:inherit;font-size:16px;color:#23364b;padding:11px 12px;border:1px solid #23364b60;border-radius:10px;background:#fff;margin-top:8px}
.compass-search-actions,.compass-saved-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;grid-column:1/-1}
.compass-search-form .compass-check{grid-column:1/-1;display:flex;gap:10px;align-items:center;font-weight:400;min-height:44px}
.compass-check input{width:20px;height:20px;flex-shrink:0;accent-color:#23364b}
.compass-tool-page .button{font:inherit;font-weight:600;cursor:pointer;margin:0}
.compass-result-status{font-size:16px;line-height:1.6;min-height:26px}
.compass-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0 28px}
.compass-result{display:flex;align-items:flex-start;flex-direction:column;gap:12px;min-width:0;border:1px solid #23364b45;border-radius:15px;background:#fffdf9;padding:22px;box-shadow:3px 3px 0 #deeff0}
.compass-result:nth-child(3n+2){box-shadow:3px 3px 0 #fce2ea}.compass-result:nth-child(3n){box-shadow:3px 3px 0 #e9efda}
.compass-result-label{font-size:14px;font-weight:650;line-height:1.5;color:#536473}
.compass-tool-page .compass-result h3{font-size:25px;line-height:1.25;letter-spacing:-.02em;margin:8px 0 12px;overflow-wrap:anywhere}
.compass-result h3 a{text-decoration:none}.compass-result h3 a:hover{text-decoration:underline}
.compass-result p{font-size:16px;line-height:1.65;margin:9px 0}
.compass-result .compass-result-date{font-size:14px;color:#536473}
.compass-save,.compass-remove{font:inherit;font-size:14px;line-height:1.5;min-height:44px;padding:10px 14px;border:1px solid #23364b60;border-radius:24px;background:#fffdf9;color:#23364b;cursor:pointer;white-space:normal}
.compass-save[aria-pressed=true]{background:#deeff0}.compass-save:hover,.compass-remove:hover{border-color:#23364b;text-decoration:underline}
.library-card>.compass-save,.printable-card>.compass-save{margin:0 20px 20px;align-self:start}
.compass-save-status{position:fixed;bottom:90px;right:16px;z-index:850;max-width:min(390px,calc(100vw - 32px));margin:0;padding:13px 16px;border:1px solid #23364b70;border-radius:12px;background:#fffdf9;box-shadow:3px 3px 0 #fce2ea;color:#23364b;font-size:14px;line-height:1.6;pointer-events:none}
.compass-save-status:empty{display:none}
.compass-archive{border:1px solid #23364b45;border-radius:16px;padding:22px;background:#f7f3ed;margin-top:28px}
.compass-archive summary{font-size:18px;font-weight:650;min-height:44px;cursor:pointer;padding:8px 0}
.compass-empty{grid-column:1/-1;padding:22px;background:#e9efda;border-radius:13px}
.compass-tool-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.compass-tool-links a{min-height:44px;padding:10px 14px;border:1px solid #23364b45;border-radius:24px;background:#fce2ea}
.compass-tool-page :is(a,button,input,select):focus-visible,.compass-save:focus-visible,.compass-utilities a:focus-visible{outline:3px solid #23364b;outline-offset:4px}
.compass-scrapbook :is(.sectionline,.card,.find-card,.library-card,.guide-feature-copy){min-width:0}
.compass-scrapbook :is(.card h3,.find-copy h4,.library-card h3,.guide-feature-copy h2){overflow-wrap:break-word}
.compass-scrapbook .article:not(.buddy-page):not(.compass-tool-page) :is(p,li){overflow-wrap:break-word}
[hidden]{display:none!important}
@media(max-width:760px){.compass-scrapbook .site-header .compass-utilities{grid-column:1/-1;grid-row:2;justify-self:end;font-size:14px}.compass-scrapbook .site-header #site-navigation{grid-row:3}.compass-result-grid,.compass-search-form{grid-template-columns:1fr}.compass-search-form,.compass-tool-intro{padding:20px}.compass-result{padding:20px}.compass-search-actions>*{flex:1}.compass-utilities a{padding:8px 12px}.compass-scrapbook .sectionline{flex-wrap:wrap}}
@media(max-width:380px){.compass-scrapbook .site-header{padding-left:12px;padding-right:12px;gap:8px}.compass-tool-intro{padding:18px}.compass-search-actions{flex-direction:column;align-items:stretch}.compass-search-actions>*{width:100%}.compass-result{padding:18px}}
@media print{.compass-utilities,.compass-save,.compass-remove,.compass-save-status,.compass-search-form,.compass-search-actions{display:none!important}.compass-result{break-inside:avoid;box-shadow:none}}