.friendly-surface .sample-note{border-left:4px solid var(--coral);background:#fff;border-radius:0 14px 14px 0;padding:14px 18px;margin:0 0 14px}.friendly-surface .sample-note-title{font-weight:700;font-size:15px;color:var(--ink);margin:0 0 4px}.friendly-surface .sample-note-body{font-size:14px;line-height:1.6;color:var(--ink-2);margin:0}.friendly-surface .sample-sections{color-scheme:light}.friendly-surface .sample-workspace{background:#f3f4f6;border:1px solid #d1d5db;border-radius:18px;padding:14px}@media (min-width:640px){.friendly-surface .sample-workspace{padding:22px}}.friendly-surface .sample-sections-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}.friendly-surface .sample-sections-count{margin:0;font-size:14px;color:var(--ink-3)}.friendly-surface .sample-expand-all{font:inherit;font-size:14px;font-weight:700;color:var(--ink);background:#fff;border:1.5px solid var(--ink);border-radius:999px;padding:8px 16px;cursor:pointer}.friendly-surface .sample-expand-all:hover{background:var(--ink);color:#fff}.friendly-surface .sample-expand-all:focus-visible,.friendly-surface .sample-letter-btn:focus-visible,.friendly-surface .sample-section-btn:focus-visible{outline:3px solid var(--coral);outline-offset:2px}.friendly-surface .sample-section{background:#fff;border:1px solid var(--rule);border-radius:16px;margin:0 0 10px;overflow:hidden}.friendly-surface .sample-section.is-open{border-color:#cfd3da}.friendly-surface .sample-section-h{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}.friendly-surface .sample-section-btn{display:flex;align-items:center;gap:14px;width:100%;text-align:left;font:inherit;color:var(--ink);background:transparent;border:0;padding:14px 16px;cursor:pointer}.friendly-surface .sample-section-btn:hover{background:var(--cream)}.friendly-surface .sample-section-num{flex:none;width:30px;height:30px;border-radius:999px;background:var(--coral);color:#fff;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.friendly-surface .sample-section-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.friendly-surface .sample-section-title{font-size:16px;font-weight:700;line-height:1.3}.friendly-surface .sample-section-summary{font-size:14px;line-height:1.45;color:var(--ink-2)}.friendly-surface .sample-section-chev{flex:none;color:var(--ink-3);transition:transform .16s ease}.friendly-surface .sample-section-btn[aria-expanded=true] .sample-section-chev{transform:rotate(180deg)}.friendly-surface .sample-section-panel{padding:4px 8px 12px;border-top:1px solid var(--rule)}.friendly-surface .sample-section-panel .sample-workspace{padding:8px}.friendly-surface .sample-section-panel .sample-note{padding:12px}.friendly-surface .sample-section-panel[hidden]{display:none}.friendly-surface .sample-section-panel .sample-note{margin-top:14px}@media (min-width:640px){.friendly-surface .sample-section-btn{padding:16px 20px}.friendly-surface .sample-section-panel{padding:4px 20px 20px}.friendly-surface .sample-section-panel .sample-workspace{padding:22px}.friendly-surface .sample-section-panel .sample-note{padding:14px 18px}}.friendly-surface .sample-sections-skip{flex:1 0 100%;margin:0;font-size:13px;color:var(--ink-3)}.friendly-surface .sample-sections-skip a{text-decoration:underline;color:var(--ink-2)}.friendly-surface .sample-letter-more{position:relative;margin-top:-26px;padding-top:40px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 60%)}.friendly-surface .sample-letter-btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:14px;font-weight:700;color:#fff;background:var(--ink);border:0;border-radius:999px;padding:10px 18px;text-align:left;cursor:pointer}.friendly-surface .sample-letter-btn:hover{background:var(--navy)}.friendly-surface .sample-letter-btn[aria-expanded=true] svg{transform:rotate(180deg)}.friendly-surface .sample-workspace a{text-decoration:underline}.friendly-surface .sample-workspace button{font:inherit}.friendly-surface .sample-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media (min-width:720px){.friendly-surface .sample-pages{grid-template-columns:repeat(3,minmax(0,1fr))}}.friendly-surface .sample-page{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.06)}.friendly-surface .sample-page img{display:block;width:100%;height:auto;border-bottom:1px solid #e5e7eb}.friendly-surface .sample-page figcaption{font-size:12px;line-height:1.45;color:var(--ink-2);padding:8px 10px 10px}.friendly-surface .sample-page figcaption b{color:var(--ink)}.friendly-surface .sample-facts{width:100%;border-collapse:collapse;font-size:14px}.friendly-surface .sample-facts td{padding:9px 12px;border-bottom:1px solid #e5e7eb;vertical-align:top}.friendly-surface .sample-facts tr:last-child td{border-bottom:0}.friendly-surface .sample-facts td:last-child{text-align:right;font-weight:600;color:var(--ink);white-space:nowrap}.friendly-surface .sample-btn-wrap{white-space:normal;text-align:center;line-height:1.3}