/* Hallmark · shape: Catalogue (tools directory) and app screens · genre: editorial · theme: Ink (deal 1/3, seed prorated-rent-calculator-small-ac18·40f9f5e1·2026-11-12·r0)
 * nav: edge-aligned bar, the logo and three links · footer: the logo over legal links · signature: the house with rising bars, in the logo and the rent-day strip in every calculator · ink: paper
 * axes: light/grotesk-sans/chromatic-green · posture: restrained · contrast: pass · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R5 V3 · weakest: V, a child theme of a stock theme shares its bones; the directory, the bars and the Ink palette carry the difference */
/*
Theme Name:   RentFigure
Theme URI:    https://rentfigure.com/
Description:  RentFigure's child theme of Twenty Twenty-Five: Ink palette, Epilogue, a tools-directory front page, header and footer.
Author:       RentFigure
Template:     twentytwentyfive
Version:      1.0.1
Requires at least: 6.7
Requires PHP: 7.4
License:      GNU General Public License v2 or later
Text Domain:  rentfigure
*/

/* Every colour and font comes from theme.json presets (--wp--preset--*). */

html, body { overflow-x: clip; }
:where(a, button, input, select, textarea, summary):focus-visible { outline: 2px solid var(--wp--preset--color--accent-1); outline-offset: 2px; }
::selection { background: var(--wp--preset--color--accent-2); color: var(--wp--preset--color--accent-3); }
a { text-decoration-thickness: 1px; text-underline-offset: 0.16em; transition: color 120ms cubic-bezier(0.16, 1, 0.3, 1); }

/* Header */
.rf-header { border-bottom: 1px solid var(--wp--preset--color--accent-6); padding-block: 14px; background: var(--wp--preset--color--base); }
.rf-header .wp-block-site-logo img { height: auto; }
.rf-header .wp-block-navigation a { text-decoration: none; padding-block: 10px; }
.rf-header .wp-block-navigation a:hover { text-decoration: underline; text-decoration-color: var(--wp--preset--color--accent-1); }
.rf-header .wp-block-navigation .current-menu-item > a { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--wp--preset--color--accent-1); }

/* Footer */
.rf-footer { border-top: 1px solid var(--wp--preset--color--contrast); margin-top: 96px; padding-block: 40px 56px; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--ink-2); }
.rf-footer .wp-block-navigation a { font-weight: 400; }
.rf-footer-note { max-width: 46ch; color: var(--wp--preset--color--ink-2); }
.rf-footer-legal { color: var(--wp--preset--color--accent-4); }

/* Home: tools directory */
.rf-home-head h1 { font-size: clamp(2.2rem, 4.6vw, 3.4rem); max-width: 18ch; line-height: 1.02; }
.rf-home-head .rf-lead { font-size: 1.15rem; max-width: 52ch; color: var(--wp--preset--color--ink-2); }
.rf-section-head { border-top: 1px solid var(--wp--preset--color--contrast); padding-top: 20px; }
.rf-section-head h2 { font-size: 1.6rem; }
.rf-section-head p { color: var(--wp--preset--color--accent-4); max-width: 60ch; }
.rf-card { border-bottom: 1px solid var(--wp--preset--color--accent-6); padding-block: 18px 20px; display: flex; flex-direction: column; gap: 6px; }
.rf-card h3 { font-size: 1.12rem; letter-spacing: -0.02em; margin: 0; }
.rf-card h3 a { text-decoration: none; }
.rf-card h3 a:hover { text-decoration: underline; text-decoration-color: var(--wp--preset--color--accent-1); }
.rf-card p { margin: 0; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--ink-2); }
.rf-card p.rf-pill { align-self: flex-start; margin-top: 6px; padding: 2px 10px; border-radius: 999px; font-size: 0.75rem; font-weight: 600; background: var(--wp--preset--color--paper-3); color: var(--wp--preset--color--accent-4); }
.rf-card p.rf-pill--live { background: var(--wp--preset--color--accent-2); color: var(--wp--preset--color--accent-3); }
.rf-how h3 { font-size: 1.05rem; letter-spacing: -0.02em; }
.rf-how p { font-size: var(--wp--preset--font-size--small); }

/* Legal and about pages read as documents */
.rf-doc-page p, .rf-doc-page li { max-width: 68ch; }

@media (prefers-reduced-motion: reduce) { a { transition: none; } }