/* Article typography and spacing mirror the existing Adaptal blog template. */
.w27 h1,.w27 h2,.w27 h3{font-family:var(--display)}
.w27-body p{margin-bottom:24px}
.w27-body h2{font-size:2rem;color:#1a1a1a;margin-top:48px;margin-bottom:24px;font-weight:400;line-height:1.3}
.w27-body h3{font-size:1.35rem;color:#1a1a1a;margin:32px 0 20px;font-weight:500}
.w27-body section{scroll-margin-top:100px}
.w27-body a{color:var(--accent);text-underline-offset:4px}
.w27 .release-note,.w27 .plan{background:rgba(0,0,0,.03);border-left:4px solid var(--accent);padding:26px;margin:0 0 30px;border-radius:4px}
.w27 .release-note p{margin:12px 0 0;font-size:1rem}
.w27 p.availability{font-size:.95rem;color:rgba(0,0,0,.6)}
.w27 .plan{margin-top:50px;padding:30px}
.w27 .plan h2{margin-top:0;font-size:1.6rem}
.w27 .plan ol{padding-left:20px;margin-bottom:24px}
.w27 .plan li{margin-bottom:12px}
.w27 .w27-cta{font-size:1rem;font-weight:500;border-bottom:1px solid var(--accent);text-decoration:none}
.w27 .sources p{font-size:.95rem}
.w27 a:focus-visible,.w27 summary:focus-visible{outline:3px solid #4387b9;outline-offset:4px}
.w27 .mock{margin:30px 0;border:1px solid #d5dce4;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 16px 35px #20354a0a}.w27 .mock-bar{padding:16px 22px;background:#f0f4f8;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:14px;color:#33465a}.w27 .mock-bar>span{font-size:12px}.w27 .mock-inner{padding:28px}.w27 .mock-title{font-weight:600;font-size:19px;color:#263b50}.w27 figcaption{padding:16px 22px;border-top:1px solid #e1e7ee;font-size:12px;line-height:1.6;color:#5d6c7b}.w27 .flow-start,.w27 .flow-end{padding:12px 16px;border-radius:8px;background:#edf2f8;text-align:center;font-size:14px;color:#304c70}.w27 .flow-group{margin:18px 0;border:1px solid #c4d5e6;border-radius:10px;padding:16px;background:#f5f8fc}.w27 .flow-group summary{cursor:pointer;font-weight:600;font-size:15px;color:#33465a;min-height:32px}.w27 .flow-group summary span{font-weight:400;font-size:11px;margin-left:12px}.w27 .flow-node{padding:16px;background:white;border:1px solid #d8e1eb;border-radius:8px;margin:14px 0 0}.w27 .flow-node small{display:block;font-size:10px;letter-spacing:.1em;color:#617386;margin-bottom:6px}.w27 .flow-node strong{font-size:14px}.w27 .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.w27 .metrics>div{padding:16px;background:#f0f5fa;border-radius:10px}.w27 .metrics b{display:block;font-size:30px;color:#28557c}.w27 .metrics span{font-size:12px;color:#5c6d7d}.w27 .mock-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #e1e7ee;font-size:14px}.w27 .pill{background:#e5f2e8;color:#28623a;border-radius:20px;padding:6px 12px;font-size:12px;white-space:nowrap}.w27 .pill.neutral{background:#e9eff7;color:#345675}.w27 .chat-question{background:#edf3fa;padding:18px;border-radius:12px 12px 0 12px;margin:22px 0 18px 36px;font-size:15px}.w27 .chat-answer{border:1px solid #d4dfeb;border-radius:12px;padding:20px}.w27 .chat-answer p{font-size:13px;margin:16px 0 0}
@media(max-width:600px){.w27 .mock-inner{padding:18px}.w27 .mock-row{align-items:flex-start;flex-direction:column;gap:8px}.w27 .metrics{gap:6px}.w27 .metrics>div{padding:10px}.w27 .metrics span{font-size:11px}.w27 .chat-question{margin-left:0}.w27 .plan{padding:22px}.w27 .flow-group summary span{display:block;margin:6px 0}}

.w27 .release-faq{border-bottom:1px solid rgba(0,0,0,.12);padding:18px 0}.w27 .release-faq summary{font-size:1.1rem;font-weight:500;color:#1a1a1a;cursor:pointer;min-height:30px}.w27 .release-faq p{margin:16px 0 6px;font-size:1rem}.w27 .sources ul{padding-left:20px;font-size:.95rem}.w27 .sources li{margin-bottom:10px}

.w27 .passkey-table-wrap{overflow-x:auto;margin:24px 0}.w27 .passkey-table{border-collapse:collapse;width:100%;font-size:1rem}.w27 .passkey-table th,.w27 .passkey-table td{padding:14px;text-align:left;border-bottom:1px solid #ddd;vertical-align:top}.w27 .passkey-table th{background:#eee}.w27-body>ol{padding-left:24px;margin-bottom:24px}.w27-body>ol li{margin-bottom:12px}

/* Shared reading styles: same values as the established Xero and passkey articles. */
.w27-body{font-family:inherit;font-size:1.125rem;color:rgba(0,0,0,.75);line-height:1.8}
.w27 .article-heading{margin-bottom:40px}
.w27 .article-category{color:var(--accent);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.w27 .article-heading h1{font-size:clamp(36px,5vw,54px);margin:16px 0 24px;font-weight:300;line-height:1.1;letter-spacing:-.02em;color:#1a1a1a}
.w27 .article-intro{font-size:1.25rem;color:rgba(0,0,0,.6);line-height:1.6}
.w27 .article-image{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px;margin:0 0 12px;box-shadow:var(--shadow-md)}
.w27 .article-caption{font-size:.8rem;line-height:1.6;color:rgba(0,0,0,.55);margin:0 0 48px}
.w27 .article-image:not(:has(+ .article-caption)){margin-bottom:48px}
.w27 .article-image:has(+ .article-caption){margin-bottom:12px}
.w27-body .growth-panel h2{margin-top:0}