.tac-main { padding: 36px 24px 110px; }
.tac-admin-workspace > .tac { min-width: 0; }
.tac-admin-workspace .tac-page-heading { margin: 4px 0 28px; }
.tac-admin-workspace .tac-page-heading h1 { font-size: clamp(26px, 3vw, 34px); }
.tac-admin-workspace .tac-summary > div,
.tac-admin-workspace .tac-panel,
.tac-admin-workspace .tac-empty,
.tac-admin-workspace .tac-form-wide { background: #fff; border-color: #e5e7eb; border-radius: 12px; }
.tac-group-cover { height:220px; background:#f3f2ed; display:grid; place-items:center; }.tac-group-cover img { width:100%; height:100%; object-fit:cover; }.tac-group-cover span { color:#6b715f; font-size:24px; }.tac-group-tools { margin:0 0 30px; }.tac-group-banner { display:block; width:100%; height:auto; }.tac-group-intro { display:flex; align-items:center; gap:30px; padding:40px 0; border-bottom:1px solid #e1e2dc; }.tac-group-logo { width:140px; max-height:140px; object-fit:contain; }.tac-group-description { max-width:800px; font-size:15px; padding:25px 0; }.tac-group-portrait { width:min(100%,480px); max-height:600px; object-fit:contain; }.tac-group-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }.tac-group-gallery img { width:100%; height:auto; }.tac-group-gallery figcaption { padding:8px 0; font-size:12px; color:#727969; }.tac-group-link { display:flex; gap:24px; align-items:center; }.tac-group-link img { width:90px; max-height:100px; object-fit:contain; }
@media(max-width:760px) { .tac-group-intro { gap:18px; }.tac-group-logo { width:85px; }.tac-group-intro h1 { font-size:26px; }.tac-group-gallery { gap:10px; } }
.tac { max-width: 1160px; margin: 0 auto; color: #222323; font-size: 14px; line-height: 1.7; }
.tac * { box-sizing: border-box; }.tac a { color: inherit; text-underline-offset: 4px; }.tac h1,.tac h2,.tac h3 { font-weight: 700; letter-spacing: -.035em; line-height: 1.25; }.tac h1 { font-size: clamp(28px,4vw,44px); }.tac h2 { font-size: 26px; }.tac h3 { font-size: 18px; }.tac h2 small { font-size: 12px; color: #777; margin-left: 10px; font-weight: 400; }.tac p { margin: 10px 0; }.tac small { font-size: 12px; }.tac button,.tac input,.tac textarea,.tac select { font: inherit; }.tac :focus-visible { outline: 2px solid #794b50; outline-offset: 3px; }
.tac-kicker { font-size: 11px; font-weight: 700; letter-spacing: .13em; color: #77736c; margin: 0 0 16px!important; }.tac-hero { background: #f3f1eb; display: grid; grid-template-columns: 1.25fr 1fr; min-height: 470px; border: 1px solid #e8e3d9; overflow: hidden; }.tac-hero-copy { padding: 45px 40px; }.tac-hero h1 { font-size: clamp(44px,5.4vw,72px); letter-spacing: -.065em; line-height: .98; margin: 28px 0; }.tac-hero h1 em { font-style: normal; color: #70484c; }.tac-lead { font-size: 17px; line-height: 1.6; }.tac-hero-art { display: flex; align-items: center; justify-content: center; padding: 38px; position: relative; background: repeating-linear-gradient(90deg,transparent,transparent 39px,#22222205 40px); }.tac-art-card { width: 290px; aspect-ratio: .76; background: #2f3833; color: #f5f0e4; border-radius: 13px; padding: 24px; transform: rotate(8deg); box-shadow: 20px 24px 0 #d1cfbc,0 20px 35px #292b2318; border: 1px solid #222; }.tac-art-card>span { font-size: 9px; letter-spacing: .12em; }.tac-art-symbol { font-size: 88px; font-weight: 900; letter-spacing: -.15em; height: 165px; display: flex; align-items: center; }.tac-art-symbol span { color: #d9ba71; transform: translateY(-15px); }.tac-art-card>b { font-size: 23px; line-height: 1.1; display: block; letter-spacing: -.04em; }.tac-art-card>small { display: block; color: #d5d6c8; font-size: 10px; margin-top: 12px; }.tac-art-rule { border-top: 1px solid #f5f0e455; margin: 18px 0 8px; }.tac-art-card p { font-size: 8px; letter-spacing: .1em; }.tac-art-index { position: absolute; bottom: 18px; right: 20px; font-size: 10px; letter-spacing: .15em; color: #777; }
.tac-actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 26px; }.tac-button { display: inline-flex; gap: 22px; justify-content: center; align-items: center; padding: 12px 20px; border: 1px solid #2f3833; color: #fff!important; background: #2f3833; text-decoration: none; border-radius: 4px; font-weight: 650; cursor: pointer; font-size: 13px; }.tac-button.light { background: #fff; color: #2f3833!important; border-color: #dadcd5; }.tac-button:hover { opacity: .85; }.tac-button:disabled { opacity: .45; cursor: not-allowed; }.tac-text-link { font-size: 12px; }.tac-back { display: inline-block; font-size: 12px; color: #6f746e!important; margin: 8px 0 28px; }.tac-page-heading { margin: 20px 0 30px; }.tac-page-heading>p:not(.tac-kicker) { max-width: 720px; color: #6b7068; }
.tac-section { margin: 48px 0; }.tac-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 20px; }.tac-section-heading .tac-kicker { margin-bottom: 10px!important; }.tac-tabs { display: flex; gap: 24px; border-bottom: 1px solid #dadbd5; margin: 24px 0; }.tac-tabs a { text-decoration: none; padding: 10px 0; color: #797b76; white-space: nowrap; }.tac-tabs a[aria-current=page] { border-bottom: 2px solid #2f3833; color: #2f3833; font-weight: 700; }.tac-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }.tac-card { text-decoration: none; border: 1px solid #e1e2db; display: block; min-width: 0; background: #fff; }.tac-card-image { aspect-ratio: .86; position: relative; background: #f4f3ef; }.tac-card-image img { width: 100%; height: 100%; object-fit: contain; }.tac-tag { position: absolute; top: 14px; left: 14px; background: #fff; color: #485347; font-size: 11px; padding: 3px 8px; border: 1px solid #dfe2d8; }.tac-tag.static { position: static; display: inline-block; margin-bottom: 12px; background: #eff2eb; }.tac-card-copy { padding: 18px; }.tac-card-copy small { color: #777; }.tac-card-copy h3 { margin: 6px 0 16px; }.tac-card-copy p { font-size: 10px; color: #7b7d76; overflow-wrap: anywhere; }.tac-card-meta { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 11px; }.tac-card-meta strong { font-size: 18px; letter-spacing: -.02em; }
.tac-empty { border: 1px solid #e5e5de; background: #fafaf7; padding: 50px 24px; text-align: center; }.tac-empty-mark { display: inline-block; font-size: 35px; color: #888f7b; margin-bottom: 12px; }.tac-empty p { color: #7b7d77; font-size: 13px; }.tac-empty .tac-button { margin-top: 12px; }.tac-empty .tac-actions { justify-content: center; }.tac-how { padding: 40px; background: #f3f1eb; margin: 48px 0 0; }.tac-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 34px; margin-top: 34px; }.tac-steps span { font-size: 10px; color: #80704b; letter-spacing: .1em; }.tac-steps h3 { margin-top: 12px; }.tac-steps p { font-size: 12px; color: #707269; }.tac-footnote { font-size: 11px!important; color: #7c8178; margin-top: 22px!important; }
.tac-form { max-width: 780px; }.tac-form-wide { max-width: 860px; padding: 30px; border: 1px solid #e0e3da; background: #fff; }.tac-form label { display: block; font-size: 12px; font-weight: 600; margin-bottom: 18px; }.tac-form input:not([type=checkbox]):not([type=file]),.tac-form textarea,.tac-form select { width: 100%; display: block; margin-top: 7px; border: 1px solid #d9ddd3; background: #fff; border-radius: 4px; padding: 10px 12px; font-size: 14px; font-weight: 400; color: #2f3833; }.tac-form textarea { resize: vertical; line-height: 1.7; }.tac-form label small { display: block; margin-top: 6px; font-size: 11px; color: #858a7f; font-weight: 400; }.tac-form-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }.tac-form .tac-check { display: flex; align-items: flex-start; gap: 10px; font-weight: 400; }.tac-check input { margin-top: 5px; accent-color: #445541; flex-shrink: 0; }.tac-upload { background: #f8f9f5; padding: 20px; margin: 20px 0; }.tac-upload h2 { font-size: 18px; }.tac-upload p { font-size: 12px; color: #79806f; }.tac-upload label.tac-button { display: inline-flex; }.tac-upload input[type=file] { max-width: 190px; font-size: 11px; margin-left: 15px; }.tac-upload details { margin-top: 14px; font-size: 12px; }.tac-image-preview { display: flex; gap: 10px; flex-wrap: wrap; }.tac-image-preview img { height: 90px; width: 75px; object-fit: contain; background: #fff; }
.tac-detail { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 50px; align-items: start; }.tac-main-photo { width: 100%; max-height: 650px; object-fit: contain; background: #f3f3ed; }.tac-thumbnails { display: flex; gap: 10px; flex-wrap: wrap; margin: 12px 0 28px; }.tac-thumbnails img { width: 78px; height: 98px; object-fit: contain; background: #f4f4ef; }.tac-detail-copy h1 { font-size: 34px; margin: 6px 0 24px; }.tac-detail-copy h3 { font-size: 14px; margin: 28px 0 8px; }.tac-prose { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; color: #62695d; }.tac-facts { display: grid; grid-template-columns: 130px minmax(0,1fr); border-top: 1px solid #e0e3da; margin-top: 24px; padding-top: 18px; font-size: 12px; row-gap: 10px; }.tac-facts dt { font-weight: 400; color: #8b8e84; }.tac-facts dd { margin: 0; overflow-wrap: anywhere; }.tac-cert-strip { display: flex; gap: 18px; align-items: center; background: #f4f2e8; padding: 20px; margin-top: 28px; }.tac-cert-strip>i { font-size: 30px; color: #938051; }.tac-cert-strip code { display: block; margin: 7px 0; color: #535e47; font-size: 11px; word-break: break-all; }.tac-cert-strip a,.tac-cert-strip small { font-size: 11px; }.tac-price { background: #f4f5ef; padding: 24px; margin: 20px 0; }.tac-price small,.tac-price span { display: block; font-size: 12px; color: #7a8370; }.tac-price strong { display: block; font-size: 34px; line-height: 1.4; margin: 6px 0; }.tac-panel { padding: 26px; border: 1px solid #dce0d4; margin: 28px 0; background: #fff; }.tac-panel>h2 { font-size: 21px; margin-bottom: 24px; }.tac-notice { background: #edf2e8; color: #475e3f; border-left: 3px solid #657b57; padding: 16px 20px; font-size: 13px; }.tac-cancel { margin-top: 24px; color: #8c655d; }.tac-cancel summary { font-size: 12px; }.tac-cancel form { margin-top: 16px; }.tac-history { list-style: none; padding: 0; }.tac-history li { border-left: 1px solid #d2d6ca; padding: 14px 24px; position: relative; }.tac-history li:before { content: ''; position: absolute; width: 7px; height: 7px; background: #718061; border-radius: 50%; left: -4px; top: 23px; }.tac-history time { font-size: 11px; color: #868b80; display: block; }.tac-history b { display: block; font-size: 14px; }.tac-history span { font-size: 12px; }
.tac-table-wrap { overflow-x: auto; }.tac table { border-collapse: collapse; width: 100%; text-align: left; font-size: 12px; }.tac th { color: #858c7d; background: #f7f8f3; font-weight: 500; white-space: nowrap; }.tac th,.tac td { padding: 14px 12px; border-bottom: 1px solid #e3e5dd; }.tac td small { display: block; color: #8b8f84; font-size: 10px; }.tac td code { font-size: 10px; color: #6b775e; }.tac-summary { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }.tac-summary>div { background: #f3f5ee; padding: 22px; border: 1px solid #e1e4d9; }.tac-summary span { font-size: 12px; }.tac-summary b { display: block; font-size: 30px; margin-top: 12px; }
.tac-cert-actions { display: flex; align-items: baseline; justify-content: space-between; }.tac-certificate { background: #fbfaf4; border: 1px solid #d2c8ab; padding: 42px; max-width: 920px; margin: 0 auto 50px; color: #494b40; }.tac-certificate-top { display: flex; justify-content: space-between; border-bottom: 1px solid #c9c2aa; padding-bottom: 18px; margin-bottom: 40px; font-size: 10px; letter-spacing: .09em; }.tac-certificate>h1 { font-size: 36px; }.tac-cert-id { font-family: monospace; color: #93896d; font-size: 12px; }.tac-cert-body { display: grid; grid-template-columns: 240px 1fr; gap: 28px; margin: 32px 0; }.tac-cert-work { width: 100%; height: 280px; object-fit: contain; background: #f1efe4; }.tac-cert-body h2 { font-size: 22px; }.tac-cert-body .tac-facts { grid-template-columns: 110px minmax(0,1fr); }.tac-cert-bottom { display: grid; grid-template-columns: 1fr 160px; gap: 30px; border-top: 1px solid #d6d2c2; padding-top: 24px; }.tac-cert-bottom h3 { font-size: 14px; }.tac-cert-bottom p { font-size: 12px; }.tac-qr { text-align: center; }.tac-qr img { width: 145px; height: 145px; }.tac-qr a,.tac-qr small { display: block; font-size: 10px; }.tac-cert-note { font-size: 10px; color: #929181; margin-top: 24px!important; border-top: 1px solid #dedbcf; padding-top: 16px; }.tac-cert-url { display: block; font-size: 9px; overflow-wrap: anywhere; color: #98947f!important; }
@media(max-width:850px) { .tac-hero { grid-template-columns: 1fr 1fr; }.tac-hero-copy { padding: 32px 24px; }.tac-hero h1 { font-size: 51px; }.tac-art-card { width: 230px; padding: 18px; }.tac-art-symbol { font-size: 73px; height: 135px; }.tac-art-card>b { font-size: 20px; }.tac-hero-art { padding: 28px; }.tac-detail { gap: 25px; }.tac-facts { grid-template-columns: 100px 1fr; }.tac-grid { gap: 14px; }.tac-cert-body { grid-template-columns: 180px 1fr; }.tac-certificate { padding: 28px; } }
@media(max-width:600px) { .tac-main { padding: 18px 16px 95px; }.tac-hero { grid-template-columns: 1fr; }.tac-hero h1 { font-size: 58px; }.tac-hero-art { min-height: 310px; padding: 24px; }.tac-art-card { width: 200px; }.tac-art-symbol { font-size: 65px; height: 100px; }.tac-art-card>b { font-size: 17px; }.tac-art-card>small { font-size: 8px; }.tac-actions { gap: 12px; }.tac-tabs { gap: 18px; font-size: 12px; overflow-x: auto; }.tac-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.tac-card-copy { padding: 12px; }.tac-card-copy h3 { font-size: 15px; }.tac-card-meta { flex-direction: column; align-items: flex-start; gap: 3px; }.tac-section-heading { align-items: flex-start; }.tac-section-heading h2 { font-size: 23px; }.tac-how { padding: 26px; }.tac-steps { grid-template-columns: 1fr; gap: 20px; }.tac-detail,.tac-form-pair { grid-template-columns: 1fr; }.tac-detail-copy h1 { font-size: 29px; }.tac-form-wide,.tac-panel { padding: 20px; }.tac-form-pair { gap: 0; }.tac-summary { grid-template-columns: repeat(2,1fr); gap: 10px; }.tac-summary>div { padding: 16px; }.tac-cert-body { grid-template-columns: 1fr; }.tac-cert-work { height: 250px; }.tac-certificate { padding: 22px; }.tac-certificate>h1 { font-size: 28px; }.tac-cert-bottom { grid-template-columns: 1fr; }.tac-certificate-top { gap: 18px; font-size: 8px; }.tac-upload input[type=file] { max-width: 130px; }.tac-table-wrap { margin: 0 -4px; } }
@media print { body>nav,body>header,.bottom-nav,.tac-cert-actions,.jdr-scroll-top-btn,.tac-main>.tac>.tac-notice { display: none!important; }.tac-main { padding: 0; }.tac-certificate { max-width: none; margin: 0; padding: 25px; break-inside: avoid; -webkit-print-color-adjust: exact; print-color-adjust: exact; }.tac-cert-body { grid-template-columns: 200px 1fr; }.tac-cert-bottom { grid-template-columns: 1fr 150px; }.tac-qr a { display: none; } }