@layer components{[name=PostCard]{border:.125rem solid #f0f0f0}[name=PostCard]:has(a:focus-visible){outline:.125rem solid var(--color-accent);outline-offset:.25rem}[name=PostCard] .link{block-size:100%;color:currentcolor;display:flex;flex-direction:column;font-weight:initial;text-decoration:none}[name=PostCard] .content{flex-grow:1;padding-block:1rem;padding-inline:1rem}[name=PostCard] .category{color:var(--color-accent);display:block;font-size:.875rem;line-height:1;margin-block-end:.5rem}[name=PostCard] .title{margin-block:0 1rem}[name=PostCard] .excerpt{color:var(--color-text);font-size:1rem;line-height:1.5;margin-block:0}[name=PostCard] .footer{display:flex;inline-size:100%;justify-content:flex-end;padding-block-end:1rem;padding-inline:1rem}[name=PostCard] .footer .button-tertiary{--min-size: 2.75rem;--transition: background-color var(--transition-speed) var(--transition-timing-function), border-color var(--transition-speed) var(--transition-timing-function), color var(--transition-speed) var(--transition-timing-function);--bg-color: var(--theme-btn-bg);--color-border: var(--theme-btn-border);--color: var(--theme-btn-color);align-items:center;background-color:var(--bg-color);border:.125rem solid var(--color-border);color:var(--color);cursor:pointer;display:inline-flex;font-size:var(--font-button);font-weight:var(--font-weight-button);letter-spacing:.05em;line-height:1.5;min-block-size:var(--min-size);min-inline-size:var(--min-size);padding:.625rem 1.5rem;text-decoration:none;transition:var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}[name=PostCard] .footer .button-tertiary:not(:disabled):hover,[name=PostCard] .footer .button-tertiary:not(:disabled):focus-visible,[name=PostCard] .footer .button-tertiary:not(:disabled):active{--bg-color: var(--theme-btn-hover-bg);--color-border: var(--theme-btn-hover-bg);--color: var(--theme-btn-hover-color)}[name=PostCard] .footer .button-tertiary:not(:disabled):focus-visible{outline:.125rem solid var(--theme-btn-hover-bg);outline-offset:.125rem}[name=PostCard] .footer .button-tertiary:disabled{--color: var(--theme-btn-color-disabled);--bg-color: var(--theme-btn-bg-disabled);--color-border: var(--theme-btn-bg-disabled);cursor:not-allowed}[name=PostCard] .footer .button-tertiary.is-width-full{width:100%}[name=PostCard] .footer .button-tertiary{--bg-color: transparent;--color-border: transparent;--color: var(--theme-btn-bg);gap:.75rem}[name=PostCard] .footer .button-tertiary:after{content:"";display:inline-block;block-size:1.5rem;inline-size:1.5rem;background-color:var(--theme-btn-bg);mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20d='M5%2018L11%2012L5%206'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='square'/%3e%3cpath%20d='M13%2018L19%2012L13%206'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='square'/%3e%3c/svg%3e");mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20d='M5%2018L11%2012L5%206'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='square'/%3e%3cpath%20d='M13%2018L19%2012L13%206'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='square'/%3e%3c/svg%3e");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;transition:background-color var(--transition-speed) var(--transition-timing-function)}[name=PostCard] .footer .button-tertiary:not(:disabled):hover,[name=PostCard] .footer .button-tertiary:not(:disabled):focus-visible,[name=PostCard] .footer .button-tertiary:not(:disabled):active{--color: var(--theme-btn-hover-bg);--bg-color: transparent;--color-border: transparent}[name=PostCard] .footer .button-tertiary:not(:disabled):hover:after,[name=PostCard] .footer .button-tertiary:not(:disabled):focus-visible:after,[name=PostCard] .footer .button-tertiary:not(:disabled):active:after{background-color:var(--theme-btn-hover-bg)}[name=PostCard] .footer .button-tertiary:disabled{--color: var(--theme-btn-color-disabled);--bg-color: transparent;--color-border: transparent;cursor:not-allowed}[name=PostCard] .footer .button-tertiary:disabled:after{background-color:var(--theme-btn-color-disabled)}[name=PostCard]:hover .button-tertiary,[name=PostCard]:focus-within .button-tertiary{text-decoration:underline}}