/* GoodTask article layout. Every rule is confined to this template. */
#gt-post { --gt-ink:#293447; --gt-muted:#667286; --gt-line:#e5e7ed; --gt-purple:#7350bc; font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif; color:var(--gt-ink); background:#fff; text-align:left; }
#gt-post * { box-sizing:border-box; }
#gt-post .gt-wide { width:calc(100% - 48px); max-width:1060px; margin:auto; }
#gt-post .gt-reading { width:calc(100% - 48px); max-width:760px; margin:auto; }
#gt-post a { color:var(--gt-purple); text-underline-offset:4px; }
#gt-post a:focus-visible, #gt-post button:focus-visible { outline:3px solid #7953cb; outline-offset:5px; }
#gt-post .gt-post-hero { background:#f7f5fc; border-bottom:1px solid #ece7f4; padding:35px 0 43px; }
#gt-post .gt-breadcrumb { display:inline-flex; align-items:center; gap:9px; color:#7254a6; font-size:13px; font-weight:650; text-decoration:none; margin:0 0 32px; }
#gt-post .gt-eyebrow { display:block; font-size:11px; font-weight:750; letter-spacing:1.5px; text-transform:uppercase; color:#7958aa; margin:0 0 13px; }
#gt-post h1 { font:800 clamp(34px,4vw,48px)/1.13 -apple-system,BlinkMacSystemFont,system-ui,sans-serif; letter-spacing:-1.6px; color:var(--gt-ink); margin:0; max-width:850px; overflow-wrap:anywhere; }
#gt-post .gt-byline { display:flex; flex-wrap:wrap; align-items:center; gap:10px; color:#778092; font-size:12px; margin-top:23px; }
#gt-post .gt-byline strong { color:#536071; font-weight:650; }
#gt-post .gt-article { padding:42px 0 0; }
#gt-post .gt-featured { margin:0 0 30px; }
#gt-post .gt-featured img { display:block; width:auto; max-width:100%; height:auto; max-height:660px; margin:auto; border-radius:12px; }
#gt-post .gt-post-body { font-size:17px; line-height:1.85; color:#435166; overflow-wrap:break-word; }
#gt-post .gt-post-body p { margin:0 0 23px; }
#gt-post .gt-post-body h2 { font-family:inherit; font-size:28px; font-weight:760; line-height:1.28; letter-spacing:-.65px; color:var(--gt-ink); margin:39px 0 17px; }
#gt-post .gt-post-body h3 { font-family:inherit; font-size:22px; font-weight:730; line-height:1.35; letter-spacing:-.35px; color:var(--gt-ink); margin:29px 0 14px; }
#gt-post .gt-post-body h4, #gt-post .gt-post-body h5, #gt-post .gt-post-body h6 { font-family:inherit; font-weight:700; line-height:1.4; color:var(--gt-ink); }
#gt-post .gt-post-body strong { font-weight:700; }
#gt-post .gt-post-body ul, #gt-post .gt-post-body ol { padding-left:25px; margin:0 0 26px; }
#gt-post .gt-post-body li { margin:8px 0; }
#gt-post .gt-post-body figure { margin:29px 0; max-width:100%; }
#gt-post .gt-post-body figure img { display:block; max-width:100%; height:auto; max-height:720px; width:auto; object-fit:contain; margin:auto; border-radius:10px; }
#gt-post .gt-post-body > p > img { max-width:100%; height:auto; }
#gt-post .gt-post-body iframe, #gt-post .gt-post-body video { max-width:100%; }
#gt-post .gt-post-body figcaption { color:#778295; font-size:12px; line-height:1.6; text-align:center; margin:11px 0 0; }
#gt-post .gt-post-body blockquote { border-left:3px solid #b4a0d9; background:#f8f6fc; padding:20px 24px; margin:28px 0; }
#gt-post .gt-post-body pre { overflow:auto; max-width:100%; }
#gt-post .gt-post-body .wp-block-table { overflow:auto; }
#gt-post .gt-post-body table { max-width:100%; }
#gt-post .gt-post-body .gd-lead { font-size:20px; line-height:1.7; }
#gt-post .gt-post-body .gd-app-help h2 { font-size:20px; margin:0 0 10px; }
#gt-post .gt-post-body .gd-next h2 { font-size:23px; margin:0 0 12px; }
#gt-post .gt-tags { display:flex; flex-wrap:wrap; gap:8px; margin:25px 0; }
#gt-post .gt-tags a { padding:5px 10px; background:#f4f1f9; border-radius:5px; font-size:12px; text-decoration:none; }
#gt-post .gt-app-guide { margin:35px 0; padding:24px 27px; border:1px solid #e2e7ed; background:#f5f8fa; border-radius:12px; }
#gt-post .gt-app-guide h2 { font-family:inherit; font-size:20px; font-weight:750; letter-spacing:-.3px; margin:0 0 9px; color:var(--gt-ink); }
#gt-post .gt-app-guide p { font-size:14px; line-height:1.7; color:#637184; margin:0 0 10px; }
#gt-post .gt-guide-paths { display:flex; flex-wrap:wrap; gap:7px 24px; font-size:13px; color:#556376; }
#gt-post .gt-guide-paths strong { color:#334355; }
#gt-post .gt-share { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:24px 0 29px; border-top:1px solid var(--gt-line); margin-top:36px; }
#gt-post .gt-share-label { font-size:13px; color:#718095; font-weight:600; }
#gt-post .gt-share-links { display:flex; flex-wrap:wrap; gap:9px; }
#gt-post .gt-share a { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:43px; padding:9px 14px; border:1px solid #dfe3eb; border-radius:8px; font-size:12px; font-weight:650; color:#465268; text-decoration:none; background:#fff; }
#gt-post .gt-share a:hover { background:#f5f3fa; border-color:#b9a8d7; }
#gt-post .gt-share svg { width:14px; height:14px; flex:none; fill:currentColor; }
#gt-post .gt-post-nav { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:0 0 48px; }
#gt-post .gt-post-nav a { display:flex; flex-direction:column; gap:8px; border:1px solid var(--gt-line); border-radius:10px; padding:18px 20px; text-decoration:none; min-width:0; }
#gt-post .gt-post-nav a[rel="next"] { text-align:right; }
#gt-post .gt-post-nav span { font-size:11px; font-weight:650; color:#8a799f; }
#gt-post .gt-post-nav strong { font-size:14px; line-height:1.5; font-weight:650; color:#4a586b; }
#gt-post .gt-post-nav a:hover { border-color:#b9a8d7; background:#fcfbfe; }
#gt-post .gt-related { background:#f8f9fc; border-top:1px solid #edf0f5; padding:43px 0 48px; }
#gt-post .gt-related-top { display:flex; justify-content:space-between; align-items:baseline; gap:20px; margin:0 0 23px; }
#gt-post .gt-related h2 { font-family:inherit; font-size:29px; line-height:1.2; letter-spacing:-.8px; font-weight:780; margin:0; color:var(--gt-ink); }
#gt-post .gt-related-top > a { flex:none; font-size:13px; font-weight:650; text-decoration:none; }
#gt-post .gt-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
#gt-post .gt-related-card { display:flex; flex-direction:column; padding:25px 24px 21px; border:1px solid #e2e6ee; border-radius:13px; background:#fff; color:var(--gt-ink); text-decoration:none; transition:border-color .15s,box-shadow .15s; }
#gt-post .gt-related-card:hover { border-color:#bba6db; box-shadow:0 5px 20px #3b2f5710; }
#gt-post .gt-card-topic { display:block; font-size:10px; font-weight:750; letter-spacing:1px; text-transform:uppercase; color:#8970ad; margin-bottom:14px; }
#gt-post .gt-related-card h3 { font-family:inherit; font-size:21px; font-weight:750; line-height:1.3; letter-spacing:-.4px; color:var(--gt-ink); margin:0 0 12px; overflow-wrap:anywhere; }
#gt-post .gt-related-card p { font-size:13px; line-height:1.65; color:#788496; margin:0 0 23px; }
#gt-post .gt-card-read { margin-top:auto; font-size:12px; font-weight:700; color:#7955b5; }
#gt-post .gt-comments { padding:35px 0; }
@media(max-width:700px) {
 #gt-post .gt-wide,#gt-post .gt-reading { width:calc(100% - 36px); }
 #gt-post .gt-post-hero { padding:25px 0 31px; }
 #gt-post .gt-breadcrumb { margin-bottom:27px; font-size:12px; }
 #gt-post h1 { font-size:34px; letter-spacing:-1.1px; }
 #gt-post .gt-byline { margin-top:20px; font-size:11px; }
 #gt-post .gt-article { padding-top:28px; }
 #gt-post .gt-post-body { font-size:16px; line-height:1.8; }
 #gt-post .gt-post-body .gd-lead { font-size:18px; }
 #gt-post .gt-post-body h2 { font-size:25px; }
 #gt-post .gt-post-body h3 { font-size:20px; }
 #gt-post .gt-app-guide { padding:21px; }
 #gt-post .gt-guide-paths { display:grid; gap:6px; }
 #gt-post .gt-share { align-items:flex-start; flex-direction:column; gap:11px; margin-top:28px; }
 #gt-post .gt-post-nav { gap:11px; margin-bottom:32px; }
 #gt-post .gt-post-nav a { padding:15px 13px; }
 #gt-post .gt-post-nav strong { font-size:12px; }
 #gt-post .gt-related { padding:32px 0 35px; }
 #gt-post .gt-related-top { gap:14px; flex-wrap:wrap; margin-bottom:20px; }
 #gt-post .gt-related h2 { font-size:26px; }
 #gt-post .gt-related-grid { grid-template-columns:1fr; gap:13px; }
 #gt-post .gt-related-card { padding:23px; }
 #gt-post .gt-related-card h3 { font-size:22px; }
}
@media(prefers-reduced-motion:reduce) { #gt-post .gt-related-card { transition:none; } }