93 lines
7.9 KiB
CSS
93 lines
7.9 KiB
CSS
/* Daily resource pages: introduction, snapshot, subscriptions, supporting content. */
|
|
.free-node-page { --fn-text:#303641; --fn-muted:#817b88; --fn-line:#eae6ee; --fn-purple:#86608e; }
|
|
.free-node-page .post.card { overflow:hidden; }
|
|
.free-node-page .post > .card-body { padding:28px; }
|
|
.free-node-page .breadcrumbs .current { max-width:540px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
|
|
.fn-header { display:grid; grid-template-columns:minmax(0,1fr) 160px; gap:8px 24px; align-items:start; margin-bottom:24px; }
|
|
.fn-header:not(:has(.fn-header__art)) { grid-template-columns:minmax(0,1fr); }
|
|
.fn-header__main { grid-column:1; min-width:0; }
|
|
.free-node-page .fn-header h1 { margin:0; font-size:32px; line-height:1.3; font-weight:700; letter-spacing:-.45px; color:var(--fn-text); }
|
|
.fn-header h1 > span { display:inline-block; }
|
|
.fn-header__art { grid-column:2; grid-row:1 / span 3; width:160px; height:114px; object-fit:cover; border-radius:8px; }
|
|
.fn-header__lead { grid-column:1; margin:0; font-size:14px; line-height:1.7; color:var(--fn-muted); }
|
|
.fn-header .resource-header-actions { grid-column:1; margin-top:4px; }
|
|
.fn-overview { display:grid; grid-template-columns:auto auto minmax(0,1fr); gap:0; padding:18px 0; margin-bottom:24px; border-top:1px solid var(--fn-line); border-bottom:1px solid var(--fn-line); }
|
|
.fn-metric { padding:0 24px; border-right:1px solid var(--fn-line); }
|
|
.fn-metric:first-child { padding-left:0; }
|
|
.fn-metric > span, .fn-overview__regions > span { display:block; margin-bottom:6px; font-size:12px; line-height:1.5; color:var(--fn-muted); }
|
|
.fn-metric > div { display:flex; align-items:baseline; gap:5px; }
|
|
.fn-metric strong { font-size:24px; font-weight:650; line-height:1.25; letter-spacing:-.4px; color:var(--fn-purple); }
|
|
.fn-metric > div > span { font-size:12px; color:var(--fn-muted); }
|
|
.fn-overview__regions { min-width:0; padding-left:24px; }
|
|
.fn-overview__regions > div { display:flex; flex-wrap:wrap; gap:3px 9px; font-size:12px; line-height:1.7; color:var(--fn-muted); }
|
|
/* One compact learning entry before the actual copy task, rather than inside its heading. */
|
|
.free-node-page .post-content .resource-explainer { margin:0 0 26px; padding:15px 16px; gap:12px 18px; border:0; border-radius:6px; background:color-mix(in srgb,var(--color-primary) 6%,transparent); }
|
|
.free-node-page .post-content .resource-explainer__title { font-size:15px; line-height:1.5; }
|
|
.free-node-page .post-content .resource-explainer p { font-size:12px; margin-top:4px; line-height:1.7; }
|
|
.free-node-page .post-content .resource-explainer__next { padding-left:18px; border-left:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent); font-size:13px; }
|
|
.free-node-page .post-content { font-size:16px; line-height:1.9; }
|
|
.fn-subscriptions { scroll-margin-top:92px; }
|
|
.fn-section-heading { margin-bottom:14px; }
|
|
.free-node-page .post-content .fn-section-heading h2 { margin:0; padding:0; border:0; font-size:22px; line-height:1.5; color:var(--fn-text); }
|
|
.free-node-page .post-content .fn-section-heading p { margin:5px 0 0; font-size:13px; line-height:1.7; color:var(--fn-muted); }
|
|
.fn-subscription-list { border:1px solid var(--fn-line); border-radius:8px; overflow:hidden; }
|
|
.fn-subscription { display:flex; align-items:center; gap:18px; min-width:0; padding:18px; background:var(--scheme-surface,#fff); }
|
|
.fn-subscription + .fn-subscription { border-top:1px solid var(--fn-line); }
|
|
.fn-subscription__main { flex:1; min-width:0; }
|
|
.free-node-page .post-content .fn-subscription__name h3 { margin:0 0 7px; padding:0; font-size:16px; font-weight:600; line-height:1.5; text-align:left; color:var(--fn-text); }
|
|
.free-node-page .post-content .fn-subscription h3::before { display:none; }
|
|
.fn-subscription__url { min-width:0; }
|
|
.free-node-page .post-content .fn-subscription__url code { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0; background:none; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:11px; line-height:1.65; color:var(--fn-muted); }
|
|
.fn-copy { display:inline-flex; align-items:center; justify-content:center; flex:none; gap:6px; min-height:40px; padding:9px 12px; border:0; border-radius:5px; background:#86618f; color:#fff; font-size:13px; line-height:1.5; white-space:nowrap; cursor:pointer; }
|
|
.fn-copy:hover { background:#765280; }
|
|
.fn-copy:focus-visible { outline:2px solid var(--color-primary); outline-offset:3px; }
|
|
.free-node-page .post-content .fn-subscription-note { margin-top:12px; font-size:12px; line-height:1.8; color:var(--fn-muted); }
|
|
.free-node-page .post-content .fn-subscription-note p { margin:0!important; }
|
|
.fn-subscription-note span { color:inherit!important; }
|
|
.fn-subscription-note br { display:none; }
|
|
.free-node-page .post-content .fn-empty-note { margin:0 0 14px; padding:10px 12px; border-radius:6px; background:#fdf9f1; color:#8b704c; font-size:13px; line-height:1.8; }
|
|
.fn-empty-note a { color:inherit; text-decoration:underline; }
|
|
.fn-extra-intro { margin-bottom:20px; font-size:15px; }
|
|
.free-node-page .post-content > .airport-recommendations { border-top:1px solid var(--fn-line); padding-top:26px; margin-top:28px; }
|
|
.free-node-page .post-content .airport-recommendations__heading h2 { font-size:22px; }
|
|
.free-node-page .post-content .airport-recommendations__table,
|
|
.free-node-page .post-content .airport-recommendations__table tbody td.airport-description,
|
|
.free-node-page .post-content .airport-provider a,
|
|
.free-node-page .airport-features, .free-node-page .airport-description { font-size:14px; }
|
|
.free-node-page .post-content .airport-recommendations__table thead th { font-size:13px; }
|
|
.free-node-page .airport-provider__label, .free-node-page .airport-coupon__discount,
|
|
.free-node-page .airport-coupon__copy, .free-node-page .airport-price > span,
|
|
.free-node-page .post-content p.airport-recommendations__note { font-size:12px; }
|
|
.fn-community { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding-top:18px; margin-top:24px; border-top:1px solid var(--fn-line); font-size:13px; line-height:1.7; color:var(--fn-muted); }
|
|
.fn-community > div { display:flex; flex-wrap:wrap; gap:14px; }
|
|
.fn-community a { color:var(--color-primary); text-decoration:none!important; }
|
|
.free-node-page .post-tags { padding-top:18px; border-top:1px solid var(--fn-line); }
|
|
.free-node-page .post-actions { margin-bottom:0!important; }
|
|
@media (max-width:767.98px) {
|
|
.free-node-page .post > .card-body { padding:22px; }
|
|
.fn-header { grid-template-columns:minmax(0,1fr) 80px; gap:10px 14px; margin-bottom:20px; }
|
|
.free-node-page .fn-header h1 { font-size:26px; line-height:1.35; letter-spacing:-.3px; }
|
|
.fn-header__art { grid-row:1; width:80px; height:90px; }
|
|
.fn-header__lead, .fn-header .resource-header-actions { grid-column:1 / -1; }
|
|
.fn-header .resource-header-actions { margin-top:0; }
|
|
.fn-overview { grid-template-columns:1fr 1fr; padding:16px 0; margin-bottom:20px; row-gap:14px; }
|
|
.fn-metric { padding:0 16px; }
|
|
.fn-metric:nth-child(2) { border-right:0; }
|
|
.fn-metric strong { font-size:23px; }
|
|
.fn-overview__regions { display:flex; gap:12px; grid-column:1 / -1; padding:12px 0 0; border-top:1px solid var(--fn-line); }
|
|
.fn-overview__regions > span { flex:none; margin:0; line-height:1.7; }
|
|
.free-node-page .post-content { font-size:15px; }
|
|
.free-node-page .post-content .fn-section-heading h2,
|
|
.free-node-page .post-content .airport-recommendations__heading h2 { font-size:20px; }
|
|
.fn-subscription { padding:15px 12px; gap:12px; }
|
|
.free-node-page .post-content .fn-subscription__name h3 { font-size:15px; }
|
|
.fn-copy { padding:9px 10px; }
|
|
.fn-copy svg { display:none; }
|
|
.fn-community { align-items:flex-start; flex-direction:column; gap:8px; }
|
|
}
|
|
@media (max-width:575.98px) {
|
|
.free-node-page .post-content .resource-explainer { padding:14px; gap:10px; }
|
|
.free-node-page .post-content .resource-explainer__next { padding-left:0; border-left:0; }
|
|
}
|
|
@media (prefers-reduced-motion:no-preference) { html:has(.free-node-page) { scroll-behavior:smooth; } }
|