.preview-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 22px;padding:15px 20px;background:#18293b;border-bottom:1px solid #354b60;color:#c9d7e4;font:13px Arial,sans-serif}.preview-controls>span{font-size:10px;font-weight:700;letter-spacing:1.4px}.preview-controls a{color:#e6eff7;text-underline-offset:5px;padding:5px 0}.preview-controls a[aria-current]{color:#ffd800;font-weight:bold}.notes-main{max-width:920px;margin:42px auto 0;padding:0 24px}.note-context{display:flex;justify-content:space-between;gap:16px;align-items:center;color:#b9cbda;font-size:12px;letter-spacing:.07em;margin:0 8px 18px}.note-context strong{color:#f3f5f7;font-size:14px;font-weight:400;letter-spacing:0;margin-left:8px}.note-context time{letter-spacing:0;white-space:nowrap}.letter{position:relative;padding:58px 78px 64px;color:#2c3239;box-shadow:0 18px 50px #0005;border-radius:2px}.letter-topline{display:flex;justify-content:space-between;font:10px Arial,sans-serif;font-weight:700;letter-spacing:1.8px;color:#47636f;border-bottom:1px solid #acb8b1;padding-bottom:20px}.letter h2{font-family:Georgia,'Times New Roman',serif;color:#1a3d6d;font-size:36px;line-height:1.2;font-weight:400;margin:30px 0 18px}.letter-byline{font:13px Arial,sans-serif;color:#526271;margin-bottom:36px}.letter-byline span{padding:0 8px}.letter-body{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.85}.letter-body p{margin:0 0 23px}.letter-body h3{font-family:Georgia,'Times New Roman',serif;font-size:25px;margin:38px 0 22px;line-height:1.3}.letter .signature{color:#1a3d6d;margin-top:28px;line-height:1.6}.concept-a .letter{background:radial-gradient(ellipse at top left,#fffdf7,transparent 65%),#f6f0e3;border:1px solid #dfd5c0;box-shadow:5px 6px 0 -1px #e4dccd,9px 11px 0 -3px #c8c3b7,0 24px 50px #0005}.concept-a .letter:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%239c8a67' opacity='.28' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.concept-b .letter{background:#fff;border-top:6px solid #0096b9;padding-top:52px}.concept-b .letter:after{content:'';position:absolute;right:0;top:-6px;width:42px;height:42px;background:linear-gradient(225deg,#101a26 49%,#e0e9ed 50%,#f6f9fb 100%);box-shadow:-3px 3px 4px #00000012}.concept-b .letter-topline{border-bottom:2px solid #1a3d6d;color:#006282;padding-right:14px}.concept-b .letter h2{font-family:Arial,sans-serif;font-size:34px;font-weight:700;letter-spacing:-.6px}.concept-b .letter-body{font-family:Arial,sans-serif;font-size:17px;line-height:1.85}.concept-b .letter-body h3{font-family:Arial,sans-serif;font-size:23px;border-left:3px solid #0096b9;padding-left:16px}.after-note{display:flex;justify-content:space-between;margin-top:28px;color:#aebdce;font-size:13px}.after-note a{color:#a5d6ec}.notes-main a:focus-visible,.preview-controls a:focus-visible{outline:3px solid #ffd800;outline-offset:4px}@media(max-width:600px){.notes-main{padding:0 15px;margin-top:26px}.note-context{align-items:flex-start;flex-direction:column;gap:7px}.letter{padding:30px 24px 34px}.letter-topline{font-size:8px;letter-spacing:1px}.letter h2,.concept-b .letter h2{font-size:28px}.letter-body,.concept-b .letter-body{font-size:17px;line-height:1.75}.letter-byline{font-size:12px;line-height:1.6}.letter-body h3{font-size:23px}.concept-b .letter{padding-top:30px}.preview-controls{gap:8px 20px}.preview-controls>span{width:100%;text-align:center}.after-note{gap:15px}}@media print{body{background:white}body>header,.site-nav,.preview-controls,.after-note,footer,.note-context{display:none}.notes-main{max-width:none;margin:0;padding:0}.letter,.concept-a .letter,.concept-b .letter{box-shadow:none;border:0;background:#fff;padding:0}.letter:before,.letter:after{display:none}.letter-body{font-size:11pt}.letter h2{font-size:22pt}.letter-body h3{break-after:avoid}}

/* Author eyebrow: homepage Info-card blue and bold, spaced lettering. */
.note-context .note-eyebrow{margin:0;color:var(--mccu-bright-blue);font-size:clamp(1rem,2vw,1.2rem);font-weight:800;line-height:1.45;letter-spacing:.08em;text-transform:uppercase}.note-author-title{display:block;margin-top:5px;font-size:.8em;letter-spacing:.055em}.note-context{align-items:center;gap:20px}.note-context time{flex-shrink:0}@media(max-width:600px){.note-context{align-items:flex-start;gap:10px}.note-context .note-eyebrow{font-size:1rem}}

/* Separate the bright eyebrow from the neutral author credit. */
.note-author-name{margin-top:6px;color:#e5edf5;font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:normal;text-transform:none}.note-author .note-author-title{margin-top:2px;color:#b9cbda;font-size:.875rem;font-weight:400;line-height:1.5;letter-spacing:normal;text-transform:none}

.notes-invitation{border-top-color:var(--mccu-bright-blue)}.notes-invitation a{color:var(--mccu-light-blue);font-weight:700;overflow-wrap:anywhere}.notes-invitation a:hover{color:#fff}.notes-invitation p:last-child{margin-bottom:0}

.note-navigation{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.note-navigation .btn{font-weight:700;white-space:normal}.note-navigation button:disabled{opacity:1;color:#8998a8;background:#182635;border-color:#3b4b5c;cursor:not-allowed}@media print{.note-navigation{display:none}}