/* Public notes retain the site's paper canvas, with a quieter reading column. */
.notes-page,.note-page{max-width:1120px;margin:0 auto;color:#1d3049}
.note-kicker{display:block;font-size:12px;font-weight:750;line-height:1.6;letter-spacing:.02em;color:#536b88}
.notes-list-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:10px 0 30px}
.notes-list-heading h1{margin:11px 0 15px;font-size:38px;line-height:1.35;letter-spacing:-1.3px;word-break:keep-all}
.notes-list-heading p{font-size:15px;line-height:1.9;color:#61738a}
.notes-heading-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:650;padding:10px 0;white-space:nowrap;color:#315980}
.notes-heading-link .icon,.note-related-heading .icon{width:17px;height:17px}
.notes-browse-bar{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-top:1px solid #d7dfe7;border-bottom:1px solid #d7dfe7;align-items:center}
.notes-categories{display:flex;gap:5px;flex-wrap:wrap}
.notes-categories button{padding:8px 11px;border-radius:6px;font-size:13px;color:#68768b;min-height:36px}
.notes-categories button:hover{background:#f1f4f7;color:#1d3049}
.notes-categories button.is-active{background:#eaf0f7;color:#284d76;font-weight:750}
.notes-search{display:flex;align-items:center;width:272px;flex-shrink:0;background:#fafbfD;border:1px solid #d9e1eb;border-radius:8px;overflow:hidden}
.notes-search input{min-width:0;width:100%;height:39px;border:0;background:transparent;padding:8px 11px;font-size:12px;border-radius:0;color:#243b55;box-shadow:none}
.notes-search input:focus{outline:0;box-shadow:none}
.notes-search:focus-within{border-color:#708eb0;box-shadow:0 0 0 2px #e9eff6}
.notes-search button{padding:9px 11px;display:grid;place-items:center;color:#536c89}
.notes-search .icon{width:18px;height:18px}
.notes-count{margin:18px 0 16px;font-size:12px;color:#79879a}
.notes-count strong{color:#2b4767;font-weight:750}
.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}
.note-card{min-width:0;border:1px solid #d9e1eb;border-radius:12px;background:#fff;overflow:hidden;transition:border-color .18s,box-shadow .18s}
.note-card:hover,.note-card:focus-within{border-color:#91abc8;box-shadow:0 6px 17px rgba(26,48,78,.06)}
.note-card-link{height:100%;display:flex;flex-direction:column}
.note-card-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#f3ede2}
.note-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s}
.note-card-read{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;background:rgba(22,41,65,.26);opacity:0;color:#fff;font-size:14px;font-weight:750;transition:opacity .2s}
.note-card:hover .note-card-read,.note-card:focus-within .note-card-read{opacity:1}
.note-card:hover .note-card-image img{transform:scale(1.025)}
.note-card-copy{padding:19px 18px 17px;display:flex;flex-direction:column;flex:1}
.note-card-copy .note-kicker{font-size:11px}
.note-card-copy h2{margin:8px 0 10px;font-size:19px;line-height:1.5;letter-spacing:-.5px;word-break:keep-all;overflow-wrap:anywhere}
.note-card-copy>p{font-size:13px;line-height:1.75;color:#68788d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 17px}
.note-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;font-size:11px;color:#8290a0}
.notes-empty{padding:42px 20px 48px;text-align:center;background:#fafbfD;border:1px solid #e0e6ef;border-radius:12px}
.notes-empty img{width:125px;height:125px;object-fit:contain;margin:0 auto 15px}
.notes-empty h2{font-size:21px;line-height:1.5;margin-bottom:8px}
.notes-empty p{font-size:14px;line-height:1.8;color:#728297;margin-bottom:19px}
.notes-empty .secondary-button{display:inline-flex;margin:auto;font-size:13px}
.notes-pagination{display:flex;justify-content:center;gap:7px;margin:30px 0 6px}
.notes-pagination button{display:grid;place-items:center;min-width:34px;height:34px;border-radius:7px;border:1px solid #dce3ed;font-size:13px;color:#62768f}
.notes-pagination button[aria-current=page]{background:#244b74;color:#fff;border-color:#244b74;font-weight:750}
.notes-pagination .icon{width:16px;height:16px}
.note-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px;color:#78889a;padding:5px 0 26px}
.note-breadcrumb a:hover{color:#285980;text-decoration:underline}
.note-heading{max-width:830px;margin:0 auto 27px}
.note-heading h1{font-size:38px;line-height:1.4;letter-spacing:-1.2px;word-break:keep-all;overflow-wrap:anywhere;margin:12px 0 17px}
.note-excerpt{font-size:16px;color:#62758b;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere}
.note-dates{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:#8491a0;margin-top:18px}
.note-figure{margin:30px 0}
.note-figure img{display:block;width:100%;height:auto;border-radius:11px;background:#f6f0e6}
.note-figure figcaption{font-size:12px;line-height:1.7;margin-top:9px;color:#78869a;word-break:keep-all}
.note-hero-image{max-width:920px;margin:0 auto 36px}
.note-hero-image img{max-height:520px;object-fit:cover;aspect-ratio:16/9}
.note-reading-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:38px;max-width:1030px;margin:auto;align-items:start}
.note-toc{position:sticky;top:96px;border-top:2px solid #94a8bd;padding-top:12px}
.note-toc summary{font-size:12px;font-weight:750;color:#5e748e;list-style:none;cursor:default;display:flex;justify-content:space-between;align-items:center}
.note-toc summary::-webkit-details-marker{display:none}
.note-toc summary>.icon{display:none}
.note-toc nav{display:flex;flex-direction:column;gap:3px;padding-top:12px}
.note-toc button{font-size:12px;text-align:left;line-height:1.7;color:#73849a;padding:8px 7px;border-radius:5px;word-break:keep-all;overflow-wrap:anywhere}
.note-toc button:hover,.note-toc button.is-active{background:#edf3fa;color:#264f7a}
.note-prose{min-width:0;max-width:780px}
.note-answer{padding:21px 24px;background:#f4f1eb;border:1px solid #e4ddd1;border-radius:10px;scroll-margin-top:95px}
.note-answer .note-kicker{color:#7b6b51;margin-bottom:9px}
.note-answer p{font-size:16px;line-height:1.95;color:#36485b}
.note-answer p+p{margin-top:11px}
.note-section{margin-top:34px;padding-top:28px;border-top:1px solid #dfe5ed;scroll-margin-top:95px}
.note-section h2{font-size:24px;line-height:1.55;letter-spacing:-.65px;color:#203851;margin:0 0 17px;word-break:keep-all;overflow-wrap:anywhere}
.note-section p,.note-section li{font-size:15px;line-height:2;color:#4c6078;word-break:keep-all;overflow-wrap:anywhere}
.note-section p+p{margin-top:16px}
.note-section ul{margin:20px 0 0;padding-left:21px}
.note-section li{padding-left:3px;margin:8px 0}
.note-table-wrap{overflow-x:auto;margin:23px 0;background:#fff;border:1px solid #dce3ec;border-radius:9px}
.note-table-wrap table{width:100%;border-collapse:collapse;min-width:420px;text-align:left}
.note-table-wrap th{background:#f2f5f8;font-size:13px;font-weight:700;color:#304c68;padding:13px 15px;border-bottom:1px solid #dce3ec;line-height:1.7}
.note-table-wrap td{padding:14px 15px;font-size:13px;line-height:1.8;color:#556a80;border-bottom:1px solid #e5eaf0;vertical-align:top;word-break:keep-all}
.note-table-wrap tbody tr:last-child td{border-bottom:0}
.note-questions details{border-bottom:1px solid #e0e6ef}
.note-questions summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;cursor:pointer;padding:16px 0;font-size:14px;font-weight:700;line-height:1.7;word-break:keep-all}
.note-questions summary::-webkit-details-marker{display:none}
.note-questions summary .icon{width:16px;height:16px;flex-shrink:0;color:#74869b;transition:transform .2s}
.note-questions details[open] summary .icon{transform:rotate(180deg)}
.note-questions details>div{padding:0 0 19px}
.note-questions details p{font-size:14px;line-height:1.95}
.note-public-links{margin-top:32px;padding:20px 0 8px;border-top:1px solid #dfe5ed}
.note-public-links p{font-size:14px;color:#62748b;margin-bottom:8px}
.note-public-links a{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:#2c5a87;padding:6px 0}
.note-public-links .icon{width:17px;height:17px}
.note-products{display:flex;justify-content:space-between;gap:28px;padding:25px 28px;background:#f4f6f9;border:1px solid #dce4ee;border-radius:11px;margin:38px auto 0;max-width:1030px}
.note-products h2{font-size:20px;line-height:1.5;margin-top:5px;letter-spacing:-.5px}
.note-product-list{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.note-product-list a{display:flex;align-items:center;gap:32px;padding:11px 15px;border:1px solid #d7e1ed;background:#fff;border-radius:8px;min-width:150px}
.note-product-list a:hover{border-color:#8aa6c5}
.note-product-list strong,.note-product-list small{display:block;line-height:1.6}
.note-product-list strong{font-size:14px}.note-product-list small{font-size:12px;color:#75869a;margin-top:2px}
.note-product-list .icon{width:17px;height:17px;color:#42678f;margin-left:auto}
.note-related{border-top:1px solid #dce3ec;margin-top:37px;padding-top:27px}
.note-related-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.note-related-heading h2{font-size:23px;line-height:1.5;letter-spacing:-.7px}
.note-related-heading>a{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:650;color:#456888}
.note-related .note-card-copy h2{font-size:18px}
.home-notes{margin-top:40px;padding-top:28px;border-top:1px solid #dce3ec}
.home-notes h2{font-size:26px;line-height:1.5;letter-spacing:-.7px}
.home-notes>p{font-size:14px;line-height:1.8;color:#768397;margin:9px 0 20px}
.home-notes .notes-grid{margin-top:20px}
.home-notes .notes-heading-link{margin-top:8px}
.notes-page[aria-busy=true]{opacity:.7}
.notes-page :is(a,button):focus-visible,.note-page :is(a,button,summary):focus-visible{outline:2px solid #3d648d;outline-offset:3px}
@media(max-width:1023px){
 .notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .notes-browse-bar{flex-direction:column;align-items:stretch;gap:12px}
 .notes-search{width:100%;max-width:360px;align-self:flex-end}
 .note-reading-layout{grid-template-columns:160px minmax(0,1fr);gap:24px}
 .note-heading h1{font-size:34px}
 .note-products{padding:23px;flex-direction:column;gap:18px}
 .note-related .notes-grid>.note-card:last-child:nth-child(3){display:none}
}
@media(max-width:767px){
 .notes-list-heading{display:block;padding:8px 0 22px}
 .notes-list-heading h1{font-size:29px;line-height:1.4;letter-spacing:-1px;margin:10px 0 13px}
 .notes-list-heading p{font-size:13px;line-height:1.85}
 .notes-heading-link{font-size:12px;margin-top:9px;padding:7px 0}
 .notes-browse-bar{padding:13px 0;gap:12px}
 .notes-categories{gap:3px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}
 .notes-categories button{padding:7px 10px;font-size:12px;white-space:nowrap;flex-shrink:0}
 .notes-search{max-width:none}
 .notes-search input{height:38px;font-size:12px}
 .notes-count{margin-top:15px;font-size:11px}
 .notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
 .note-card{border-radius:9px}
 .note-card-copy{padding:13px 12px 12px}
 .note-card-copy .note-kicker{font-size:10px}
 .note-card-copy h2{font-size:16px;line-height:1.55;margin:6px 0 8px;letter-spacing:-.4px}
 .note-card-copy>p{font-size:11px;line-height:1.75;margin-bottom:13px}
 .note-card-meta{font-size:10px;gap:6px;flex-wrap:wrap}
 .note-card-read{font-size:12px;gap:5px}
 .note-card-read .icon{width:15px;height:15px}
 .notes-empty{padding:32px 18px 37px}
 .notes-empty h2{font-size:19px}.notes-empty p{font-size:13px}
 .note-breadcrumb{padding:3px 0 23px;gap:8px;font-size:10px}
 .note-heading{margin-bottom:21px}
 .note-heading h1{font-size:29px;line-height:1.45;letter-spacing:-.9px;margin:10px 0 14px}
 .note-excerpt{font-size:14px;line-height:1.9}
 .note-dates{font-size:11px;gap:11px;margin-top:16px}
 .note-hero-image{margin-bottom:24px}
 .note-figure img{border-radius:8px}.note-figure figcaption{font-size:11px}
 .note-reading-layout{display:block}
 .note-toc{position:static;margin-bottom:22px;padding:0;border:1px solid #d9e2ed;border-radius:8px;background:#fafbfc}
 .note-toc summary{cursor:pointer;padding:13px 15px;min-height:43px;font-size:12px}
 .note-toc summary>.icon{display:block;width:15px;height:15px;transition:transform .15s}
 .note-toc details[open] summary>.icon{transform:rotate(180deg)}
 .note-toc nav{padding:0 8px 10px}
 .note-toc button{padding:8px;font-size:12px}
 .note-answer{padding:18px 19px;border-radius:8px;scroll-margin-top:80px}
 .note-answer p{font-size:14px;line-height:1.95}
 .note-section{margin-top:28px;padding-top:24px;scroll-margin-top:80px}
 .note-section h2{font-size:21px;line-height:1.6;margin-bottom:15px}
 .note-section p,.note-section li{font-size:14px;line-height:2}
 .note-section p+p{margin-top:14px}
 .note-figure{margin:23px 0}
 .note-table-wrap th,.note-table-wrap td{padding:11px 12px;font-size:12px}
 .note-questions summary{font-size:13px;padding:14px 0}
 .note-questions details p{font-size:13px}
 .note-public-links{padding-top:18px;margin-top:27px}
 .note-public-links p,.note-public-links a{font-size:13px}
 .note-products{padding:20px 18px;margin-top:30px;border-radius:8px}
 .note-products h2{font-size:19px}
 .note-product-list{flex-direction:column;align-items:stretch;gap:9px}
 .note-product-list a{width:100%;padding:12px 13px}
 .note-related{margin-top:30px;padding-top:23px}
 .note-related-heading h2{font-size:21px}
 .note-related-heading>a{font-size:12px}
 .note-related .note-card-copy h2{font-size:16px}
 .home-notes h2{font-size:23px}.home-notes>p{font-size:13px}
}
@media(max-width:359px){.notes-grid{grid-template-columns:minmax(0,1fr)}.note-card-copy h2{font-size:18px}.note-card-meta{font-size:11px}.note-card-copy>p{font-size:12px}.note-heading h1{font-size:27px}}
@media(hover:none){.note-card-read{display:none}.note-card:hover .note-card-image img{transform:none}}
@media(prefers-reduced-motion:reduce){.note-card,.note-card-image img,.note-card-read,.note-questions summary .icon{transition:none}}
@media print{.note-toc,.note-products,.note-related,.note-public-links,.note-breadcrumb{display:none}.note-reading-layout{display:block}.note-heading h1{font-size:28px}.note-prose{max-width:none}.note-section{break-inside:avoid}.note-figure{break-inside:avoid}.note-hero-image img{max-height:320px}}