/** * Bitcoin Mining Glossary Styles * * Archive and single glossary term pages. * Dark theme:bg #0D0D0D/#1A1A1A,cards #1E1E2E,* borders #333,text #E8E8E8/#8A8A8A,accent #ff6e00. * * @package D-Central * @since 1.20.0 */ .dc-glossary-hero{position:relative;padding:3rem 0 2.5rem;background:#0D0D0D;overflow:hidden;}
.dc-glossary-hero__bg{position:absolute;inset:0;pointer-events:none;}
.dc-glossary-hero__grid{width:100%;height:100%;background-image:linear-gradient(rgba(255,110,0,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,110,0,0.03) 1px,transparent 1px);background-size:40px 40px;}
.dc-glossary-hero__title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(2rem,5vw,3.5rem);color:#E8E8E8;text-transform:uppercase;letter-spacing:0.02em;margin:0.5rem 0 0.75rem;line-height:1.1;}
.dc-glossary-hero__subtitle{color:#8A8A8A;font-size:1.1rem;margin:0 0 1.5rem;max-width:600px;}
.dc-glossary-search{max-width:560px;}
.dc-glossary-search__wrapper{position:relative;display:flex;align-items:center;}
.dc-glossary-search__icon{position:absolute;left:1rem;color:#8A8A8A;pointer-events:none;flex-shrink:0;}
.dc-glossary-search__input{width:100%;padding:0.875rem 1rem 0.875rem 3rem;background:#1E1E2E;border:1px solid #333;border-radius:8px;color:#E8E8E8;font-family:'Inter',sans-serif;font-size:1rem;transition:border-color 0.2s ease,box-shadow 0.2s ease;outline:none;}
.dc-glossary-search__input::placeholder{color:#666;}
.dc-glossary-search__input:focus{border-color:#ff6e00;box-shadow:0 0 0 3px rgba(255,110,0,0.15);}
.dc-glossary-letter-nav{position:sticky;top:64px;z-index:50;background:#0D0D0D;border-bottom:1px solid #2A2A2A;padding:0.5rem 0;}
.dc-glossary-letter-nav__bar{display:flex;gap:0.25rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#333 transparent;padding:0.25rem 0;-webkit-overflow-scrolling:touch;}
.dc-glossary-letter-nav__bar::-webkit-scrollbar{height:4px;}
.dc-glossary-letter-nav__bar::-webkit-scrollbar-track{background:transparent;}
.dc-glossary-letter-nav__bar::-webkit-scrollbar-thumb{background:#333;border-radius:2px;}
.dc-glossary-letter-nav__link{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 0.5rem;font-family:'JetBrains Mono',monospace;font-size:0.875rem;font-weight:500;color:#E8E8E8;text-decoration:none;border-radius:6px;transition:background 0.15s ease,color 0.15s ease;flex-shrink:0;}
.dc-glossary-letter-nav__link:hover{background:rgba(255,110,0,0.15);color:#ff6e00;}
.dc-glossary-letter-nav__link--disabled{color:#444;cursor:default;}
.dc-glossary-letter-nav__link--disabled:hover{background:transparent;color:#444;}
.dc-glossary-terms{padding:2rem 0 3rem;background:#0D0D0D;min-height:50vh;}
.dc-glossary-letter-section{margin-bottom:2.5rem;}
.dc-glossary-letter-section__heading{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:2rem;color:#ff6e00;text-transform:uppercase;margin:0 0 1rem;padding-bottom:0.5rem;border-bottom:2px solid #2A2A2A;scroll-margin-top:120px;}
.dc-glossary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.dc-glossary-card{display:flex;flex-direction:column;padding:1.25rem;background:#1E1E2E;border:1px solid #333;border-radius:8px;text-decoration:none;transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease;}
.dc-glossary-card:hover{border-color:#ff6e00;box-shadow:0 0 20px rgba(255,110,0,0.1);transform:translateY(-2px);}
.dc-glossary-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:0.5rem;margin-bottom:0.5rem;}
.dc-glossary-card__title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.15rem;color:#E8E8E8;margin:0;line-height:1.3;}
.dc-glossary-card:hover .dc-glossary-card__title{color:#ff6e00;}
.dc-glossary-card__excerpt{color:#8A8A8A;font-size:0.875rem;line-height:1.5;margin:0 0 auto;padding-bottom:0.75rem;}
.dc-glossary-card__link{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.8rem;font-weight:600;color:#ff6e00;margin-top:0.5rem;}
.dc-glossary-card:hover .dc-glossary-card__link svg{transform:translateX(3px);transition:transform 0.2s ease;}
.dc-glossary-badge{display:inline-flex;align-items:center;padding:0.2rem 0.6rem;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:0.7rem;font-weight:500;text-transform:uppercase;letter-spacing:0.05em;white-space:nowrap;flex-shrink:0;}
.dc-glossary-badge--beginner{background:rgba(16,185,129,0.15);color:#10B981;border:1px solid rgba(16,185,129,0.3);}
.dc-glossary-badge--intermediate{background:rgba(255,110,0,0.15);color:#ff6e00;border:1px solid rgba(255,110,0,0.3);}
.dc-glossary-badge--advanced{background:rgba(239,68,68,0.15);color:#EF4444;border:1px solid rgba(239,68,68,0.3);}
.dc-glossary-badge--category{background:rgba(138,138,138,0.1);color:#8A8A8A;border:1px solid rgba(138,138,138,0.2);}
.dc-glossary-no-results,.dc-glossary-empty{text-align:center;padding:3rem 1rem;color:#8A8A8A;font-size:1.1rem;}
.dc-glossary-cta{padding:3rem 0;background:#1A1A1A;border-top:1px solid #2A2A2A;}
.dc-glossary-cta__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;}
.dc-glossary-cta__card{padding:2rem;background:#1E1E2E;border:1px solid #333;border-radius:10px;}
.dc-glossary-cta__card h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.35rem;color:#E8E8E8;margin:0 0 0.75rem;text-transform:uppercase;}
.dc-glossary-cta__card p{color:#8A8A8A;font-size:0.95rem;line-height:1.6;margin:0 0 1.25rem;}
.dc-glossary-single-header{position:relative;padding:3rem 0 2rem;background:#0D0D0D;overflow:hidden;}
.dc-glossary-single-header__bg{position:absolute;inset:0;pointer-events:none;}
.dc-glossary-single-header__grid{width:100%;height:100%;background-image:linear-gradient(rgba(255,110,0,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,110,0,0.03) 1px,transparent 1px);background-size:40px 40px;}
.dc-glossary-single-header__title-row{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-top:0.5rem;}
.dc-glossary-single-header__title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(2rem,5vw,3rem);color:#E8E8E8;text-transform:uppercase;letter-spacing:0.02em;margin:0;line-height:1.1;}
.dc-glossary-single-header__badges{display:flex;gap:0.5rem;flex-wrap:wrap;align-items:center;margin-top:0.35rem;}
.dc-glossary-single-header__aliases{color:#8A8A8A;font-size:0.95rem;margin:0.75rem 0 0;}
.dc-glossary-single-header__aliases strong{color:#9CA3AF;}
.dc-glossary-single-content{padding:2rem 0 3rem;background:#0D0D0D;}
.dc-glossary-single-content__layout{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start;}
.dc-glossary-definition{background:#1E1E2E;border:1px solid #333;border-left:4px solid #ff6e00;border-radius:0 8px 8px 0;padding:1.5rem;margin-bottom:2rem;}
.dc-glossary-definition__header{display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem;}
.dc-glossary-definition__header h2{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.25rem;color:#E8E8E8;margin:0;text-transform:uppercase;}
.dc-glossary-definition__content{color:#E8E8E8;font-size:1rem;line-height:1.7;}
.dc-glossary-definition__content p{margin:0 0 1rem;}
.dc-glossary-definition__content p:last-child{margin-bottom:0;}
.dc-glossary-definition__content code{background:#0A0A0A;color:#ff6e00;padding:0.15rem 0.4rem;border-radius:3px;font-family:'JetBrains Mono',monospace;font-size:0.875em;}
.dc-glossary-simple{background:#1E1E2E;border:1px solid #333;border-radius:8px;padding:1.5rem;margin-bottom:2rem;}
.dc-glossary-simple__header{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.75rem;}
.dc-glossary-simple__header h2{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.25rem;color:#E8E8E8;margin:0;text-transform:uppercase;}
.dc-glossary-simple__text{color:#9CA3AF;font-size:1.05rem;line-height:1.7;margin:0;font-style:italic;}
.dc-glossary-extra-content{color:#E8E8E8;font-size:1rem;line-height:1.7;margin-bottom:2rem;}
.dc-glossary-extra-content h2,.dc-glossary-extra-content h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;color:#E8E8E8;text-transform:uppercase;margin:1.5rem 0 0.75rem;}
.dc-glossary-extra-content p{margin:0 0 1rem;}
.dc-glossary-related{margin-bottom:2rem;}
.dc-glossary-related__title{display:flex;align-items:center;gap:0.5rem;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.35rem;color:#E8E8E8;text-transform:uppercase;margin:0 0 1rem;padding-bottom:0.75rem;border-bottom:1px solid #2A2A2A;}
.dc-glossary-grid--related{grid-template-columns:repeat(2,1fr);}
.dc-glossary-tools-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.5rem;}
.dc-glossary-tools-list__link{display:inline-flex;align-items:center;gap:0.5rem;color:#ff6e00;text-decoration:none;font-weight:500;padding:0.5rem 1rem;background:#1E1E2E;border:1px solid #333;border-radius:6px;transition:border-color 0.2s ease,background 0.2s ease;}
.dc-glossary-tools-list__link:hover{border-color:#ff6e00;background:rgba(255,110,0,0.05);}
.dc-glossary-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.dc-glossary-product-card{display:flex;flex-direction:column;background:#1E1E2E;border:1px solid #333;border-radius:8px;overflow:hidden;text-decoration:none;transition:border-color 0.2s ease,box-shadow 0.2s ease;}
.dc-glossary-product-card:hover{border-color:#ff6e00;box-shadow:0 0 20px rgba(255,110,0,0.1);}
.dc-glossary-product-card__image{aspect-ratio:1 / 1;overflow:hidden;background:#1E1E2E;}
.dc-glossary-product-card__image img{width:100%;height:100%;object-fit:cover;}
.dc-glossary-product-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.dc-glossary-product-card__info{padding:0.75rem 1rem;}
.dc-glossary-product-card__title{font-family:'Inter',sans-serif;font-weight:600;font-size:0.875rem;color:#E8E8E8;margin:0 0 0.25rem;line-height:1.3;}
.dc-glossary-product-card:hover .dc-glossary-product-card__title{color:#ff6e00;}
.dc-glossary-product-card__price{font-family:'JetBrains Mono',monospace;font-size:0.85rem;color:#ff6e00;font-weight:500;}
.dc-glossary-sidebar-card{background:#1E1E2E;border:1px solid #333;border-radius:8px;padding:1.25rem;margin-bottom:1rem;}
.dc-glossary-sidebar-card__title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.1rem;color:#ff6e00;text-transform:uppercase;margin:0 0 0.75rem;padding-bottom:0.5rem;border-bottom:1px solid #2A2A2A;}
.dc-glossary-sidebar-card__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.25rem;}
.dc-glossary-sidebar-card__links li a{display:flex;align-items:center;gap:0.5rem;padding:0.4rem 0.5rem;color:#E8E8E8;text-decoration:none;font-size:0.875rem;border-radius:4px;transition:background 0.15s ease,color 0.15s ease;}
.dc-glossary-sidebar-card__links li a:hover{background:rgba(255,110,0,0.1);color:#ff6e00;}
.dc-glossary-sidebar-card__links li a svg{color:#8A8A8A;flex-shrink:0;}
.dc-glossary-sidebar-card__links li a:hover svg{color:#ff6e00;}
.dc-glossary-sidebar-card__terms{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.15rem;}
.dc-glossary-sidebar-card__terms li a{display:block;padding:0.35rem 0.5rem;color:#E8E8E8;text-decoration:none;font-size:0.85rem;border-radius:4px;transition:background 0.15s ease,color 0.15s ease;}
.dc-glossary-sidebar-card__terms li a:hover{background:rgba(255,110,0,0.1);color:#ff6e00;}
.dc-glossary-nav{padding:1.5rem 0;background:#1A1A1A;border-top:1px solid #2A2A2A;border-bottom:1px solid #2A2A2A;}
.dc-glossary-nav__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.dc-glossary-nav__link{display:flex;align-items:center;gap:0.75rem;text-decoration:none;padding:0.75rem 1rem;border-radius:8px;transition:background 0.2s ease;max-width:40%;}
.dc-glossary-nav__link:hover{background:rgba(255,110,0,0.05);}
.dc-glossary-nav__link--placeholder{visibility:hidden;}
.dc-glossary-nav__link--next{text-align:right;}
.dc-glossary-nav__link svg{color:#ff6e00;flex-shrink:0;}
.dc-glossary-nav__meta{display:flex;flex-direction:column;}
.dc-glossary-nav__label{font-size:0.75rem;color:#8A8A8A;text-transform:uppercase;letter-spacing:0.05em;}
.dc-glossary-nav__title{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:1rem;color:#E8E8E8;}
.dc-glossary-nav__link:hover .dc-glossary-nav__title{color:#ff6e00;}
.dc-glossary-nav__all{display:inline-flex;align-items:center;gap:0.4rem;color:#8A8A8A;text-decoration:none;font-size:0.85rem;padding:0.5rem 1rem;border-radius:6px;transition:color 0.15s ease,background 0.15s ease;flex-shrink:0;}
.dc-glossary-nav__all:hover{color:#ff6e00;background:rgba(255,110,0,0.05);}
.dc-glossary-auto-link{color:#E8E8E8;text-decoration:none;border-bottom:1px dotted rgba(255,110,0,0.5);transition:color 0.15s ease,border-color 0.15s ease;}
.dc-glossary-auto-link:hover{color:#ff6e00;border-bottom-color:#ff6e00;border-bottom-style:solid;}
.dc-glossary-cta .dc-btn--primary{display:inline-flex;align-items:center;gap:0.4rem;padding:0.65rem 1.5rem;background:#ff6e00;color:#ffffff;border:none;border-radius:6px;font-weight:600;font-size:0.9rem;text-decoration:none;cursor:pointer;transition:background 0.2s ease,box-shadow 0.2s ease,transform 0.15s ease;}
.dc-glossary-cta .dc-btn--primary:hover{background:#ff8a2e;box-shadow:0 0 16px rgba(255,110,0,0.3);transform:translateY(-1px);}
.dc-glossary-cta .dc-btn--secondary{display:inline-flex;align-items:center;gap:0.4rem;padding:0.65rem 1.5rem;background:transparent;color:#ff6e00;border:1px solid #ff6e00;border-radius:6px;font-weight:600;font-size:0.9rem;text-decoration:none;cursor:pointer;transition:background 0.2s ease,color 0.2s ease;}
.dc-glossary-cta .dc-btn--secondary:hover{background:#ff6e00;color:#ffffff;}
@media (max-width:1024px){.dc-glossary-single-content__layout{grid-template-columns:1fr 260px;gap:1.5rem;}
.dc-glossary-products-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px){.dc-glossary-hero{padding:2rem 0 1.5rem;}
.dc-glossary-grid{grid-template-columns:repeat(2,1fr);}
.dc-glossary-grid--related{grid-template-columns:repeat(2,1fr);}
.dc-glossary-cta__grid{grid-template-columns:1fr;}
.dc-glossary-single-content__layout{grid-template-columns:1fr;}
.dc-glossary-single-content__sidebar{order:-1;}
.dc-glossary-products-grid{grid-template-columns:repeat(2,1fr);}
.dc-glossary-nav__link{max-width:45%;}
.dc-glossary-nav__all{display:none;}
}
@media (max-width:480px){.dc-glossary-hero__title{font-size:1.75rem;}
.dc-glossary-grid{grid-template-columns:1fr;}
.dc-glossary-grid--related{grid-template-columns:1fr;}
.dc-glossary-letter-section__heading{font-size:1.5rem;}
.dc-glossary-letter-nav__link{min-width:32px;height:32px;font-size:0.8rem;}
.dc-glossary-single-header__title-row{flex-direction:column;gap:0.5rem;}
.dc-glossary-products-grid{grid-template-columns:1fr;}
.dc-glossary-nav__row{flex-direction:column;gap:0.5rem;}
.dc-glossary-nav__link{max-width:100%;width:100%;}
.dc-glossary-nav__link--placeholder{display:none;}
.dc-glossary-definition,.dc-glossary-simple{padding:1rem;}
}