:root{--field:#f8fafc}textarea,select{font:inherit}textarea:focus-visible,select:focus-visible{outline:3px solid #93b4fb;outline-offset:3px}.toolindex{padding-top:55px}.toolindex .cards{margin-top:0}.toolindex .card h2{margin:22px 0 9px;font-size:17px;letter-spacing:0}.sectionlink{margin-top:30px;text-align:right}.sectionlink a,.related a{color:var(--blue);font-weight:700}.inputaction{display:flex;gap:12px}.inputaction input,.formgrid input,.formgrid select{min-width:0;min-height:48px;padding:0 14px;border:1px solid #cfd9e7;border-radius:9px;background:var(--field)}.inputaction input{flex:1}.inputaction .button{flex:0 0 auto}.resultgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.resultgrid>div{min-width:0;padding:15px 17px;border-bottom:1px solid var(--line);background:var(--field)}.resultgrid>div:nth-child(odd){border-right:1px solid var(--line)}.resultgrid>div:nth-last-child(-n+2){border-bottom:0}.resultgrid>div:last-child:nth-child(odd){border-bottom:0}.resultgrid span{display:block;margin-bottom:7px;color:var(--muted);font-size:10px;text-transform:uppercase}.resultgrid code{display:block;overflow-wrap:anywhere;color:#172554;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.workspace textarea{width:100%;padding:14px;border:1px solid #cfd9e7;border-radius:9px;background:var(--field);resize:vertical}.divider{display:flex;align-items:center;gap:14px;margin:28px 0;color:var(--muted);font-size:10px;text-transform:uppercase}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.filepick{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px dashed #aebed2;border-radius:9px;background:var(--field);cursor:pointer}.filepick strong{color:var(--blue);font-size:13px}.filepick span{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.hashresults{display:grid;gap:17px;margin-top:20px}.hashresults>div>span{display:block;margin-bottom:7px;color:var(--muted);font-size:10px;font-weight:700}.hashresults .output input{font-size:11px}.formgrid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.formgrid input,.formgrid select{width:100%}.buttonrow{display:flex;gap:12px;margin-top:16px}.timestampresults code{font-size:11px}.related{margin-top:50px;padding:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.related h2{margin:0 0 8px;font-size:20px}.related p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.cms-content{margin-top:clamp(2rem,5vw,4rem);font-size:1.03rem;line-height:1.75}.cms-content h2,.cms-content h3{margin:1.8em 0 .55em;color:var(--ink)}.cms-content p,.cms-content li{max-width:74ch}.cms-content img{display:block;max-width:100%;height:auto;margin:1.5rem auto;border-radius:10px}.cms-content pre{max-width:100%;overflow:auto;padding:1rem 1.2rem;border-radius:8px;background:#15221e;color:#edf7f3}.cms-content code{overflow-wrap:anywhere}.cms-content blockquote{margin:1.5rem 0;padding:.2rem 1.2rem;border-left:4px solid var(--blue);color:#52615c}.cms-content table{width:100%;border-collapse:collapse}.cms-content th,.cms-content td{padding:.65rem;border:1px solid #dbe3df;text-align:left}.blocked-image{display:block;padding:1rem;background:#f4f5f4;color:#68736f}.content-cards{margin-top:2rem}
@media(max-width:640px){.inputaction,.buttonrow{flex-direction:column}.inputaction .button,.buttonrow .button{width:100%}.resultgrid,.formgrid{grid-template-columns:1fr}.resultgrid>div,.resultgrid>div:nth-child(odd){border-right:0;border-bottom:1px solid var(--line)}.resultgrid>div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.resultgrid>div:last-child{border-bottom:0}.filepick{align-items:flex-start;flex-direction:column}.hashresults .output{align-items:stretch;flex-direction:column;padding:9px}.hashresults .output input{min-height:48px}.hashresults .output button{margin:0}}

/* CMS articles use a compact, continuous reading surface. */
.article-page,.article-header,.article-body{background:#fff}.article-header{position:relative;padding:28px 0 22px;border-bottom:1px solid var(--line)}.article-text{width:min(800px,calc(100% - 40px));margin-inline:auto}.article-header .crumb{margin-bottom:14px}.article-meta{display:flex;align-items:center;justify-content:space-between;gap:20px}.article-meta .eyebrow{margin:0}.article-meta small{color:var(--muted);font-size:11px}.article-header h1{margin:10px 0 9px;font-size:clamp(34px,4.3vw,48px);line-height:1.1;letter-spacing:-.035em}.article-header p{margin:0;color:var(--muted);font-size:16px;line-height:1.58}.article-body{padding:24px 0 88px}.article-content{margin-top:0}.article-content>:first-child{margin-top:0}.article-content img{position:relative;left:50%;display:block;width:auto;max-width:min(1100px,calc(100vw - 48px));height:auto;margin:1.5rem 0;transform:translateX(-50%);border-radius:10px}.article-content .blocked-image{margin:1.25rem 0}.article-content p,.article-content li{max-width:none}.preview-image-error{display:block;margin:1rem 0;padding:14px 16px;border:1px dashed #c9d2ce;border-radius:7px;background:#f5f7f6;color:#68736f;font-size:.9rem}
@media(max-width:640px){.article-header{padding:20px 0 17px}.article-text{width:min(100% - 28px,800px)}.article-header .crumb{margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-header h1{font-size:34px}.article-body{padding:18px 0 64px}.article-content img{max-width:calc(100vw - 28px);margin-top:1.1rem;margin-bottom:1.1rem}}
.article-content img.media-size-small{width:min(320px,calc(100vw - 48px))}.article-content img.media-size-medium{width:min(560px,calc(100vw - 48px))}.article-content img.media-size-content{width:min(800px,calc(100vw - 48px))}.article-content img.media-size-wide{width:min(1100px,calc(100vw - 48px))}
.image-text-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;margin:1.5rem 0}.article-content .image-text-block img,.markdown-preview .image-text-block img{position:static;left:auto;width:100%;max-width:100%;height:auto;margin:0;transform:none;border-radius:10px}.image-text-copy>:first-child{margin-top:0}.image-text-copy>:last-child{margin-bottom:0}
.guide-hero{padding:42px 0 36px;border-bottom:1px solid #d7e0eb;box-shadow:0 10px 24px rgba(15,23,42,.04)}.guide-hero .crumb{margin-bottom:22px}.guide-hero h1{font-size:clamp(38px,4.2vw,54px)}.guide-hero p{margin-bottom:0}.guide-hero+.guideindex{padding-top:42px}
@media(max-width:640px){.image-text-block{grid-template-columns:1fr;gap:14px}.guide-hero{padding:28px 0 26px}.guide-hero .crumb{margin-bottom:16px}.guide-hero+.guideindex{padding-top:30px}}