/*
Theme Name: Slightly Different
Theme URI: https://www.slightly-different.co.uk/
Author: Slightly Different
Author URI: https://www.slightly-different.co.uk/
Description: A wide, brutalist-editorial block theme for web marketing, web design and web programming. Ships with reusable block patterns, a full-width home page showing the latest 6 posts and an editable content area.
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: slightly-different
Tags: blog, portfolio, one-column, wide-blocks, block-patterns, full-site-editing, custom-colors, custom-logo, editor-style, featured-images, block-styles
*/

:root { --sd-outline: 3px solid var(--wp--preset--color--ink); }

body { -webkit-font-smoothing: antialiased; }

/* Oversized display headings with a hard cut */
.sd-display { line-height: 0.88; letter-spacing: -0.04em; text-wrap: balance; }

/* Offset card: hard shadow, no blur — brutalist */
.sd-card {
  border: var(--sd-outline);
  box-shadow: 10px 10px 0 0 var(--wp--preset--color--ink);
  transition: transform .18s ease, box-shadow .18s ease;
  background: var(--wp--preset--color--paper);
}
.sd-card:hover { transform: translate(-4px, -4px); box-shadow: 16px 16px 0 0 var(--wp--preset--color--acid); }
.sd-card a { text-decoration: none; }
.sd-card a:hover { text-decoration: underline; text-decoration-thickness: 3px; }

/* Ticker strip */
.sd-strip { overflow: hidden; white-space: nowrap; }
.sd-strip p { display: inline-block; padding-inline: .5rem; }

/* Diagonal rule */
.sd-rule { height: 14px; background: repeating-linear-gradient(135deg, var(--wp--preset--color--ink) 0 10px, transparent 10px 20px); border: 0; }

/* Numbered index list */
.sd-index li { border-top: var(--sd-outline); padding-block: .9rem; list-style: none; }

.wp-block-post-title a:hover { text-decoration: underline; text-decoration-thickness: 4px; }

/* Category / tag archive intro */
.sd-term-description { max-width: 62ch; }
.sd-term-description p { margin: 0 0 0.8em; }
.sd-term-description p:last-child { margin-bottom: 0; }
.sd-term-description a { text-decoration: underline; text-decoration-thickness: 2px; }