/* Our Daily Tools: a focused editorial directory, RTL native. */
:root{--brand:#193a46;--brand-dark:#163642;--brand-ink:#17313d;--accent:#e18a3b;--accent-dark:#a95d1c;--bg:#faf9f5;--bg-soft:#f1f2ed;--bg-sunk:#e8ede8;--card:#fff;--text:#17313d;--text-soft:#52636a;--text-mute:#64767e;--line:#dce3de;--radius:18px;--radius-sm:10px;--shadow:0 3px 12px #17313d05;--shadow-lg:0 12px 32px #17313d0d;--wrap:1200px}
:root[data-theme="dark"]{--brand:#a8dac8;--brand-dark:#b9e2d2;--brand-ink:#d8eee5;--bg:#13232a;--bg-soft:#1a2d34;--bg-sunk:#21383f;--card:#1a2e36;--text:#edf4f0;--text-soft:#bdcbc8;--text-mute:#a7bab6;--line:#34505a}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--brand:#a8dac8;--brand-dark:#b9e2d2;--brand-ink:#d8eee5;--bg:#13232a;--bg-soft:#1a2d34;--bg-sunk:#21383f;--card:#1a2e36;--text:#edf4f0;--text-soft:#bdcbc8;--text-mute:#a7bab6;--line:#34505a}}
body{font-size:18px}
.hdr{min-height:84px;gap:18px}
.brand img{height:46px!important}
.site-nav a{font-size:1rem;padding:10px 13px}
.lang-switch{background:var(--bg-soft)}
.site-header{box-shadow:0 2px 14px #17313d04}
h1,h2,h3{letter-spacing:0}
.hero{background:var(--bg-soft);padding-block:42px}
.hero h1{max-width:950px}
.od-home{padding:0}
.od-hero{padding:68px 0 60px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 10% 30%,#e4ece34d,transparent 60%),var(--bg)}
.od-hero-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:72px;align-items:center}
.od-eyebrow{display:block;color:var(--text-soft);font-size:.8rem;font-weight:700;letter-spacing:.05em;margin-bottom:12px}
.od-hero h1{font-size:clamp(2.8rem,6vw,4.5rem);line-height:1.17;margin:0 0 22px;font-weight:700}
.od-hero h1 span{color:#b36426}
.od-hero-copy>p{max-width:520px;font-size:1.13rem;color:var(--text-soft);line-height:1.8;margin-bottom:24px}
.od-search{display:flex;align-items:center;gap:12px;padding:7px 8px 7px 18px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 4px 16px #17313d06;max-width:680px}
.od-search>svg{flex:0 0 22px;color:var(--text-soft)}
.od-search input{font-family:inherit;font-size:1rem;min-width:0;flex:1;width:100%;padding:10px 0;color:var(--text);border:0;outline-offset:4px;background:transparent}
.od-search button{border:0;border-radius:9px;background:#193a46;color:#fff;padding:12px 24px;min-height:46px;font:700 1rem var(--font);cursor:pointer}
.od-search:focus-within{border-color:var(--brand)}
.od-quick-links{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:18px;font-size:.82rem}
.od-quick-links>span{color:var(--text-soft)}
.od-quick-links a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--line);padding:3px}
.od-hero-feature{padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--bg-soft);box-shadow:12px 12px 0 var(--bg-sunk);position:relative}
.od-feature-top{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--text-soft)}
.od-symbol{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;background:var(--bg-soft);border:1px solid var(--line);border-radius:13px;color:var(--text)}
.od-hero-feature .od-symbol{background:var(--card)}
.od-feature-number{display:flex;gap:10px;align-items:baseline;direction:ltr;justify-content:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin:24px 0}
.od-feature-number b{font-size:3.2rem;line-height:1;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.od-feature-number span{font-size:.8rem;color:var(--text-soft)}
.od-feature-number i{font-size:1.5rem;color:#b36426;font-style:normal;padding-inline:5px}
.od-hero-feature h2{font-size:1.4rem;margin:0 0 10px}
.od-hero-feature>p:not(.od-feature-number){font-size:.95rem;line-height:1.7;color:var(--text-soft)}
.od-primary-link{display:flex;align-items:center;justify-content:space-between;background:#193a46;color:#fff!important;padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:700;font-size:.95rem}
.od-section{padding-block:48px;border-bottom:1px solid var(--line)}
.od-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.od-section-head .od-eyebrow{margin-bottom:5px}
.od-section-head h2{font-size:1.9rem;margin:0}
.od-section-head>p{color:var(--text-soft);font-size:.95rem;margin:0}
.od-text-link{white-space:nowrap;font-size:.95rem;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px}
.od-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.od-section-card{position:relative;padding:24px;border:1px solid var(--line);background:var(--card);border-radius:18px;text-decoration:none;color:var(--text);transition:transform .18s,border-color .18s}
.od-section-card:hover{transform:translateY(-3px);border-color:var(--brand);color:var(--text)}
.od-section-card:nth-child(2) .od-symbol,.od-section-card:nth-child(5) .od-symbol{background:#fbefe1;color:#7f491e;border-color:#eddbc4}
.od-section-card:nth-child(3) .od-symbol,.od-section-card:nth-child(6) .od-symbol{background:#edf0f5;color:#344964;border-color:#dbe1e9}
.od-section-card h3{font-size:1.25rem;margin:20px 0 8px}
.od-section-card p{font-size:.95rem;line-height:1.7;color:var(--text-soft);margin:0 0 18px;min-height:3.4em}
.od-count{position:absolute;inset-inline-end:22px;top:32px;font-size:.75rem;color:var(--text-soft)}
.od-card-action{display:flex;justify-content:space-between;gap:12px;font-size:.85rem;font-weight:700;color:var(--text)}
.od-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.od-tool-card{display:flex;align-items:flex-start;gap:16px;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--text);transition:border-color .18s}
.od-tool-card:hover{color:var(--text);border-color:var(--brand)}
.od-tool-card h3{margin:4px 0 8px;font-size:1.15rem}
.od-tool-card p{font-size:.9rem;color:var(--text-soft);line-height:1.65;margin:0}
.od-kicker{font-size:.75rem;color:var(--text-soft)}
.od-tool-arrow{margin-inline-start:auto;color:var(--text-soft);font-size:1.2rem}
.od-posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.od-post-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card)}
.od-post-card>a{display:block;height:100%;text-decoration:none;color:var(--text)}
.od-post-card a:hover h3{text-decoration:underline}
.od-post-art{height:170px;background:var(--bg-sunk);display:grid;place-items:center;border-bottom:1px solid var(--line)}
.od-post-art>svg{width:52px;height:52px;opacity:.5}
.od-post-art{position:relative;overflow:hidden}.od-post-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.od-post-copy{padding:22px}
.od-post-copy h3{font-size:1.16rem;line-height:1.6;margin:8px 0 10px}
.od-post-copy p{font-size:.9rem;color:var(--text-soft);line-height:1.7}
.od-trust{padding:40px;margin-block:48px;background:var(--bg-sunk);border-radius:20px}
.od-trust h2{margin:0 0 12px;font-size:1.6rem}
.od-trust p{color:var(--text-soft);max-width:800px;font-size:1rem}
.od-trust a{font-size:.95rem;font-weight:700}
.od-section-nav{display:flex;flex-wrap:wrap;gap:8px;margin-block:20px 28px}
.od-section-nav a{padding:9px 16px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--text);font-size:.9rem;background:var(--card)}
.od-section-nav a[aria-current],.od-section-nav a:hover{background:#193a46;color:#fff;border-color:#193a46}
.od-hub-intro{max-width:780px}
.od-hub-tools,.od-hub-articles{padding-block:24px}
.od-hub-tools>h2,.od-hub-articles>h2{margin:0 0 20px;font-size:1.6rem}
.od-directory-group{padding-block:25px;border-bottom:1px solid var(--line)}
.od-directory-group h2{margin:0 0 18px;font-size:1.45rem}
.od-directory-group h2 a{text-decoration:none}
.od-empty{padding:32px;background:var(--bg-soft);border:1px solid var(--line);border-radius:16px}
.od-context-link{display:flex;gap:10px;align-items:center;padding:12px 16px;margin-bottom:20px;background:var(--bg-soft);border-radius:10px;font-size:.95rem}
.site-footer{background:var(--bg-soft);margin-top:0}
.foot-grid{gap:40px}
.tool-card{box-shadow:none}
.content{max-width:800px;margin-inline:auto;line-height:1.95}
.article-thumb{max-width:800px;margin-inline:auto}
@media(min-width:860px){.site-nav{order:1}.lang-switch{order:2}.theme-toggle{order:3}.brand{margin-inline-end:auto}}
@media(max-width:1000px){.od-hero-layout{gap:32px}.od-hero-feature{padding:24px}.od-feature-number b{font-size:2.7rem}.od-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hdr{gap:8px}.site-nav a{padding-inline:9px}}
@media(max-width:700px){
.od-hero{padding:36px 0}.od-hero-layout{grid-template-columns:1fr;gap:28px}.od-hero h1{font-size:3rem}.od-hero-feature{box-shadow:6px 6px 0 var(--bg-sunk);padding:22px}.od-hero-copy>p{font-size:1.05rem}
.od-section{padding-block:32px}.od-section-head{align-items:start;flex-direction:column;gap:12px}.od-section-head h2{font-size:1.6rem}.od-posts-grid{grid-template-columns:1fr}.od-tools-grid{grid-template-columns:1fr}.od-count{position:static;display:block;margin-top:12px}.od-section-card{padding:20px}.od-section-card h3{font-size:1.1rem;margin-top:12px}.od-section-card p{font-size:.88rem;min-height:0}.od-section-grid{gap:12px}.od-section-card .od-card-action{font-size:.8rem}.od-symbol{width:42px;height:42px;flex-basis:42px}.od-trust{padding:26px;margin-block:32px}.od-search{gap:8px;padding-inline-start:12px}.od-search button{padding-inline:18px}
.hdr{min-height:70px}.brand img{height:37px!important}.lang-switch a{padding-inline:8px}.theme-toggle,.nav-toggle{width:36px;height:36px}.hero{padding-block:30px}.od-section-nav{gap:6px}.od-section-nav a{font-size:.84rem;padding:8px 12px}
}
@media(max-width:380px){.od-section-grid{grid-template-columns:1fr}.od-feature-number{gap:7px}.od-feature-number b{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Approved navy/orange logo, 2026-10-24. */
.brand img{content:url("https://ourdailytools.com/wp-content/uploads/2026/10/ourdailytools-logo-navy-orange-768x256.png");aspect-ratio:3/1}
:root[data-theme="dark"] .brand img{background:#faf9f5;border-radius:6px;padding:3px}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .brand img{background:#faf9f5;border-radius:6px;padding:3px}}